@explorer-1/vue-storybook 0.1.2 → 0.2.3

package/.storybook/manager-head.html

@@ -1,6 +1,10 @@
 <style type="text/css">
-  /* styles for the storybook sidebar */
+  /* fix short height of viewing area */
+  main > div {
+    height: 100%;
+  }
 
+  /* styles for the storybook sidebar */
   .sidebar-item svg:not([type='document']) {
     color: inherit !important;
   }

package/.storybook/preview.ts

@@ -253,6 +253,7 @@ const preview: Preview = {
               'PageEduMultimediaDetail',
               '*'
             ],
+            'ExploreJPL',
             'PageContent'
           ]
         ]

package/CHANGELOG.md

@@ -1,5 +1,83 @@
 # @explorer-1/vue-storybook
 
+## 0.2.3
+
+### Patch Changes
+
+- efc1a49: Dependency updates. Fixing storybook docs pages bug.
+- Updated dependencies [efc1a49]
+  - @explorer-1/common@2.1.2
+  - @explorer-1/html@1.1.1
+  - @explorer-1/vue@1.1.3
+  - @explorer-1/common-storybook@0.2.0
+
+## 0.2.2
+
+### Patch Changes
+
+- Updated dependencies [4789384]
+- Updated dependencies [c9cb4e4]
+  - @explorer-1/vue@1.1.2
+
+## 0.2.1
+
+### Patch Changes
+
+- Updated dependencies [cc79897]
+  - @explorer-1/common@2.1.1
+  - @explorer-1/vue@1.1.1
+  - @explorer-1/common-storybook@0.2.0
+  - @explorer-1/html@1.1.0
+
+## 0.2.0
+
+### Minor Changes
+
+- 582fa5e: Updating to Node 24. Updating dependencies.
+
+### Patch Changes
+
+- Updated dependencies [582fa5e]
+  - @explorer-1/common-storybook@0.2.0
+  - @explorer-1/common@2.1.0
+  - @explorer-1/html@1.1.0
+  - @explorer-1/vue@1.1.0
+
+## 0.1.7
+
+### Patch Changes
+
+- Updated dependencies [496d4fe]
+  - @explorer-1/common@2.0.4
+  - @explorer-1/vue@1.0.6
+  - @explorer-1/common-storybook@0.1.0
+  - @explorer-1/html@1.0.2
+
+## 0.1.6
+
+### Patch Changes
+
+- Updated dependencies [7230e1f]
+  - @explorer-1/vue@1.0.5
+
+## 0.1.5
+
+### Patch Changes
+
+- 3553695: Adjusting use of font-display
+- Updated dependencies [3553695]
+  - @explorer-1/common@2.0.3
+  - @explorer-1/common-storybook@0.1.0
+  - @explorer-1/html@1.0.2
+  - @explorer-1/vue@1.0.4
+
+## 0.1.4
+
+### Patch Changes
+
+- Updated dependencies [ab47803]
+  - @explorer-1/vue@1.0.3
+
 ## 0.1.2
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@explorer-1/vue-storybook",
-  "version": "0.1.2",
+  "version": "0.2.3",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -13,56 +13,55 @@
   "prettier": "@explorer-1/prettier-config",
   "type": "module",
   "dependencies": {
-    "@fancyapps/ui": "^4.0.26",
-    "@tailwindcss/forms": "^0.5.7",
+    "@fancyapps/ui": "^6.1.13",
+    "@tailwindcss/forms": "^0.5.11",
     "click-outside-vue3": "^4.0.1",
-    "dayjs": "^1.11.11",
+    "dayjs": "^1.11.20",
     "mitt": "^3.0.1",
-    "swiper": "^11.1.3",
-    "vue": "^3.5.3",
+    "swiper": "^12.1.2",
+    "vue": "^3.5.30",
     "vue-bind-once": "^0.2.1",
-    "vue3-compare-image": "^1.2.5",
-    "vue3-observe-visibility": "^1.0.1",
-    "@explorer-1/common": "2.0.2",
-    "@explorer-1/common-storybook": "0.1.0",
-    "@explorer-1/html": "1.0.2",
-    "@explorer-1/vue": "1.0.2"
+    "vue-router": "^5.0.3",
+    "vue3-compare-image": "^1.2.6",
+    "vue3-observe-visibility": "^1.0.6",
+    "@explorer-1/common": "2.1.2",
+    "@explorer-1/common-storybook": "0.2.0",
+    "@explorer-1/vue": "1.1.3",
+    "@explorer-1/html": "1.1.1"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^4.1.1",
-    "@percy/cli": "^1.28.7",
-    "@percy/storybook": "^9.1.0",
-    "@rushstack/eslint-patch": "^1.2.0",
-    "@storybook/addon-a11y": "9.1.17",
-    "@storybook/addon-docs": "9.1.17",
-    "@storybook/test-runner": "^0.23.0",
-    "@storybook/vue3-vite": "9.1.17",
-    "@vitejs/plugin-vue": "^5.0.4",
-    "@vue/eslint-config-prettier": "^7.1.0",
-    "@whitespace/storybook-addon-html": "^8.0.2",
-    "a11y-dialog": "^8.1.0",
-    "autoprefixer": "^10.4.19",
-    "axe-playwright": "^2.0.1",
-    "chromatic": "^11.5.5",
-    "eslint-plugin-storybook": "9.1.17",
+    "@chromatic-com/storybook": "^5.0.1",
+    "@rushstack/eslint-patch": "^1.16.1",
+    "@storybook/addon-a11y": "10.2.17",
+    "@storybook/addon-docs": "10.2.17",
+    "@storybook/test-runner": "^0.24.2",
+    "@storybook/vue3-vite": "10.2.17",
+    "@vitejs/plugin-vue": "^6.0.5",
+    "@vue/eslint-config-prettier": "^10.2.0",
+    "@whitespace/storybook-addon-html": "^9.0.0",
+    "a11y-dialog": "^8.1.5",
+    "autoprefixer": "^10.4.27",
+    "axe-playwright": "^2.2.2",
+    "chromatic": "^15.2.0",
+    "eslint-plugin-storybook": "10.2.17",
     "http-server": "^14.1.1",
     "js-beautify": "^1.15.4",
-    "msw": "^2.3.0",
+    "msw": "^2.12.10",
     "msw-storybook-addon": "^2.0.6",
-    "pinia": "^2.1.7",
-    "postcss": "^8.4.38",
-    "postcss-import": "^16.1.0",
-    "rimraf": "^5.0.5",
-    "storybook": "9.1.17",
+    "pinia": "^3.0.4",
+    "postcss": "^8.5.8",
+    "postcss-import": "^16.1.1",
+    "rimraf": "^6.1.3",
+    "storybook": "10.2.17",
     "storybook-addon-vue-slots": "^0.9.29",
-    "tailwindcss": "^3.4.3",
+    "tailwindcss": "^3.4.19",
     "ts-node": "^10.9.2",
-    "typescript": "^5.4.5",
-    "unplugin-vue-components": "^0.27.0",
-    "vite": "^5.3.1",
-    "vue-tsc": "^2.0.6",
-    "@explorer-1/prettier-config": "1.0.0",
-    "@explorer-1/tsconfig": "1.0.1"
+    "typescript": "^5.9.3",
+    "unplugin-vue-components": "^31.0.0",
+    "vite": "^7.3.1",
+    "vue-tsc": "^3.2.5",
+    "@explorer-1/tsconfig": "1.0.1",
+    "@explorer-1/prettier-config": "1.0.0"
   },
   "scripts": {
     "dev": "pnpm storybook",
@@ -71,10 +70,7 @@
     "prepare:fontcss": "cp ./node_modules/@explorer-1/common/src/scss/_fonts.scss ./public/css/font-face.css",
     "storybook": "storybook dev -c .storybook -p 6006 --ci",
     "storybook:update": "npx storybook@latest upgrade --package-manager pnpm",
-    "build": "storybook build -c .storybook -o storybook_compiled NODE_ENV='production'",
-    "percy": "percy storybook ./storybook_compiled --verbose",
-    "percy:debug": "percy storybook ./storybook_compiled --debug --shard-count=2 --shard-index=1",
-    "percy:dry-run": "percy storybook ./storybook_compiled --dry-run",
+    "build": "NODE_ENV=production storybook build -c .storybook -o storybook_compiled --webpack-stats-json",
     "postinstall": "node ./../../packages/common-storybook/src/scripts/inject-fonts-local-placeholders.js",
     "lint:app": "eslint './.storybook/**/*.@(js|ts)'",
     "lint:app:fix": "eslint './.storybook/**/*.@(js|ts)' --fix",

package/vite.config.ts

@@ -1,6 +1,6 @@
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
-import packageVersions from '@explorer-1/common-storybook/src/plugins/packageVersions.js'
+import { packageVersions } from '@explorer-1/common-storybook/src/plugins/packageVersions.js'
 import path from 'path'
 
 const getModulePath = (packageName) => path.join(process.cwd(), 'node_modules', packageName)
@@ -9,7 +9,15 @@ const VUE_PACKAGE_SRC_PATH = path.join(process.cwd(), '../packages/vue/src')
 
 export default defineConfig({
   define: {
-    ...packageVersions
+    packageVersions
+  },
+  css: {
+    preprocessorOptions: {
+      scss: {
+        // silence @import deprecation warnings
+        silenceDeprecations: ['import']
+      }
+    }
   },
   plugins: [
     vue({
@@ -24,6 +32,7 @@ export default defineConfig({
   // because pnpm and stories are in node_modules
   resolve: {
     preserveSymlinks: true,
+    dedupe: ['@storybook/addon-docs'],
     // Brute force deduping (only necessary for Storybook)
     alias: {
       // Force all Vue and Pinia imports to resolve to the TOP-LEVEL node_modules

package/.percy.yml

@@ -1,76 +0,0 @@
-version: 2
-snapshot:
-  widths:
-    - 375
-    - 1280
-  minHeight: 1024
-  percyCSS: ''
-  disableShadowDOM: false
-  enableJavascript: true
-  enableLayout: true
-discovery:
-  concurrency: 2
-  retry: true
-storybook:
-  # args: {}
-  # globals: {}
-  # queryParams: {}
-  # waitForTimeout: 30000
-  # waitForSelector: ''
-  # additionalSnapshots: []
-  include: [
-      'Foundations/Typography: Text Styles',
-      'Foundations/Themes: Dynamic Tokens',
-      'Foundations/Logos/LogoTribrand: Logo Inline SVG',
-      'Foundations/Grid and Layout: Full Page Example',
-      # TODO: add a story that has all icons in it
-      'Navigation/*',
-      'Components/*',
-      'Mixins/*',
-      'Templates/*'
-    ]
-  exclude:
-    [
-      'Docs',
-      'Overview',
-      'Navigation/Headers/WWW/NavDesktop: Dropdown',
-      'Navigation/Headers/WWW/NavMobile: With Secondary Nav',
-      'Navigation/Headers/WWW/NavMobile: With Tertiary Nav',
-      'Navigation/Headers/WWW/NavMobile: Dropdown Secondary',
-      'Navigation/Headers/EDU/NavMobile',
-      'Navigation/Elements',
-      'Components/Base/BaseHeading',
-      'Components/Base/BaseAudio: BaseAudio',
-      'Components/Base/BaseImage: Lazy Loading',
-      'Components/Base/BaseImagePlaceholder: With Image',
-      'Components/Base/BaseModal: Base Story',
-      'Components/Base/BaseModal: Custom Trigger',
-      'Components/Base/BaseModal: Nested',
-      'Components/Base/BaseSwimlane: Base Story',
-      'Components/Base/BaseVideo: Base Story',
-      'Components/Cards/BlockCircleImageCard: Base Story',
-      'Components/Blocks/BlockCta: Base Story',
-      'Components/Blocks/BlockIframeEmbed: Lazy Load',
-      'Components/Blocks/BlockImageCarousel/BlockImageCarouselItem: BlockImageCarouselItem',
-      'Components/Blocks/BlockLinkCarousel: Two Items',
-      'Components/Blocks/BlockLinkCarousel: Multiple Carousels',
-      'Components/Heroes/Small: Video',
-      'Components/Heroes/Small: HeroMedium (compact)',
-      'Components/WWW/Homepage/HomepageCarousel: Carousel with shuffled items',
-      'Components/WWW/Homepage/HomepageCarousel: Carousel with few slides',
-      'Components/WWW/Homepage/HomepageCarousel/HomepageCarouselItem: Single Item',
-      'Components/WWW/Homepage/HomepageCarousel/HomepageCarouselItem: With Video',
-      'Components/WWW/Homepage/HomepageMissionsCarousel: Item',
-      'Components/WWW/MissionDetail/MissionDetailHero: Ecostress',
-      'Components/WWW/MissionDetail/MissionDetailHero: Jason 3',
-      'Components/WWW/MissionDetail/MissionDetailHero: Oco 2',
-      'Components/WWW/MissionDetail/MissionHighlights: Mars 1',
-      'Components/WWW/MissionDetail/MissionHighlights: Mars 2',
-      'Components/WWW/MissionDetail/MissionHighlights: Moon',
-      'Components/WWW/MissionDetail/MissionHighlights: Jupiter',
-      'Components/WWW/TopicDetail/MissionCarousel/TopicDetailMissionCarouselItem: Base Story',
-      'Components/WWW/TopicDetail/TopicDetailMore: No List',
-      'Components/WWW/TopicDetail/TopicDetailMore: No Spotlight',
-      'Components/WWW/TopicDetail/TopicDetailMore: Short List',
-      'Mixins/MixinCarousel: BaseCarousel'
-    ]