@stacksjs/stx 0.2.95 → 0.2.96
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/a11y.js +598 -2
- package/dist/analytics.js +159 -2
- package/dist/analyzer.js +240 -2
- package/dist/animation.js +688 -2
- package/dist/app-shell.js +220 -2
- package/dist/app.js +79 -2
- package/dist/assets.js +155 -2
- package/dist/ast.js +630 -2
- package/dist/async-components.js +428 -2
- package/dist/auth.js +12 -2
- package/dist/broadcasting.js +102 -2
- package/dist/browser-composables.js +565 -2
- package/dist/build-assets.js +29 -2
- package/dist/build-mode-detector.js +50 -2
- package/dist/build-optimizer.js +433 -2
- package/dist/build-views.js +180 -2
- package/dist/build.js +33 -2
- package/dist/builtins/drawer.js +37 -2
- package/dist/builtins/escape.js +3 -2
- package/dist/builtins/icon.js +83 -2
- package/dist/builtins/index.js +34 -2
- package/dist/builtins/modal.js +38 -2
- package/dist/builtins/safe-image.js +51 -2
- package/dist/builtins/stx-image.js +200 -2
- package/dist/builtins/stx-link.js +41 -2
- package/dist/builtins/stx-loading-indicator.js +35 -2
- package/dist/builtins/suspense.js +24 -2
- package/dist/builtins/toast.js +42 -2
- package/dist/builtins/tooltip.js +106 -2
- package/dist/builtins/transition-group.js +22 -2
- package/dist/bundle-analyzer/collector.js +233 -2
- package/dist/bundle-analyzer/index.js +82 -2
- package/dist/bundle-analyzer/report.js +318 -2
- package/dist/bundle-analyzer/treemap.js +594 -2
- package/dist/caching.js +131 -2
- package/dist/cli.js +11317 -10982
- package/dist/client/directive.js +14 -2
- package/dist/client/index.js +2 -2
- package/dist/client-helpers.js +312 -2
- package/dist/client-script-bundler.js +216 -6
- package/dist/client-script.js +754 -2
- package/dist/client.js +73 -4
- package/dist/component-hmr.js +585 -2
- package/dist/component-library.d.ts +6 -0
- package/dist/component-library.js +683 -0
- package/dist/component-processing.js +613 -2
- package/dist/component-registry.js +90 -2
- package/dist/component-renderer.js +660 -2
- package/dist/components.js +213 -2
- package/dist/composables/index.js +220 -2
- package/dist/composables/use-battery.js +101 -2
- package/dist/composables/use-broadcast-channel.js +80 -2
- package/dist/composables/use-channel.js +124 -2
- package/dist/composables/use-clipboard.js +79 -2
- package/dist/composables/use-color-mode.js +131 -2
- package/dist/composables/use-cookie.js +86 -2
- package/dist/composables/use-device-orientation.js +181 -2
- package/dist/composables/use-event-listener.js +27 -2
- package/dist/composables/use-event-source.js +166 -2
- package/dist/composables/use-eye-dropper.js +142 -2
- package/dist/composables/use-fetch.js +223 -2
- package/dist/composables/use-fullscreen.js +110 -2
- package/dist/composables/use-geolocation.js +101 -2
- package/dist/composables/use-idle.js +182 -2
- package/dist/composables/use-intersection-observer.js +168 -2
- package/dist/composables/use-keyboard.js +224 -2
- package/dist/composables/use-media-query.js +62 -2
- package/dist/composables/use-meta.js +48 -2
- package/dist/composables/use-mouse.js +286 -2
- package/dist/composables/use-mutation-observer.js +129 -2
- package/dist/composables/use-network.js +85 -2
- package/dist/composables/use-notification.js +94 -2
- package/dist/composables/use-permissions.js +132 -2
- package/dist/composables/use-query.js +0 -1
- package/dist/composables/use-resize-observer.js +157 -2
- package/dist/composables/use-router.js +51 -2
- package/dist/composables/use-share.js +104 -2
- package/dist/composables/use-speech.js +294 -2
- package/dist/composables/use-storage.js +130 -2
- package/dist/composables/use-text-selection.js +205 -4
- package/dist/composables/use-timer.js +183 -2
- package/dist/composables/use-utilities.js +176 -2
- package/dist/composables/use-wake-lock.js +122 -2
- package/dist/composables/use-websocket.js +165 -2
- package/dist/composables/use-window.js +163 -2
- package/dist/composables.js +552 -2
- package/dist/composition-api.js +190 -2
- package/dist/computed.js +376 -8
- package/dist/conditionals.js +599 -2
- package/dist/config.js +751 -2
- package/dist/craft-bridge.js +432 -2
- package/dist/craft-compiler.js +810 -2
- package/dist/craft-components.js +945 -2
- package/dist/craft-entry.js +5 -2
- package/dist/craft-ssr.js +559 -2
- package/dist/csp.js +220 -2
- package/dist/csrf.js +38 -2
- package/dist/custom-directives.js +136 -2
- package/dist/defer.js +156 -2
- package/dist/deploy/config-generators.js +214 -2
- package/dist/deploy/index.js +203 -2
- package/dist/deploy/netlify.js +167 -2
- package/dist/dev-server/crosswind.js +379 -2
- package/dist/dev-server/index.js +7 -2
- package/dist/dev-server/keyboard-shortcuts.js +81 -2
- package/dist/dev-server/native-window.js +91 -2
- package/dist/dev-server/port-utils.js +40 -2
- package/dist/dev-server/serve-app.js +682 -2
- package/dist/dev-server/serve-file.js +439 -2
- package/dist/dev-server/serve-markdown.js +281 -2
- package/dist/dev-server/serve-multi.js +579 -2
- package/dist/dev-server/terminal-colors.js +45 -2
- package/dist/dev-server/theme-selector.js +111 -2
- package/dist/dev-server/types.js +43 -2
- package/dist/dev-server.js +4 -2
- package/dist/devtools.js +462 -18
- package/dist/directive-api.js +355 -2
- package/dist/docs.js +567 -2
- package/dist/doctor.js +123 -2
- package/dist/document-shell.js +105 -2
- package/dist/dynamic-components.js +78 -2
- package/dist/edge-runtime.js +539 -2
- package/dist/env.js +9 -2
- package/dist/error-boundaries.js +62 -12
- package/dist/error-handling.js +1 -2
- package/dist/errors/codes.js +97 -2
- package/dist/errors/formatter.js +196 -2
- package/dist/errors/index.js +44 -2
- package/dist/errors/logger.js +250 -2
- package/dist/errors/sanitizer.js +181 -2
- package/dist/errors/types.js +86 -2
- package/dist/events.js +382 -2
- package/dist/expressions.js +650 -2
- package/dist/formatter.js +265 -2
- package/dist/forms-validation.js +510 -4
- package/dist/forms.js +709 -2
- package/dist/head.js +224 -2
- package/dist/heatmap.js +566 -2
- package/dist/hot-reload.js +367 -2
- package/dist/html-masking.js +73 -2
- package/dist/hydration-runtime.js +195 -2
- package/dist/hydration.js +654 -2
- package/dist/i18n.js +633 -2
- package/dist/image-optimization/auto-sibling.js +88 -2
- package/dist/image-optimization/build-plugin.js +241 -2
- package/dist/image-optimization/component.js +244 -2
- package/dist/image-optimization/directive.js +203 -2
- package/dist/image-optimization/index.js +54 -2
- package/dist/image-optimization/processor.js +262 -2
- package/dist/image-optimization/serve.js +102 -2
- package/dist/includes.js +733 -2
- package/dist/index.d.ts +1 -0
- package/dist/index.js +134 -2
- package/dist/init.js +505 -2
- package/dist/inline-assets.js +82 -2
- package/dist/interactive.js +383 -2
- package/dist/internal-markdown.js +141 -2
- package/dist/island-chunking.js +52 -2
- package/dist/js-ts.js +57 -2
- package/dist/jsx-runtime.js +289 -2
- package/dist/keep-alive.js +421 -2
- package/dist/lazy-loader.js +245 -2
- package/dist/loading-indicator.js +322 -2
- package/dist/loops.js +643 -2
- package/dist/manifest.js +31 -2
- package/dist/markdown.js +68 -2
- package/dist/media/client/blur-up.js +217 -2
- package/dist/media/client/index.js +53 -2
- package/dist/media/client/lazy-load.js +283 -2
- package/dist/media/client/upload-handler.js +354 -2
- package/dist/media/image/component.js +574 -2
- package/dist/media/image/directive.js +160 -2
- package/dist/media/image/editing.js +193 -2
- package/dist/media/image/index.js +80 -2
- package/dist/media/image/placeholder.js +188 -2
- package/dist/media/image/processor/cache.js +51 -2
- package/dist/media/image/processor/index.js +3 -2
- package/dist/media/image/processor/optimizer.js +202 -2
- package/dist/media/image/processor/responsive.js +162 -2
- package/dist/media/image/srcset.js +194 -2
- package/dist/media/index.js +198 -2
- package/dist/media/manager/embed.js +253 -2
- package/dist/media/protected/component.js +235 -2
- package/dist/media/protected/index.js +20 -2
- package/dist/media/protected/signature.js +205 -2
- package/dist/media/shared/cache.js +132 -2
- package/dist/media/shared/hash.js +35 -2
- package/dist/media/shared/index.js +2 -2
- package/dist/media/types.js +0 -1
- package/dist/media/upload/component.js +320 -2
- package/dist/media/upload/index.js +1 -2
- package/dist/media/video/directive.js +142 -2
- package/dist/media/video/index.js +583 -2
- package/dist/media/video/processor/cache.js +52 -2
- package/dist/media/video/processor/index.js +4 -2
- package/dist/media/video/processor/streaming.js +197 -2
- package/dist/media/video/processor/thumbnail.js +134 -2
- package/dist/media/video/processor/transcoder.js +283 -2
- package/dist/method-spoofing.js +17 -2
- package/dist/middleware.js +40 -2
- package/dist/misc-directives.js +222 -2
- package/dist/native-build.js +511 -2
- package/dist/parser/directive-parser.js +239 -2
- package/dist/parser/expression-parser.js +358 -2
- package/dist/parser/index.js +23 -2
- package/dist/parser/tokenizer.js +534 -2
- package/dist/partial-hydration.js +427 -2
- package/dist/performance-utils.js +430 -2
- package/dist/placeholder.js +35 -2
- package/dist/plugin-system.js +214 -2
- package/dist/plugin.js +173 -2
- package/dist/precompiler.js +660 -81
- package/dist/process.js +711 -2
- package/dist/production-build.js +596 -2
- package/dist/production-builder.js +132 -2
- package/dist/production-server.js +188 -2
- package/dist/props.js +224 -2
- package/dist/public-env.js +19 -2
- package/dist/pwa/audit.js +255 -2
- package/dist/pwa/directives.js +332 -2
- package/dist/pwa/icons.js +109 -2
- package/dist/pwa/index.js +47 -2
- package/dist/pwa/inject.js +102 -2
- package/dist/pwa/manifest.js +186 -2
- package/dist/pwa/offline.js +259 -2
- package/dist/pwa/precache.js +116 -2
- package/dist/pwa/service-worker.js +860 -2
- package/dist/pwa/workbox-strategies.js +167 -2
- package/dist/pwa/workbox.js +382 -2
- package/dist/pwa.js +427 -427
- package/dist/reactive-bindings.js +266 -2
- package/dist/reactive.js +569 -2
- package/dist/reactivity.js +559 -2
- package/dist/release.js +1 -2
- package/dist/render.js +165 -2
- package/dist/route-middleware.js +17 -2
- package/dist/router.js +9 -2
- package/dist/routes.js +14 -2
- package/dist/runtime-injection.js +120 -2
- package/dist/runtime.js +94 -2
- package/dist/safe-evaluator.js +444 -2
- package/dist/scaffolding.js +897 -2
- package/dist/screenshot.js +87 -2
- package/dist/script-classifier.js +32 -2
- package/dist/script-validation.js +158 -2
- package/dist/seo.js +457 -2
- package/dist/serve.js +237 -2
- package/dist/server-bindings.js +108 -2
- package/dist/server-components.js +338 -11
- package/dist/signal-processing.js +946 -2
- package/dist/signals-api.js +154 -2
- package/dist/signals.js +5287 -2
- package/dist/site-builder/build.js +224 -2
- package/dist/site-builder/i18n.js +140 -2
- package/dist/site-builder/index.js +15 -2
- package/dist/site-builder/robots.js +26 -2
- package/dist/site-builder/router.js +27 -2
- package/dist/site-builder/seo.js +36 -2
- package/dist/site-builder/sitemap.js +26 -2
- package/dist/site-builder/theme.js +33 -2
- package/dist/site-builder/types.js +0 -1
- package/dist/slots.js +201 -2
- package/dist/source-maps.js +350 -2
- package/dist/spa-shell.js +34 -2
- package/dist/ssg.js +389 -389
- package/dist/ssr.js +355 -2
- package/dist/state-management.js +533 -2
- package/dist/store-imports.js +13 -2
- package/dist/store-loader.js +72 -5
- package/dist/stores-client.js +132 -2
- package/dist/story/addons.js +261 -2
- package/dist/story/analytics.js +235 -2
- package/dist/story/auto-stories.js +158 -2
- package/dist/story/bookmarks.js +277 -2
- package/dist/story/bun-test.js +102 -2
- package/dist/story/cli.js +155 -2
- package/dist/story/collect/analyzer.js +305 -2
- package/dist/story/collect/index.js +27 -2
- package/dist/story/collect/parser.js +129 -2
- package/dist/story/collect/scanner.js +101 -2
- package/dist/story/collect/tree.js +110 -2
- package/dist/story/commands/build.js +172 -2
- package/dist/story/commands/dev.js +78 -2
- package/dist/story/commands/index.js +3 -2
- package/dist/story/commands/preview.js +56 -2
- package/dist/story/compiled-output.js +151 -2
- package/dist/story/composition.js +261 -2
- package/dist/story/config-watcher.js +67 -2
- package/dist/story/config.js +64 -2
- package/dist/story/context.js +27 -2
- package/dist/story/controls/index.js +320 -2
- package/dist/story/crosswind.js +189 -2
- package/dist/story/desktop-preview.js +105 -2
- package/dist/story/docs-generator.js +186 -2
- package/dist/story/errors.js +239 -2
- package/dist/story/figma-export.js +224 -2
- package/dist/story/generator.js +165 -2
- package/dist/story/hmr.js +131 -2
- package/dist/story/hot-swap.js +207 -2
- package/dist/story/index.js +49 -2
- package/dist/story/interactions.js +225 -2
- package/dist/story/keyboard-shortcuts.js +345 -2
- package/dist/story/output.js +153 -2
- package/dist/story/performance.js +252 -2
- package/dist/story/presets.js +289 -2
- package/dist/story/props-validation.js +215 -2
- package/dist/story/renderer.js +209 -2
- package/dist/story/search-index.js +106 -2
- package/dist/story/search.js +140 -2
- package/dist/story/server.js +965 -2
- package/dist/story/setup.js +78 -2
- package/dist/story/snapshots.js +170 -2
- package/dist/story/testing.js +163 -2
- package/dist/story/theme.js +170 -2
- package/dist/story/types.js +0 -2
- package/dist/story/ui/code-panel.js +175 -2
- package/dist/story/ui/controls-panel.js +168 -2
- package/dist/story/ui/index.js +4 -2
- package/dist/story/ui/navigation.js +250 -2
- package/dist/story/ui/preview.js +251 -2
- package/dist/story/visual-testing.js +247 -2
- package/dist/streaming.js +537 -2
- package/dist/strict-lint.js +288 -2
- package/dist/style-scoping.js +50 -2
- package/dist/suspense.js +398 -2
- package/dist/teleport.js +109 -2
- package/dist/template-compiler.js +63 -2
- package/dist/template-hydrator.js +82 -2
- package/dist/template-tag-balance.js +93 -2
- package/dist/testing.js +581 -2
- package/dist/transitions.js +443 -2
- package/dist/type-checker.js +581 -2
- package/dist/types/component-types.d.ts +54 -0
- package/dist/types/component-types.js +0 -1
- package/dist/types/config-types.js +0 -1
- package/dist/types/context-types.js +0 -1
- package/dist/types/csp-types.js +0 -1
- package/dist/types/directive-types.js +3 -2
- package/dist/types/index.d.ts +5 -0
- package/dist/types/index.js +1 -2
- package/dist/types/pwa-types.js +0 -1
- package/dist/types.js +1 -2
- package/dist/typescript-templates.js +386 -4
- package/dist/utils.js +942 -2
- package/dist/validator.js +171 -2
- package/dist/variable-extractor.js +1094 -2
- package/dist/view-composers.js +29 -2
- package/dist/virtual-scrolling.js +454 -2
- package/dist/visual-editor.js +688 -28
- package/dist/vue-template.js +475 -2
- package/dist/web-components/css-scoping.js +177 -2
- package/dist/web-components/index.js +13 -2
- package/dist/web-components/reactive-generator.js +121 -56
- package/dist/web-components.js +1447 -2
- package/dist/x-element.js +17 -5
- package/package.json +5 -6
- package/dist/chunk-04n64bnt.js +0 -5
- package/dist/chunk-06w68hyg.js +0 -7
- package/dist/chunk-07y6m5xx.js +0 -3
- package/dist/chunk-095s3972.js +0 -99
- package/dist/chunk-09k66d8a.js +0 -3
- package/dist/chunk-0a61y94n.js +0 -24
- package/dist/chunk-0b9w2w1y.js +0 -1
- package/dist/chunk-0dx4q6yq.js +0 -3
- package/dist/chunk-0dz85jrp.js +0 -3
- package/dist/chunk-0jd0pndq.js +0 -3
- package/dist/chunk-0p0nyq50.js +0 -6
- package/dist/chunk-0p1h3p3w.js +0 -3
- package/dist/chunk-0qakwen3.js +0 -1
- package/dist/chunk-0qnz93q2.js +0 -3
- package/dist/chunk-10debkj5.js +0 -71
- package/dist/chunk-15nesxgt.js +0 -5224
- package/dist/chunk-1sr54zp8.js +0 -3
- package/dist/chunk-1v49fwr5.js +0 -3
- package/dist/chunk-1xz0w746.js +0 -1539
- package/dist/chunk-1z5nhbjt.js +0 -90
- package/dist/chunk-1zgsgk4b.js +0 -1
- package/dist/chunk-20swzkx3.js +0 -216
- package/dist/chunk-27zsyhrd.js +0 -4
- package/dist/chunk-29y0hk5z.js +0 -3
- package/dist/chunk-2cdvw21b.js +0 -274
- package/dist/chunk-2j21d3ka.js +0 -161
- package/dist/chunk-2jxbwnkz.js +0 -2
- package/dist/chunk-31dr4bys.js +0 -6
- package/dist/chunk-35faj94w.js +0 -15
- package/dist/chunk-39gm08bn.js +0 -39
- package/dist/chunk-3a4qsygv.js +0 -51
- package/dist/chunk-3te20hqw.js +0 -3
- package/dist/chunk-43t7faps.js +0 -24
- package/dist/chunk-44hd3kab.js +0 -1
- package/dist/chunk-47kpewks.js +0 -71
- package/dist/chunk-4aj7ftqb.js +0 -1
- package/dist/chunk-4d2y57k7.js +0 -3
- package/dist/chunk-4deg33rw.js +0 -57
- package/dist/chunk-4k7d8p8d.js +0 -188
- package/dist/chunk-4qcy5tx6.js +0 -53
- package/dist/chunk-4x7kae4j.js +0 -3
- package/dist/chunk-55nwdnsd.js +0 -3
- package/dist/chunk-55yp0q8t.js +0 -201
- package/dist/chunk-5f43yz6z.js +0 -12
- package/dist/chunk-5shey2e4.js +0 -3
- package/dist/chunk-6b5k6w2q.js +0 -7
- package/dist/chunk-6djzdes9.js +0 -14
- package/dist/chunk-6e4c6g46.js +0 -3
- package/dist/chunk-6eqbxcrd.js +0 -8
- package/dist/chunk-7074g241.js +0 -3
- package/dist/chunk-7b6s3g65.js +0 -179
- package/dist/chunk-7cgmq685.js +0 -33
- package/dist/chunk-7dkz6z2s.js +0 -3
- package/dist/chunk-7ed3tean.js +0 -3
- package/dist/chunk-7gd339hd.js +0 -109
- package/dist/chunk-7j5e8sdj.js +0 -3
- package/dist/chunk-7n8g0nfn.js +0 -38
- package/dist/chunk-7sqdeqsw.js +0 -1
- package/dist/chunk-80g54ncj.js +0 -3
- package/dist/chunk-8a5bxece.js +0 -4
- package/dist/chunk-8ahwt6a4.js +0 -721
- package/dist/chunk-8b3z0zd5.js +0 -8
- package/dist/chunk-8dhdpa5h.js +0 -4
- package/dist/chunk-8n9nnqr6.js +0 -3
- package/dist/chunk-8qc1bsym.js +0 -3
- package/dist/chunk-8va64c9n.js +0 -3
- package/dist/chunk-8vtm0m84.js +0 -3
- package/dist/chunk-8xj7c3mf.js +0 -8
- package/dist/chunk-988dw6q3.js +0 -9
- package/dist/chunk-9b6cec0v.js +0 -321
- package/dist/chunk-9cf97f9p.js +0 -3
- package/dist/chunk-9ecv8aqj.js +0 -14
- package/dist/chunk-9eq3ht5f.js +0 -8
- package/dist/chunk-9jtj77jx.js +0 -3
- package/dist/chunk-9t14se2t.js +0 -83
- package/dist/chunk-9wmq2272.js +0 -3
- package/dist/chunk-9zbk5zx5.js +0 -57
- package/dist/chunk-a2g2qb2y.js +0 -386
- package/dist/chunk-a3hyn4we.js +0 -79
- package/dist/chunk-a87qqft6.js +0 -194
- package/dist/chunk-ah88wzbg.js +0 -10
- package/dist/chunk-akf1r75r.js +0 -102
- package/dist/chunk-amaa1bev.js +0 -2
- package/dist/chunk-avx8aydt.js +0 -3
- package/dist/chunk-ay9qf4zj.js +0 -6
- package/dist/chunk-aywxfqev.js +0 -3
- package/dist/chunk-azkegjd8.js +0 -61
- package/dist/chunk-b77wjyn7.js +0 -84
- package/dist/chunk-baf1hfwh.js +0 -231
- package/dist/chunk-bdk6g1vj.js +0 -3
- package/dist/chunk-bhqgmyqw.js +0 -36
- package/dist/chunk-bk3j0n82.js +0 -341
- package/dist/chunk-bndmdahk.js +0 -3
- package/dist/chunk-bpgg59wa.js +0 -3
- package/dist/chunk-bs3gmfxz.js +0 -5
- package/dist/chunk-bxc7kjsk.js +0 -32
- package/dist/chunk-c7jg8w13.js +0 -3
- package/dist/chunk-ckxjqqn9.js +0 -3
- package/dist/chunk-cn8az1b4.js +0 -1
- package/dist/chunk-d0zjtdw4.js +0 -29
- package/dist/chunk-d1qh1x2g.js +0 -3
- package/dist/chunk-djddhmcc.js +0 -60
- package/dist/chunk-dqn9gyhb.js +0 -21
- package/dist/chunk-drjq2zwg.js +0 -3
- package/dist/chunk-dvfs1h3c.js +0 -117
- package/dist/chunk-e2q9c5vq.js +0 -8
- package/dist/chunk-e98v1bc6.js +0 -12
- package/dist/chunk-ejayeex8.js +0 -2
- package/dist/chunk-ejh8fyak.js +0 -3
- package/dist/chunk-ek2w6zvy.js +0 -4
- package/dist/chunk-ewa88139.js +0 -6
- package/dist/chunk-fjk3x41y.js +0 -3
- package/dist/chunk-frg705zq.js +0 -302
- package/dist/chunk-fzm3y0r3.js +0 -267
- package/dist/chunk-g1vt329s.js +0 -21
- package/dist/chunk-g4ps1dj8.js +0 -140
- package/dist/chunk-gkzq8zw4.js +0 -23
- package/dist/chunk-gz5fmp3q.js +0 -3
- package/dist/chunk-h0hjy0kn.js +0 -292
- package/dist/chunk-h5jxydqq.js +0 -147
- package/dist/chunk-h5wa62ek.js +0 -145
- package/dist/chunk-h7aq56qj.js +0 -28
- package/dist/chunk-h82kjdr4.js +0 -83
- package/dist/chunk-hbehnm18.js +0 -3
- package/dist/chunk-hbgxbgam.js +0 -58
- package/dist/chunk-hc2mf5h6.js +0 -4
- package/dist/chunk-hjm2xab3.js +0 -3
- package/dist/chunk-hjv76kcw.js +0 -1
- package/dist/chunk-hrnnh4tq.js +0 -142
- package/dist/chunk-ht43ds42.js +0 -236
- package/dist/chunk-hxx3za24.js +0 -62
- package/dist/chunk-hy8820vc.js +0 -6
- package/dist/chunk-j447q024.js +0 -28
- package/dist/chunk-j58vh0w6.js +0 -314
- package/dist/chunk-j8tn8enq.js +0 -3
- package/dist/chunk-jc0fc4ht.js +0 -11
- package/dist/chunk-jcs0ymw7.js +0 -3
- package/dist/chunk-jjamhxpm.js +0 -139
- package/dist/chunk-jjb05d21.js +0 -3
- package/dist/chunk-jjdq01dv.js +0 -128
- package/dist/chunk-jnmgm2xw.js +0 -5
- package/dist/chunk-jpndqst5.js +0 -3
- package/dist/chunk-jt0ezawy.js +0 -351
- package/dist/chunk-jz73j3qs.js +0 -169
- package/dist/chunk-k21df0pg.js +0 -10
- package/dist/chunk-k848dzsa.js +0 -429
- package/dist/chunk-kdfe4t91.js +0 -3
- package/dist/chunk-keawsbpn.js +0 -5
- package/dist/chunk-kgym7ch9.js +0 -8
- package/dist/chunk-khdn7jwe.js +0 -3
- package/dist/chunk-km25cwz6.js +0 -3
- package/dist/chunk-knm8a8yx.js +0 -398
- package/dist/chunk-krqn0ddk.js +0 -3
- package/dist/chunk-ktkmvaa8.js +0 -1
- package/dist/chunk-kx6eb6ma.js +0 -4
- package/dist/chunk-kypas8vy.js +0 -4
- package/dist/chunk-m167kjhv.js +0 -4
- package/dist/chunk-m491r0rj.js +0 -358
- package/dist/chunk-m8448qby.js +0 -11
- package/dist/chunk-mgj88zeq.js +0 -64
- package/dist/chunk-mhgk632d.js +0 -3
- package/dist/chunk-mv4fb50w.js +0 -1
- package/dist/chunk-n5kg7fpx.js +0 -7
- package/dist/chunk-n98x35xd.js +0 -8
- package/dist/chunk-n9dhs1dw.js +0 -106
- package/dist/chunk-nd9rmddh.js +0 -6
- package/dist/chunk-ngxfwzq3.js +0 -3
- package/dist/chunk-nhv099jv.js +0 -19
- package/dist/chunk-nm15ccsg.js +0 -5
- package/dist/chunk-npfmdb6y.js +0 -71
- package/dist/chunk-nvwb4x04.js +0 -3
- package/dist/chunk-nw34xajc.js +0 -8
- package/dist/chunk-p077sw22.js +0 -3
- package/dist/chunk-p1h8065h.js +0 -3
- package/dist/chunk-p3e0cqtt.js +0 -34
- package/dist/chunk-p3fpb79v.js +0 -477
- package/dist/chunk-p52yzjq6.js +0 -498
- package/dist/chunk-p73meypx.js +0 -134
- package/dist/chunk-pa9zb7ty.js +0 -4
- package/dist/chunk-payfb24w.js +0 -207
- package/dist/chunk-pcm1vd8w.js +0 -3
- package/dist/chunk-pcntd9h4.js +0 -3
- package/dist/chunk-pg1fvqb9.js +0 -167
- package/dist/chunk-psc3wfcf.js +0 -1115
- package/dist/chunk-pznnww6k.js +0 -6
- package/dist/chunk-q6zhd9yf.js +0 -3
- package/dist/chunk-qa59zejf.js +0 -246
- package/dist/chunk-qvrbjpdc.js +0 -3
- package/dist/chunk-qygvvygy.js +0 -12
- package/dist/chunk-r0jcmpv6.js +0 -68
- package/dist/chunk-r5m9xtm7.js +0 -3
- package/dist/chunk-rh80q1nd.js +0 -1
- package/dist/chunk-rkffm9sy.js +0 -128
- package/dist/chunk-rpx5fa65.js +0 -3
- package/dist/chunk-rqxf5hns.js +0 -3
- package/dist/chunk-rtr974rc.js +0 -30
- package/dist/chunk-rvptcndz.js +0 -3
- package/dist/chunk-rw26rpek.js +0 -171
- package/dist/chunk-rw7937v4.js +0 -19
- package/dist/chunk-rwrv9wbf.js +0 -3
- package/dist/chunk-rz2ec6g7.js +0 -347
- package/dist/chunk-s6ja2bdg.js +0 -66
- package/dist/chunk-scpkdrdb.js +0 -4
- package/dist/chunk-shv88d2d.js +0 -10
- package/dist/chunk-t0c9wvpr.js +0 -3
- package/dist/chunk-tffh3b1e.js +0 -35
- package/dist/chunk-tg2f1mzq.js +0 -11
- package/dist/chunk-trfswy66.js +0 -77
- package/dist/chunk-tzwtg722.js +0 -3
- package/dist/chunk-v7f8jj15.js +0 -4
- package/dist/chunk-v8j49spx.js +0 -3
- package/dist/chunk-v97390pe.js +0 -1
- package/dist/chunk-vcr5pzpx.js +0 -233
- package/dist/chunk-veeerpwa.js +0 -3
- package/dist/chunk-vg5kt6az.js +0 -4
- package/dist/chunk-vgv7jvyz.js +0 -219
- package/dist/chunk-vjbefncc.js +0 -3
- package/dist/chunk-vmxjghsm.js +0 -3
- package/dist/chunk-vw7vqd76.js +0 -3
- package/dist/chunk-vx22he47.js +0 -1
- package/dist/chunk-w3b6m427.js +0 -45
- package/dist/chunk-wazkqv7n.js +0 -3
- package/dist/chunk-wf7zrjsw.js +0 -138
- package/dist/chunk-wfg2gm11.js +0 -3
- package/dist/chunk-wg9k6h8w.js +0 -12
- package/dist/chunk-wkz2vwkr.js +0 -81
- package/dist/chunk-wvef3ngh.js +0 -127
- package/dist/chunk-wvf31nzs.js +0 -3
- package/dist/chunk-x05nxhyv.js +0 -262
- package/dist/chunk-x0770gt9.js +0 -4
- package/dist/chunk-x24s4heg.js +0 -1166
- package/dist/chunk-x3r64r0c.js +0 -6
- package/dist/chunk-x5g9w4hh.js +0 -5
- package/dist/chunk-xgkv66q5.js +0 -2230
- package/dist/chunk-xqq1vxb6.js +0 -1
- package/dist/chunk-xs03kc1h.js +0 -196
- package/dist/chunk-xv34zbp4.js +0 -3
- package/dist/chunk-xw36p73h.js +0 -90
- package/dist/chunk-xyg1r5w0.js +0 -4
- package/dist/chunk-xys2sxh6.js +0 -16
- package/dist/chunk-y0qg6rrv.js +0 -3
- package/dist/chunk-y1k17c8b.js +0 -21
- package/dist/chunk-y5xz0jc4.js +0 -141
- package/dist/chunk-y6xsqe9a.js +0 -10
- package/dist/chunk-yb1t2h8h.js +0 -11
- package/dist/chunk-ygvyc6wv.js +0 -90
- package/dist/chunk-yj4x5ehw.js +0 -21
- package/dist/chunk-yn38c15w.js +0 -4
- package/dist/chunk-ynhngsdh.js +0 -3
- package/dist/chunk-yrsb6j3z.js +0 -3
- package/dist/chunk-yywfvfph.js +0 -2
- package/dist/chunk-zcxzdrn7.js +0 -5
- package/dist/chunk-zen6ax1y.js +0 -27
- package/dist/chunk-zf2pek72.js +0 -3
- package/dist/chunk-zk3d0jjf.js +0 -7
- package/dist/chunk-zy3rp1ab.js +0 -93
|
@@ -1,2 +1,101 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
1
|
+
import fs from "node:fs";
|
|
2
|
+
import path from "node:path";
|
|
3
|
+
export async function scanStoryFiles(ctx) {
|
|
4
|
+
const { root, config } = ctx, storyFiles = [], files = await findMatchingFiles(root, config.storyMatch, config.storyIgnored);
|
|
5
|
+
for (const relativePath of files) {
|
|
6
|
+
const absolutePath = path.resolve(root, relativePath), storyFile = createStoryFile(relativePath, absolutePath);
|
|
7
|
+
storyFiles.push(storyFile);
|
|
8
|
+
}
|
|
9
|
+
return storyFiles;
|
|
10
|
+
}
|
|
11
|
+
async function findMatchingFiles(root, patterns, ignored) {
|
|
12
|
+
const results = [];
|
|
13
|
+
async function walkDir(dir, baseDir) {
|
|
14
|
+
const entries = await fs.promises.readdir(dir, { withFileTypes: !0 });
|
|
15
|
+
for (const entry of entries) {
|
|
16
|
+
const fullPath = path.join(dir, entry.name), relativePath = path.relative(baseDir, fullPath);
|
|
17
|
+
if (isIgnored(relativePath, ignored))
|
|
18
|
+
continue;
|
|
19
|
+
if (entry.isDirectory())
|
|
20
|
+
await walkDir(fullPath, baseDir);
|
|
21
|
+
else if (entry.isFile()) {
|
|
22
|
+
if (matchesPatterns(relativePath, patterns))
|
|
23
|
+
results.push(relativePath);
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
await walkDir(root, root);
|
|
28
|
+
return results;
|
|
29
|
+
}
|
|
30
|
+
function isIgnored(relativePath, ignored) {
|
|
31
|
+
for (const pattern of ignored)
|
|
32
|
+
if (matchGlob(relativePath, pattern))
|
|
33
|
+
return !0;
|
|
34
|
+
return !1;
|
|
35
|
+
}
|
|
36
|
+
const NON_COMPONENT_PATTERNS = [
|
|
37
|
+
"**/layouts/**",
|
|
38
|
+
"**/pages/**",
|
|
39
|
+
"**/partials/**",
|
|
40
|
+
"**/_*.stx",
|
|
41
|
+
"**/layout.stx",
|
|
42
|
+
"**/page.stx",
|
|
43
|
+
"**/error.stx",
|
|
44
|
+
"**/loading.stx"
|
|
45
|
+
];
|
|
46
|
+
export function isNonComponentFile(relativePath) {
|
|
47
|
+
for (const pattern of NON_COMPONENT_PATTERNS)
|
|
48
|
+
if (matchGlob(relativePath, pattern))
|
|
49
|
+
return !0;
|
|
50
|
+
return !1;
|
|
51
|
+
}
|
|
52
|
+
function matchesPatterns(relativePath, patterns) {
|
|
53
|
+
for (const pattern of patterns)
|
|
54
|
+
if (matchGlob(relativePath, pattern))
|
|
55
|
+
return !0;
|
|
56
|
+
return !1;
|
|
57
|
+
}
|
|
58
|
+
function matchGlob(str, pattern) {
|
|
59
|
+
const normalizedStr = str.replace(/\\/g, "/");
|
|
60
|
+
let regexStr = pattern.replace(/\\/g, "/").replace(/[.+^${}()|[\]\\]/g, "\\$&").replace(/\*\*/g, "{{GLOBSTAR}}").replace(/\*/g, "[^/]*").replace(/\?/g, ".").replace(/\{\{GLOBSTAR\}\}/g, ".*");
|
|
61
|
+
regexStr = `^${regexStr}$`;
|
|
62
|
+
return new RegExp(regexStr).test(normalizedStr);
|
|
63
|
+
}
|
|
64
|
+
function createStoryFile(relativePath, absolutePath) {
|
|
65
|
+
const fileName = path.basename(relativePath, ".story.stx");
|
|
66
|
+
return {
|
|
67
|
+
id: relativePath.toLowerCase().replace(/\.story\.stx$/, "").replace(/[/\\]/g, "-").replace(/[^a-z0-9-]/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, ""),
|
|
68
|
+
path: absolutePath,
|
|
69
|
+
relativePath,
|
|
70
|
+
fileName,
|
|
71
|
+
treeFile: {
|
|
72
|
+
title: fileName,
|
|
73
|
+
path: relativePath
|
|
74
|
+
}
|
|
75
|
+
};
|
|
76
|
+
}
|
|
77
|
+
export function watchStoryFiles(ctx, onChange) {
|
|
78
|
+
const { root, config } = ctx, watchers = [], watcher = fs.watch(root, { recursive: !0 }, async (eventType, filename) => {
|
|
79
|
+
if (!filename)
|
|
80
|
+
return;
|
|
81
|
+
const relativePath = filename.replace(/\\/g, "/");
|
|
82
|
+
if (!matchesPatterns(relativePath, config.storyMatch))
|
|
83
|
+
return;
|
|
84
|
+
if (isIgnored(relativePath, config.storyIgnored))
|
|
85
|
+
return;
|
|
86
|
+
const absolutePath = path.resolve(root, relativePath);
|
|
87
|
+
try {
|
|
88
|
+
await fs.promises.access(absolutePath);
|
|
89
|
+
const storyFile = createStoryFile(relativePath, absolutePath);
|
|
90
|
+
onChange(eventType === "rename" ? "add" : "change", storyFile);
|
|
91
|
+
} catch {
|
|
92
|
+
const storyFile = createStoryFile(relativePath, absolutePath);
|
|
93
|
+
onChange("unlink", storyFile);
|
|
94
|
+
}
|
|
95
|
+
});
|
|
96
|
+
watchers.push(watcher);
|
|
97
|
+
return () => {
|
|
98
|
+
for (const w of watchers)
|
|
99
|
+
w.close();
|
|
100
|
+
};
|
|
101
|
+
}
|
|
@@ -1,2 +1,110 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
export function createTreePath(config, file) {
|
|
2
|
+
const treeFile = file.treeFile || {
|
|
3
|
+
title: file.fileName,
|
|
4
|
+
path: file.relativePath
|
|
5
|
+
};
|
|
6
|
+
if (config.tree.file === "title")
|
|
7
|
+
return treeFile.title.split("/");
|
|
8
|
+
if (config.tree.file === "path")
|
|
9
|
+
return [...file.relativePath.split("/").slice(0, -1), treeFile.title];
|
|
10
|
+
if (typeof config.tree.file === "function")
|
|
11
|
+
return config.tree.file(treeFile);
|
|
12
|
+
return [treeFile.title];
|
|
13
|
+
}
|
|
14
|
+
export function buildTree(config, files) {
|
|
15
|
+
for (const file of files)
|
|
16
|
+
file.treePath = createTreePath(config, file);
|
|
17
|
+
const groups = (config.tree.groups || []).map((g) => ({
|
|
18
|
+
groupConfig: { id: g.id || g.title, title: g.title, include: g.include },
|
|
19
|
+
treeObject: {}
|
|
20
|
+
})), defaultGroup = { treeObject: {} };
|
|
21
|
+
groups.push(defaultGroup);
|
|
22
|
+
for (let index = 0;index < files.length; index++) {
|
|
23
|
+
const file = files[index], group = getGroup(file, groups, defaultGroup);
|
|
24
|
+
setPath(file.treePath, index, group.treeObject);
|
|
25
|
+
}
|
|
26
|
+
const sortFn = config.tree.order === "asc" ? (a, b) => a.localeCompare(b) : config.tree.order, result = [];
|
|
27
|
+
for (const group of groups)
|
|
28
|
+
if (group === defaultGroup)
|
|
29
|
+
result.push(...buildTreeFromObject(group.treeObject, sortFn));
|
|
30
|
+
else if (group.groupConfig && Object.keys(group.treeObject).length > 0)
|
|
31
|
+
result.push({
|
|
32
|
+
group: !0,
|
|
33
|
+
id: group.groupConfig.id,
|
|
34
|
+
title: group.groupConfig.title,
|
|
35
|
+
children: buildTreeFromObject(group.treeObject, sortFn)
|
|
36
|
+
});
|
|
37
|
+
return result;
|
|
38
|
+
}
|
|
39
|
+
function getGroup(file, groups, defaultGroup) {
|
|
40
|
+
const treeFile = file.treeFile || { title: file.fileName, path: file.relativePath };
|
|
41
|
+
for (const group of groups)
|
|
42
|
+
if (group.groupConfig?.include && group.groupConfig.include(treeFile))
|
|
43
|
+
return group;
|
|
44
|
+
return defaultGroup;
|
|
45
|
+
}
|
|
46
|
+
function setPath(path, value, tree) {
|
|
47
|
+
let current = tree;
|
|
48
|
+
for (let i = 0;i < path.length; i++) {
|
|
49
|
+
const key = path[i];
|
|
50
|
+
if (i === path.length - 1)
|
|
51
|
+
if (current[key] !== void 0) {
|
|
52
|
+
let copyNumber = 1;
|
|
53
|
+
while (current[`${key}-${copyNumber}`] !== void 0)
|
|
54
|
+
copyNumber++;
|
|
55
|
+
current[`${key}-${copyNumber}`] = value;
|
|
56
|
+
} else
|
|
57
|
+
current[key] = value;
|
|
58
|
+
else {
|
|
59
|
+
if (current[key] === void 0)
|
|
60
|
+
current[key] = {};
|
|
61
|
+
else if (typeof current[key] === "number") {
|
|
62
|
+
const leafValue = current[key];
|
|
63
|
+
current[key] = { "": leafValue };
|
|
64
|
+
}
|
|
65
|
+
current = current[key];
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
function buildTreeFromObject(obj, sortFn) {
|
|
70
|
+
const nodes = [];
|
|
71
|
+
for (const [key, value] of Object.entries(obj))
|
|
72
|
+
if (typeof value === "number")
|
|
73
|
+
nodes.push({
|
|
74
|
+
title: key,
|
|
75
|
+
index: value
|
|
76
|
+
});
|
|
77
|
+
else
|
|
78
|
+
nodes.push({
|
|
79
|
+
title: key,
|
|
80
|
+
children: buildTreeFromObject(value, sortFn)
|
|
81
|
+
});
|
|
82
|
+
nodes.sort((a, b) => sortFn(a.title, b.title));
|
|
83
|
+
return nodes;
|
|
84
|
+
}
|
|
85
|
+
export function flattenTree(tree) {
|
|
86
|
+
const indices = [];
|
|
87
|
+
function walk(nodes) {
|
|
88
|
+
for (const node of nodes)
|
|
89
|
+
if ("index" in node)
|
|
90
|
+
indices.push(node.index);
|
|
91
|
+
else if ("children" in node)
|
|
92
|
+
walk(node.children);
|
|
93
|
+
}
|
|
94
|
+
walk(tree);
|
|
95
|
+
return indices;
|
|
96
|
+
}
|
|
97
|
+
export function findStoryInTree(tree, index) {
|
|
98
|
+
function walk(nodes, currentPath) {
|
|
99
|
+
for (const node of nodes)
|
|
100
|
+
if ("index" in node && node.index === index)
|
|
101
|
+
return { path: [...currentPath, node.title], node };
|
|
102
|
+
else if ("children" in node) {
|
|
103
|
+
const result = walk(node.children, [...currentPath, node.title]);
|
|
104
|
+
if (result)
|
|
105
|
+
return result;
|
|
106
|
+
}
|
|
107
|
+
return null;
|
|
108
|
+
}
|
|
109
|
+
return walk(tree, []);
|
|
110
|
+
}
|
|
@@ -1,2 +1,172 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
1
|
+
import fs from "node:fs";
|
|
2
|
+
import path from "node:path";
|
|
3
|
+
import { scanStoryFiles } from "../collect/scanner.js";
|
|
4
|
+
import { buildTree } from "../collect/tree.js";
|
|
5
|
+
import { createContext, updateContextStoryFiles, updateContextTree } from "../context.js";
|
|
6
|
+
import { printBanner, printBuildSummary, printStoryCount, printWarning } from "../output.js";
|
|
7
|
+
import { buildSearchIndex, exportSearchIndex } from "../search.js";
|
|
8
|
+
export async function buildCommand(options = {}) {
|
|
9
|
+
const startTime = Date.now();
|
|
10
|
+
printBanner();
|
|
11
|
+
const ctx = await createContext({ mode: "build" });
|
|
12
|
+
if (!ctx.config.enabled) {
|
|
13
|
+
printWarning("Story feature is disabled in config.");
|
|
14
|
+
return;
|
|
15
|
+
}
|
|
16
|
+
const storyFiles = await scanStoryFiles(ctx);
|
|
17
|
+
updateContextStoryFiles(ctx, storyFiles);
|
|
18
|
+
const tree = buildTree(ctx.config, storyFiles);
|
|
19
|
+
updateContextTree(ctx, tree);
|
|
20
|
+
printStoryCount(storyFiles.length);
|
|
21
|
+
const outDir = options.outDir ?? ctx.config.outDir, absoluteOutDir = path.resolve(ctx.root, outDir);
|
|
22
|
+
await fs.promises.mkdir(absoluteOutDir, { recursive: !0 });
|
|
23
|
+
console.log(` Building to ${outDir}...`);
|
|
24
|
+
const indexHtml = generateStaticHTML(ctx);
|
|
25
|
+
await fs.promises.writeFile(path.join(absoluteOutDir, "index.html"), indexHtml);
|
|
26
|
+
const storiesData = {
|
|
27
|
+
files: storyFiles.map((f) => ({
|
|
28
|
+
id: f.id,
|
|
29
|
+
fileName: f.fileName,
|
|
30
|
+
relativePath: f.relativePath,
|
|
31
|
+
treePath: f.treePath
|
|
32
|
+
})),
|
|
33
|
+
tree
|
|
34
|
+
};
|
|
35
|
+
await fs.promises.writeFile(path.join(absoluteOutDir, "stories.json"), JSON.stringify(storiesData, null, 2));
|
|
36
|
+
const configData = {
|
|
37
|
+
theme: ctx.config.theme,
|
|
38
|
+
responsivePresets: ctx.config.responsivePresets,
|
|
39
|
+
backgroundPresets: ctx.config.backgroundPresets
|
|
40
|
+
};
|
|
41
|
+
await fs.promises.writeFile(path.join(absoluteOutDir, "config.json"), JSON.stringify(configData, null, 2));
|
|
42
|
+
const storiesDir = path.join(absoluteOutDir, "stories");
|
|
43
|
+
await fs.promises.mkdir(storiesDir, { recursive: !0 });
|
|
44
|
+
for (const file of storyFiles) {
|
|
45
|
+
const content = await fs.promises.readFile(file.path, "utf-8");
|
|
46
|
+
await fs.promises.writeFile(path.join(storiesDir, `${file.id}.stx`), content);
|
|
47
|
+
}
|
|
48
|
+
buildSearchIndex(ctx);
|
|
49
|
+
const searchIndexJson = exportSearchIndex();
|
|
50
|
+
await fs.promises.writeFile(path.join(absoluteOutDir, "search-index.json"), searchIndexJson);
|
|
51
|
+
const duration = Date.now() - startTime;
|
|
52
|
+
printBuildSummary(storyFiles.length, outDir, duration);
|
|
53
|
+
}
|
|
54
|
+
function generateStaticHTML(ctx) {
|
|
55
|
+
const { theme } = ctx.config, title = theme.title || "STX Story";
|
|
56
|
+
return `<!DOCTYPE html>
|
|
57
|
+
<html lang="en">
|
|
58
|
+
<head>
|
|
59
|
+
<meta charset="UTF-8">
|
|
60
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
61
|
+
<title>${title}</title>
|
|
62
|
+
<style>
|
|
63
|
+
* { box-sizing: border-box; margin: 0; padding: 0; }
|
|
64
|
+
:root {
|
|
65
|
+
--bg: #ffffff;
|
|
66
|
+
--bg-secondary: #f5f5f5;
|
|
67
|
+
--text: #333333;
|
|
68
|
+
--text-secondary: #666666;
|
|
69
|
+
--border: #e0e0e0;
|
|
70
|
+
--primary: #3b82f6;
|
|
71
|
+
}
|
|
72
|
+
.dark {
|
|
73
|
+
--bg: #1a1a1a;
|
|
74
|
+
--bg-secondary: #2a2a2a;
|
|
75
|
+
--text: #ffffff;
|
|
76
|
+
--text-secondary: #a0a0a0;
|
|
77
|
+
--border: #404040;
|
|
78
|
+
}
|
|
79
|
+
body {
|
|
80
|
+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
|
81
|
+
background: var(--bg);
|
|
82
|
+
color: var(--text);
|
|
83
|
+
display: flex;
|
|
84
|
+
height: 100vh;
|
|
85
|
+
}
|
|
86
|
+
.sidebar {
|
|
87
|
+
width: 280px;
|
|
88
|
+
background: var(--bg-secondary);
|
|
89
|
+
border-right: 1px solid var(--border);
|
|
90
|
+
overflow-y: auto;
|
|
91
|
+
padding: 1rem;
|
|
92
|
+
}
|
|
93
|
+
.sidebar h1 {
|
|
94
|
+
font-size: 1.25rem;
|
|
95
|
+
margin-bottom: 1rem;
|
|
96
|
+
padding-bottom: 0.5rem;
|
|
97
|
+
border-bottom: 1px solid var(--border);
|
|
98
|
+
}
|
|
99
|
+
.story-list { list-style: none; }
|
|
100
|
+
.story-item {
|
|
101
|
+
padding: 0.5rem 0.75rem;
|
|
102
|
+
border-radius: 4px;
|
|
103
|
+
cursor: pointer;
|
|
104
|
+
margin-bottom: 2px;
|
|
105
|
+
}
|
|
106
|
+
.story-item:hover { background: var(--border); }
|
|
107
|
+
.story-item.active { background: var(--primary); color: white; }
|
|
108
|
+
.main { flex: 1; display: flex; flex-direction: column; }
|
|
109
|
+
.toolbar {
|
|
110
|
+
padding: 0.75rem 1rem;
|
|
111
|
+
border-bottom: 1px solid var(--border);
|
|
112
|
+
display: flex;
|
|
113
|
+
gap: 0.5rem;
|
|
114
|
+
}
|
|
115
|
+
.canvas { flex: 1; padding: 2rem; overflow: auto; }
|
|
116
|
+
.empty-state {
|
|
117
|
+
display: flex;
|
|
118
|
+
align-items: center;
|
|
119
|
+
justify-content: center;
|
|
120
|
+
height: 100%;
|
|
121
|
+
color: var(--text-secondary);
|
|
122
|
+
}
|
|
123
|
+
</style>
|
|
124
|
+
</head>
|
|
125
|
+
<body>
|
|
126
|
+
<aside class="sidebar">
|
|
127
|
+
<h1>\uD83D\uDCD6 ${title}</h1>
|
|
128
|
+
<ul class="story-list" id="story-list"></ul>
|
|
129
|
+
</aside>
|
|
130
|
+
<main class="main">
|
|
131
|
+
<div class="toolbar">
|
|
132
|
+
<button onclick="toggleTheme()">\uD83C\uDF13 Theme</button>
|
|
133
|
+
</div>
|
|
134
|
+
<div class="canvas" id="canvas">
|
|
135
|
+
<div class="empty-state">Select a story</div>
|
|
136
|
+
</div>
|
|
137
|
+
</main>
|
|
138
|
+
<script>
|
|
139
|
+
fetch('stories.json')
|
|
140
|
+
.then(r => r.json())
|
|
141
|
+
.then(data => {
|
|
142
|
+
const list = document.getElementById('story-list');
|
|
143
|
+
list.innerHTML = data.files.map(f =>
|
|
144
|
+
'<li class="story-item" onclick="selectStory(\\'' + f.id + '\\')">' + f.fileName + '</li>'
|
|
145
|
+
).join('');
|
|
146
|
+
});
|
|
147
|
+
|
|
148
|
+
function selectStory(id) {
|
|
149
|
+
document.querySelectorAll('.story-item').forEach(el => el.classList.remove('active'));
|
|
150
|
+
event.target.classList.add('active');
|
|
151
|
+
fetch('stories/' + id + '.stx')
|
|
152
|
+
.then(r => r.text())
|
|
153
|
+
.then(content => {
|
|
154
|
+
document.getElementById('canvas').innerHTML =
|
|
155
|
+
'<pre style="padding:1rem;overflow:auto;height:100%">' + escapeHtml(content) + '</pre>';
|
|
156
|
+
});
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
function escapeHtml(t) {
|
|
160
|
+
const d = document.createElement('div');
|
|
161
|
+
d.textContent = t;
|
|
162
|
+
return d.innerHTML;
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
function toggleTheme() {
|
|
166
|
+
document.documentElement.classList.toggle('dark');
|
|
167
|
+
}
|
|
168
|
+
</script>
|
|
169
|
+
</body>
|
|
170
|
+
</html>`;
|
|
171
|
+
}
|
|
172
|
+
export const build = buildCommand;
|
|
@@ -1,2 +1,78 @@
|
|
|
1
|
-
|
|
2
|
-
import{
|
|
1
|
+
import { watchConfigFile } from "../config-watcher.js";
|
|
2
|
+
import { createContext } from "../context.js";
|
|
3
|
+
import { printBanner, printError, printHelp, printServerUrls, printStoryCount, printWarning } from "../output.js";
|
|
4
|
+
import { createStoryServer } from "../server.js";
|
|
5
|
+
import { loadSetupFile } from "../setup.js";
|
|
6
|
+
export async function devCommand(options = {}) {
|
|
7
|
+
printBanner();
|
|
8
|
+
const ctx = await createContext({ mode: "dev" });
|
|
9
|
+
if (!ctx.config.enabled) {
|
|
10
|
+
printWarning("Story feature is disabled in config.");
|
|
11
|
+
return;
|
|
12
|
+
}
|
|
13
|
+
await loadSetupFile(ctx);
|
|
14
|
+
const port = options.port ?? ctx.config.port;
|
|
15
|
+
let serverInstance;
|
|
16
|
+
const startServer = async () => {
|
|
17
|
+
serverInstance = await createStoryServer(ctx, {
|
|
18
|
+
port,
|
|
19
|
+
open: options.open,
|
|
20
|
+
host: options.host
|
|
21
|
+
});
|
|
22
|
+
printStoryCount(ctx.storyFiles.length);
|
|
23
|
+
printServerUrls(serverInstance.url);
|
|
24
|
+
printHelp();
|
|
25
|
+
};
|
|
26
|
+
await startServer();
|
|
27
|
+
const configWatcher = watchConfigFile(ctx, {
|
|
28
|
+
onChange: async () => {
|
|
29
|
+
await serverInstance.close();
|
|
30
|
+
const newCtx = await createContext({ mode: "dev" });
|
|
31
|
+
Object.assign(ctx, newCtx);
|
|
32
|
+
await startServer();
|
|
33
|
+
}
|
|
34
|
+
}), shutdown = async () => {
|
|
35
|
+
console.log(`
|
|
36
|
+
`);
|
|
37
|
+
configWatcher.stop();
|
|
38
|
+
await serverInstance.close();
|
|
39
|
+
process.exit(0);
|
|
40
|
+
};
|
|
41
|
+
process.on("SIGINT", shutdown);
|
|
42
|
+
process.on("SIGTERM", shutdown);
|
|
43
|
+
if (process.stdin.isTTY) {
|
|
44
|
+
process.stdin.setRawMode(!0);
|
|
45
|
+
process.stdin.resume();
|
|
46
|
+
process.stdin.on("data", async (data) => {
|
|
47
|
+
switch (data.toString()) {
|
|
48
|
+
case "h":
|
|
49
|
+
printHelp();
|
|
50
|
+
break;
|
|
51
|
+
case "o":
|
|
52
|
+
try {
|
|
53
|
+
const { exec } = await import("node:child_process"), cmd = process.platform === "darwin" ? "open" : process.platform === "win32" ? "start" : "xdg-open";
|
|
54
|
+
exec(`${cmd} ${serverInstance.url}`);
|
|
55
|
+
} catch {
|
|
56
|
+
printError("Failed to open browser");
|
|
57
|
+
}
|
|
58
|
+
break;
|
|
59
|
+
case "r":
|
|
60
|
+
await serverInstance.close();
|
|
61
|
+
await startServer();
|
|
62
|
+
break;
|
|
63
|
+
case "c":
|
|
64
|
+
console.clear();
|
|
65
|
+
printBanner();
|
|
66
|
+
printStoryCount(ctx.storyFiles.length);
|
|
67
|
+
printServerUrls(serverInstance.url);
|
|
68
|
+
break;
|
|
69
|
+
case "q":
|
|
70
|
+
case "\x03":
|
|
71
|
+
await shutdown();
|
|
72
|
+
break;
|
|
73
|
+
}
|
|
74
|
+
});
|
|
75
|
+
}
|
|
76
|
+
await new Promise(() => {});
|
|
77
|
+
}
|
|
78
|
+
export const dev = devCommand;
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
export { build, buildCommand } from "./build.js";
|
|
2
|
+
export { dev, devCommand } from "./dev.js";
|
|
3
|
+
export { preview, previewCommand } from "./preview.js";
|
|
@@ -1,2 +1,56 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
1
|
+
import fs from "node:fs";
|
|
2
|
+
import path from "node:path";
|
|
3
|
+
import { createContext } from "../context.js";
|
|
4
|
+
export async function previewCommand(options = {}) {
|
|
5
|
+
console.log(`
|
|
6
|
+
\uD83D\uDCD6 Previewing STX Story build...
|
|
7
|
+
`);
|
|
8
|
+
const ctx = await createContext({ mode: "build" }), outDir = path.resolve(ctx.root, ctx.config.outDir), indexPath = path.join(outDir, "index.html");
|
|
9
|
+
try {
|
|
10
|
+
await fs.promises.access(indexPath);
|
|
11
|
+
} catch {
|
|
12
|
+
console.log(` \u274C No build found at ${ctx.config.outDir}`);
|
|
13
|
+
console.log(` Run "stx story build" first.
|
|
14
|
+
`);
|
|
15
|
+
return;
|
|
16
|
+
}
|
|
17
|
+
const port = options.port ?? 4173, server = Bun.serve({
|
|
18
|
+
port,
|
|
19
|
+
async fetch(req) {
|
|
20
|
+
let pathname = new URL(req.url).pathname;
|
|
21
|
+
if (pathname === "/")
|
|
22
|
+
pathname = "/index.html";
|
|
23
|
+
const filePath = path.join(outDir, pathname);
|
|
24
|
+
try {
|
|
25
|
+
const file = Bun.file(filePath);
|
|
26
|
+
if (!await file.exists()) {
|
|
27
|
+
const htmlPath = `${filePath}.html`, htmlFile = Bun.file(htmlPath);
|
|
28
|
+
if (await htmlFile.exists())
|
|
29
|
+
return new Response(htmlFile);
|
|
30
|
+
return new Response("Not found", { status: 404 });
|
|
31
|
+
}
|
|
32
|
+
return new Response(file);
|
|
33
|
+
} catch {
|
|
34
|
+
return new Response("Error", { status: 500 });
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
console.log(" \uD83D\uDCDA Preview server running at:");
|
|
39
|
+
console.log(` http://localhost:${port}
|
|
40
|
+
`);
|
|
41
|
+
if (options.open)
|
|
42
|
+
try {
|
|
43
|
+
const { exec } = await import("node:child_process"), platform = process.platform;
|
|
44
|
+
exec(`${platform === "darwin" ? "open" : platform === "win32" ? "start" : "xdg-open"} http://localhost:${port}`);
|
|
45
|
+
} catch {}
|
|
46
|
+
const shutdown = () => {
|
|
47
|
+
console.log(`
|
|
48
|
+
Shutting down...`);
|
|
49
|
+
server.stop();
|
|
50
|
+
process.exit(0);
|
|
51
|
+
};
|
|
52
|
+
process.on("SIGINT", shutdown);
|
|
53
|
+
process.on("SIGTERM", shutdown);
|
|
54
|
+
await new Promise(() => {});
|
|
55
|
+
}
|
|
56
|
+
export const preview = previewCommand;
|