[#58] move assets under src folder

buggregator · Mar 3, 2024 · add395e · add395e
1 parent 6db4578
commit add395e
Show file tree

Hide file tree

Showing 45 changed files with 120 additions and 85 deletions.
diff --git a/.storybook/preview.ts b/.storybook/preview.ts
@@ -1,7 +1,7 @@
 import {createPinia} from 'pinia';
 import { setup } from '@storybook/vue3';
-import "../assets/index.css";
-import "../assets/vendor";
+import "../src/assets/index.css";
+import "../src/assets/vendor";
 import "./stories.css"
 import SfdumpWrap from "../src/shared/lib/vendor/dumper";
 import 'tailwindcss/tailwind.css'

diff --git a/app.vue b/app.vue
@@ -5,6 +5,6 @@
 </template>
 
 <script lang="ts" setup>
-import "./assets/index.css";
-import "./assets/vendor";
+import "./src/assets/index.css";
+import "./src/assets/vendor";
 </script>
diff --git a/error.vue b/error.vue
@@ -13,7 +13,7 @@
 </template>
 
 <script lang="ts" setup>
-import "./assets/tailwind.css";
+import "./src/assets/tailwind.css";
 import "highlight.js/lib/common";
 import { clearError } from "#app";
 

diff --git a/layouts/default.vue b/layouts/default.vue
@@ -53,7 +53,7 @@ onMounted(() => {
 </template>
 
 <style lang="scss" scoped>
-@import "assets/mixins";
+@import "src/assets/mixins";
 
 .main-layout {
   @apply flex min-h-screen items-stretch relative;

diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -40,7 +40,7 @@ export default defineNuxtConfig({
       autoprefixer: {},
     },
   },
-  css: ["~/assets/index.css"],
+  css: ["~/src/assets/index.css"],
   modules: [
     '@nuxtjs/tailwindcss',
     '@pinia/nuxt',

diff --git a/pages/http-dumps/[id].vue b/pages/http-dumps/[id].vue
@@ -82,7 +82,7 @@ onMounted(getEvent);
 </template>
 
 <style lang="scss" scoped>
-@import "assets/mixins";
+@import "src/assets/mixins";
 .http-dumps-event {
   @include layout;
 }

diff --git a/pages/inspector/[id].vue b/pages/inspector/[id].vue
@@ -82,7 +82,7 @@ onMounted(getEvent);
 </template>
 
 <style lang="scss" scoped>
-@import "assets/mixins";
+@import "src/assets/mixins";
 .inspector-event {
   @include layout;
 }

diff --git a/pages/profiler/[id].vue b/pages/profiler/[id].vue
@@ -82,7 +82,7 @@ onMounted(getEvent);
 </template>
 
 <style lang="scss" scoped>
-@import "assets/mixins";
+@import "src/assets/mixins";
 
 .profiler-event {
   @include layout;

diff --git a/pages/sentry/[id].vue b/pages/sentry/[id].vue
@@ -78,7 +78,7 @@ onMounted(getEvent);
 </template>
 
 <style lang="scss" scoped>
-@import "assets/mixins";
+@import "src/assets/mixins";
 
 .sentry-event {
   @include layout;

diff --git a/pages/settings.vue b/pages/settings.vue
@@ -83,7 +83,7 @@ const isDarkMode = computed(() => themeType.value === THEME_MODES.DARK);
 </template>
 
 <style lang="scss" scoped>
-@import "assets/mixins";
+@import "src/assets/mixins";
 
 .settings-page {
   @include layout;

diff --git a/pages/smtp/[id].vue b/pages/smtp/[id].vue
@@ -85,7 +85,7 @@ onMounted(getEvent);
 </template>
 
 <style lang="scss" scoped>
-@import "assets/mixins";
+@import "src/assets/mixins";
 
 .smtp-event {
   @include layout;

diff --git a/assets/index.css → src/assets/index.css b/assets/index.css → src/assets/index.css
diff --git a/assets/mixins.scss → src/assets/mixins.scss b/assets/mixins.scss → src/assets/mixins.scss
diff --git a/assets/symfony-var-dump.css → src/assets/symfony-var-dump.css b/assets/symfony-var-dump.css → src/assets/symfony-var-dump.css
@@ -28,9 +28,10 @@ pre.sf-dump a {
 pre.sf-dump img {
   max-width: 50em;
   max-height: 50em;
-  margin: .5em 0 0 0;
+  margin: 0.5em 0 0 0;
   padding: 0;
-  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAAHUlEQVQY02O8zAABilCaiQEN0EeA8QuUcX9g3QEAAjcC5piyhyEAAAAASUVORK5CYII=) #D3D3D3;
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAAHUlEQVQY02O8zAABilCaiQEN0EeA8QuUcX9g3QEAAjcC5piyhyEAAAAASUVORK5CYII=)
+    #d3d3d3;
 }
 
 pre.sf-dump .sf-dump-ellipsis {
@@ -52,13 +53,21 @@ pre.sf-dump code {
   background: none;
 }
 
-.sf-dump-public.sf-dump-highlight, .sf-dump-protected.sf-dump-highlight, .sf-dump-private.sf-dump-highlight, .sf-dump-str.sf-dump-highlight, .sf-dump-key.sf-dump-highlight {
+.sf-dump-public.sf-dump-highlight,
+.sf-dump-protected.sf-dump-highlight,
+.sf-dump-private.sf-dump-highlight,
+.sf-dump-str.sf-dump-highlight,
+.sf-dump-key.sf-dump-highlight {
   background: rgba(111, 172, 204, 0.3);
-  border: 1px solid #7DA0B1;
+  border: 1px solid #7da0b1;
   border-radius: 3px;
 }
 
-.sf-dump-public.sf-dump-highlight-active, .sf-dump-protected.sf-dump-highlight-active, .sf-dump-private.sf-dump-highlight-active, .sf-dump-str.sf-dump-highlight-active, .sf-dump-key.sf-dump-highlight-active {
+.sf-dump-public.sf-dump-highlight-active,
+.sf-dump-protected.sf-dump-highlight-active,
+.sf-dump-private.sf-dump-highlight-active,
+.sf-dump-str.sf-dump-highlight-active,
+.sf-dump-key.sf-dump-highlight-active {
   background: rgba(253, 175, 0, 0.4);
   border: 1px solid #ffa500;
   border-radius: 3px;
@@ -84,9 +93,9 @@ pre.sf-dump .sf-dump-search-wrapper > * {
   height: 21px;
   font-weight: normal;
   border-radius: 0;
-  background: #FFF;
+  background: #fff;
   color: #757575;
-  border: 1px solid #BBB;
+  border: 1px solid #bbb;
 }
 
 pre.sf-dump .sf-dump-search-wrapper > input.sf-dump-search-input {
@@ -101,8 +110,9 @@ pre.sf-dump .sf-dump-search-wrapper > input.sf-dump-search-input {
   width: 100%;
 }
 
-pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-next, pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-previous {
-  background: #F2F2F2;
+pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-next,
+pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-previous {
+  background: #f2f2f2;
   outline: none;
   border-left: none;
   font-size: 0;
@@ -114,7 +124,8 @@ pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-next {
   border-bottom-right-radius: 3px;
 }
 
-pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-next > svg, pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-previous > svg {
+pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-next > svg,
+pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-previous > svg {
   pointer-events: none;
   width: 12px;
   height: 12px;
@@ -129,70 +140,71 @@ pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-count {
   font-size: 12px;
 }
 
-pre.sf-dump, pre.sf-dump .sf-dump-default {
-  color: #FF8400;
+pre.sf-dump,
+pre.sf-dump .sf-dump-default {
+  color: #ff8400;
   line-height: 1.2em;
   word-wrap: break-word;
   white-space: pre-wrap;
   position: relative;
   z-index: 10;
-  word-break: break-all
+  word-break: break-all;
 }
 
 pre.sf-dump .sf-dump-num {
   font-weight: bold;
-  color: #1299DA
+  color: #1299da;
 }
 
 pre.sf-dump .sf-dump-const {
-  font-weight: bold
+  font-weight: bold;
 }
 
 pre.sf-dump .sf-dump-str {
   font-weight: bold;
-  color: #56DB3A
+  color: #56db3a;
 }
 
 pre.sf-dump .sf-dump-note {
-  color: #1299DA
+  color: #1299da;
 }
 
 pre.sf-dump .sf-dump-ref {
-  color: #A0A0A0
+  color: #a0a0a0;
 }
 
 pre.sf-dump .sf-dump-public {
-  color: #FFFFFF
+  color: #ffffff;
 }
 
 pre.sf-dump .sf-dump-protected {
-  color: #FFFFFF
+  color: #ffffff;
 }
 
 pre.sf-dump .sf-dump-private {
-  color: #FFFFFF
+  color: #ffffff;
 }
 
 pre.sf-dump .sf-dump-meta {
-  color: #B729D9
+  color: #b729d9;
 }
 
 pre.sf-dump .sf-dump-key {
-  color: #56DB3A
+  color: #56db3a;
 }
 
 pre.sf-dump .sf-dump-index {
-  color: #1299DA
+  color: #1299da;
 }
 
 pre.sf-dump .sf-dump-ellipsis {
-  color: #FF8400
+  color: #ff8400;
 }
 
 pre.sf-dump .sf-dump-ns {
   user-select: none;
 }
 
 pre.sf-dump .sf-dump-ellipsis-note {
-  color: #1299DA
+  color: #1299da;
 }
diff --git a/assets/tailwind.css → src/assets/tailwind.css b/assets/tailwind.css → src/assets/tailwind.css
diff --git a/assets/vendor.css → src/assets/vendor.css b/assets/vendor.css → src/assets/vendor.css
diff --git a/assets/vendor.ts → src/assets/vendor.ts b/assets/vendor.ts → src/assets/vendor.ts
diff --git a/assets/vue3-tabs-component.scss → src/assets/vue3-tabs-component.scss b/assets/vue3-tabs-component.scss → src/assets/vue3-tabs-component.scss
diff --git a/src/entities/http-dump/ui/preview-card/preview-card.vue b/src/entities/http-dump/ui/preview-card/preview-card.vue
@@ -25,7 +25,7 @@ const uri = decodeURI(props.event.payload.request.uri);
 </template>
 
 <style lang="scss" scoped>
-@import "assets/mixins";
+@import "src/assets/mixins";
 
 .preview-card {
   @apply flex flex-col;

diff --git a/src/entities/inspector/ui/preview-card/preview-card.vue b/src/entities/inspector/ui/preview-card/preview-card.vue
@@ -23,7 +23,7 @@ const eventLink = computed(() => `/inspector/${props.event.id}`);
 </template>
 
 <style lang="scss" scoped>
-@import "assets/mixins";
+@import "src/assets/mixins";
 
 .preview-card {
   @apply flex flex-col;

diff --git a/src/entities/profiler/ui/preview-card/preview-card.vue b/src/entities/profiler/ui/preview-card/preview-card.vue
@@ -22,7 +22,7 @@ const eventLink = computed(() => `/profiler/${props.event.id}`);
 </template>
 
 <style lang="scss" scoped>
-@import "assets/mixins";
+@import "src/assets/mixins";
 
 .profiler-preview {
   @apply flex flex-col;

diff --git a/src/entities/ray/ui/ray-application-log/ray-application-log.vue b/src/entities/ray/ui/ray-application-log/ray-application-log.vue
@@ -13,7 +13,7 @@ defineProps<Props>();
 </template>
 
 <style lang="scss" scoped>
-@import "assets/mixins";
+@import "src/assets/mixins";
 
 .ray-application-log {
   @include code-example();

diff --git a/src/entities/ray/ui/ray-file/ray-file.vue b/src/entities/ray/ui/ray-file/ray-file.vue
@@ -53,7 +53,7 @@ const hasSnippets = computed(() =>
 </template>
 
 <style lang="scss" scoped>
-@import "assets/mixins";
+@import "src/assets/mixins";
 .ray-file {
   @apply text-xs cursor-pointer border-b border-purple-200 dark:border-gray-600;
 }

diff --git a/src/entities/sentry/ui/preview-card/preview-card.vue b/src/entities/sentry/ui/preview-card/preview-card.vue
@@ -63,7 +63,7 @@ const exception: Ref<Exception> = computed(() =>
 </template>
 
 <style lang="scss" scoped>
-@import "assets/mixins";
+@import "src/assets/mixins";
 .preview-card {
   @apply flex flex-col;
 }

diff --git a/src/entities/sentry/ui/sentry-exception/sentry-exception-frame.vue b/src/entities/sentry/ui/sentry-exception/sentry-exception-frame.vue
@@ -100,7 +100,7 @@ const toggleOpen = () => {
 </template>
 
 <style lang="scss" scoped>
-@import "assets/mixins";
+@import "src/assets/mixins";
 
 .sentry-exception-frame {
   @apply text-xs border-b border-purple-200 dark:border-gray-600;

diff --git a/src/entities/sentry/ui/sentry-exception/sentry-exception.vue b/src/entities/sentry/ui/sentry-exception/sentry-exception.vue
@@ -31,7 +31,7 @@ const exceptionFrames = computed(() => {
           {{ exception.type }}
         </h3>
 
-        <pre class="sentry-exception__text" v-html="exception.value"/>
+        <pre class="sentry-exception__text" v-html="exception.value" />
       </header>
     </slot>
 
@@ -40,17 +40,17 @@ const exceptionFrames = computed(() => {
         v-for="(frame, index) in exceptionFrames"
         :key="frame.context_line"
       >
-        <SentryExceptionFrame :frame="frame" :is-open="index === 0"/>
+        <SentryExceptionFrame :frame="frame" :is-open="index === 0" />
       </template>
     </div>
   </div>
 </template>
 
 <style lang="scss" scoped>
-@import "assets/mixins";
+@import "src/assets/mixins";
 
 .sentry-exception {
-  @apply flex flex-col ;
+  @apply flex flex-col;
 }
 
 .sentry-exception__link {

diff --git a/src/entities/smtp/ui/preview-card/preview-card.vue b/src/entities/smtp/ui/preview-card/preview-card.vue
@@ -33,7 +33,7 @@ const eventLink = computed(() => `/smtp/${props.event.id}`);
 </template>
 
 <style lang="scss" scoped>
-@import "assets/mixins";
+@import "src/assets/mixins";
 
 .smtp-preview {
 }

diff --git a/src/screens/http-dump/ui/http-dump-page/http-dump-page.vue b/src/screens/http-dump/ui/http-dump-page/http-dump-page.vue
@@ -128,7 +128,7 @@ const hasAttachments = computed(
 </template>
 
 <style lang="scss" scoped>
-@import "assets/mixins";
+@import "src/assets/mixins";
 
 .http-dump-page {
   @apply relative flex-1 flex flex-col;

diff --git a/src/screens/inspector/ui/inspector-page-timeline/inspector-page-timeline.vue b/src/screens/inspector/ui/inspector-page-timeline/inspector-page-timeline.vue
@@ -178,7 +178,7 @@ const series = computed(() => {
 </template>
 
 <style lang="scss" scoped>
-@import "assets/mixins";
+@import "src/assets/mixins";
 
 .inspector-page-timeline {
   @apply py-5;

diff --git a/src/screens/inspector/ui/inspector-page/inspector-page.vue b/src/screens/inspector/ui/inspector-page/inspector-page.vue
@@ -75,7 +75,7 @@ const date = computed(() =>
 </template>
 
 <style lang="scss" scoped>
-@import "assets/mixins";
+@import "src/assets/mixins";
 
 .inspector-page {
   @apply relative;

diff --git a/src/screens/profiler/ui/call-graph/call-graph.vue b/src/screens/profiler/ui/call-graph/call-graph.vue
@@ -155,7 +155,7 @@ const setMinPercent = (value: number) => {
 </template>
 
 <style lang="scss" scoped>
-@import "assets/mixins";
+@import "src/assets/mixins";
 
 .call-graph {
   @apply relative flex rounded border border-gray-900 min-h-min min-w-min h-full;