danielroe.dev / ripple-framework
[READ-ONLY] Mirror of https://github.com/danielroe/ripple-framework. Ripple is the presentation layer for building websites on the DPC Single Digital Presence platform.
0
Fork 0

Configure Feed

Select the types of activity you want to include in your feed.

feat(docs): added static storybook build for docs site

author
Jeffrey Dowdle date (Feb 28, 2023, 4:40 PM +1100) commit 14b1b42a parent e84dc434
+16 -4
+1
docs/.gitignore
··· 1 + public/storybook/*
+1 -1
docs/app.config.ts
··· 20 20 socials: { 21 21 github: 'dpc-sdp/ripple-framework' 22 22 }, 23 - storybookBaseUrl: 'https://develop--624ac117357335003a84dac3.chromatic.com' 23 + storybookBaseUrl: '/storybook' 24 24 })
+1
docs/nuxt.config.ts
··· 5 5 ssr: true, 6 6 modules: [ 7 7 '@dpc-sdp/ripple-ui-core/nuxt', 8 + '@dpc-sdp/ripple-ui-forms/nuxt', 8 9 '@nuxt/content', 9 10 '@nuxtjs/tailwindcss', 10 11 '@nuxtlabs/github-module'
+3 -1
docs/package.json
··· 4 4 "version": "2.1.0-alpha.76", 5 5 "scripts": { 6 6 "build": "nuxt build", 7 + "build:docs-storybook": "STATIC_BASE_PATH=\"/storybook/\" pnpm -F ripple-storybook build --output-dir ../../docs/public/storybook", 7 8 "dev": "nuxt dev", 8 - "generate": "nuxt generate", 9 + "generate": "pnpm build:docs-storybook && nuxt generate", 9 10 "preview": "nuxt preview" 10 11 }, 11 12 "devDependencies": { ··· 20 21 }, 21 22 "dependencies": { 22 23 "@dpc-sdp/ripple-ui-core": "workspace:*", 24 + "@dpc-sdp/ripple-ui-forms": "workspace:*", 23 25 "highlight.js": "^11.7.0", 24 26 "iframe-resizer": "^4.3.4" 25 27 }
+8 -1
packages/ripple-storybook/.storybook/main.js
··· 54 54 '@storybook/addon-a11y', 55 55 'storybook-addon-designs' 56 56 ], 57 + previewHead: (head) => (` 58 + ${head} 59 + <script src="${process.env.STATIC_BASE_PATH ? process.env.STATIC_BASE_PATH : '/'}js/iframeResizer.contentWindow.min.js"></script> 60 + `), 61 + async viteFinal(config, { configType }) { 62 + if (process.env.STATIC_BASE_PATH) { 63 + config.base = process.env.STATIC_BASE_PATH; 64 + } 57 65 58 - async viteFinal(config, { configType }) { 59 66 // customize the Vite config here 60 67 config.plugins.push(...vitePlugins) 61 68 config.resolve.alias = {
-1
packages/ripple-storybook/.storybook/preview-head.html
··· 3 3 <script> 4 4 window.global = window 5 5 </script> 6 - <script src="/js/iframeResizer.contentWindow.min.js"></script>
+2
pnpm-lock.yaml
··· 128 128 docs: 129 129 specifiers: 130 130 '@dpc-sdp/ripple-ui-core': workspace:* 131 + '@dpc-sdp/ripple-ui-forms': workspace:* 131 132 '@iconify/vue': ^4.1.0 132 133 '@nuxt/content': ^2.4.3 133 134 '@nuxt/kit': ^3.1.2 ··· 140 141 nuxt-component-meta: ^0.4.3 141 142 dependencies: 142 143 '@dpc-sdp/ripple-ui-core': link:../packages/ripple-ui-core 144 + '@dpc-sdp/ripple-ui-forms': link:../packages/ripple-ui-forms 143 145 highlight.js: 11.7.0 144 146 iframe-resizer: 4.3.4 145 147 devDependencies: