Delete Legacy Storybook (viamrobotics#556)

packages/legacy/package.json

@@ -22,7 +22,7 @@
   "packageManager": "[email protected]",
   "scripts": {
     "start": "vite dev",
-    "build": "pnpm run build-bundles && pnpm run build-types && pnpm run build-storybook",
+    "build": "pnpm run build-bundles && pnpm run build-types",
     "build-bundles": "vite build --mode production",
     "build-types": "tsc --project tsconfig.build.json",
     "serve": "vite preview --host",
@@ -35,9 +35,6 @@
     "test": "playwright test",
     "test-dev": "playwright test --debug",
     "playwright-install": "playwright install",
-    "storybook": "storybook dev -p 6006",
-    "storybook-docs": "storybook dev --docs --no-manager-cache",
-    "build-storybook": "storybook build --docs -o prime",
     "_prettier": "prettier \"**/*.{js,cjs,ts,svelte,css,json,yml,yaml,md,mdx}\"",
     "_eslint": "eslint \".*.cjs\" \"**/*.{js,cjs,ts,svelte}\""
   },
@@ -46,18 +43,6 @@
     "@floating-ui/vue": "^1.0.0",
     "@mdi/js": "^7.2.96",
     "@playwright/test": "^1.32.3",
-    "@storybook/addon-a11y": "^7.3.2",
-    "@storybook/addon-actions": "^7.3.2",
-    "@storybook/addon-docs": "^7.3.2",
-    "@storybook/addon-essentials": "^7.3.2",
-    "@storybook/addon-interactions": "^7.3.2",
-    "@storybook/addon-links": "^7.3.2",
-    "@storybook/addons": "^7.3.2",
-    "@storybook/blocks": "^7.3.2",
-    "@storybook/html": "^7.3.2",
-    "@storybook/html-vite": "^7.3.2",
-    "@storybook/testing-library": "^0.1.0",
-    "@storybook/theming": "^7.3.2",
     "@sveltejs/vite-plugin-svelte": "^2.4.2",
     "@types/prismjs": "^1.26.0",
     "@typescript-eslint/eslint-plugin": "^6.7.0",
@@ -77,7 +62,6 @@
     "eslint-plugin-jsx-a11y": "^6.7.1",
     "eslint-plugin-prefer-arrow": "^1.2.3",
     "eslint-plugin-sonarjs": "^0.21.0",
-    "eslint-plugin-storybook": "^0.6.13",
     "eslint-plugin-svelte": "^2.33.1",
     "eslint-plugin-tailwindcss": "^3.13.0",
     "eslint-plugin-unicorn": "^48.0.1",
@@ -90,7 +74,6 @@
     "prismjs": "^1.29.0",
     "react": "^18.2.0",
     "remark-gfm": "^3.0.1",
-    "storybook": "^7.3.2",
     "svelte": "^4.0.5",
     "svelte-check": "^3.4.3",
     "svelte-preprocess": "^5.0.3",

packages/legacy/playground/src/tabs-test.vue

@@ -1,23 +1,12 @@
 <script setup lang="ts">
-import example from '../../src/stories/assets/cpp-code-example';
-
 let selectedTab = $ref('Tab 2');
-let jsonCodeExampleSrc = $ref(example);
-setTimeout(() => {
-  jsonCodeExampleSrc = JSON.stringify(
-    'Secret: 7zmvldd8swsob2dcbh7y3r16ogvhnqg7bwonn6pmx9wxikg8" "http://localhost:8080/api/json1/config?id=6071ec36-31c4-4b5c-bc97-88df4933f2b0&client=true" -o /etc/viam.json',
-    null,
-    2
-  );
-  }, 4000);
 const handleTabSelect = (event: CustomEvent<{ value: string }>) => {
   selectedTab = event.detail.value;
 };
 </script>
 
 <template>
-  <main class="flex flex-col gap-8 m-3">
-
+  <main class="m-3 flex flex-col gap-8">
     <!-- Selected Value -->
     <div>
       <v-tabs
@@ -27,12 +16,8 @@ const handleTabSelect = (event: CustomEvent<{ value: string }>) => {
         @input="handleTabSelect"
       />
       <div class="p-4">
-        <div v-if="selectedTab === 'Tab 2'" >
-          <v-code-snippet 
-            language='json'
-            theme='vs'
-            :code=jsonCodeExampleSrc
-          />
+        <div v-if="selectedTab === 'Tab 2'">
+          <p>tab2</p>
         </div>
         <p v-else>{{ selectedTab }}</p>
       </div>
@@ -45,6 +30,5 @@ const handleTabSelect = (event: CustomEvent<{ value: string }>) => {
       tabs="Tab X, Tab Y, Tab Z"
       selected="Tab Z"
     />
-
   </main>
 </template>

packages/legacy/src/elements/modal.svelte

@@ -44,7 +44,7 @@ const handleClose = (event: MouseEvent | KeyboardEvent) => {
     }
   )}
   tabindex="0"
-  aria-label={`${title}`}
+  aria-label={title}
   on:click={handleClose}
   on:keyup|preventDefault={handleClose}
 >