create-wakii-stack 0.0.0-stage → 0.1.1
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/README.md +66 -2
- package/dist/chunk-7XGW4UJ5.js +75 -0
- package/dist/chunk-AKPWS7FJ.js +76 -0
- package/dist/chunk-ELM6GGC5.js +50 -0
- package/dist/chunk-ON2WTGZH.js +77 -0
- package/dist/index.js +391 -0
- package/dist/manifest-2JVLRMDB.js +10 -0
- package/dist/manifest-O35TPW73.js +10 -0
- package/dist/manifest-TXTY67BF.js +10 -0
- package/dist/manifest-XWHR7Y3F.js +10 -0
- package/package.json +23 -4
- package/stack-template/.changeset/config.json +15 -0
- package/stack-template/.changeset/vu53-ui-redesign.md +11 -0
- package/stack-template/.claude/agents/be-dev.md +56 -0
- package/stack-template/.claude/agents/contracts-keeper.md +51 -0
- package/stack-template/.claude/agents/e2e-runner.md +61 -0
- package/stack-template/.claude/agents/fe-dev.md +53 -0
- package/stack-template/.claude/settings.json +77 -0
- package/stack-template/.claude/settings.local.json +9 -0
- package/stack-template/.claude/skills/add-service/SKILL.md +81 -0
- package/stack-template/.claude/skills/sync-contracts/SKILL.md +74 -0
- package/stack-template/.editorconfig +21 -0
- package/stack-template/.gitattributes +10 -0
- package/stack-template/.github/pull_request_template.md +26 -0
- package/stack-template/.github/workflow-templates/services-ci.yml.example +69 -0
- package/stack-template/.github/workflows/contracts.yml +133 -0
- package/stack-template/.github/workflows/convergence.yml +209 -0
- package/stack-template/.github/workflows/git-guard.yml +44 -0
- package/stack-template/.github/workflows/publish-uikit.yml +96 -0
- package/stack-template/.github/workflows/remotes-activity.yml +82 -0
- package/stack-template/.github/workflows/remotes-tasks.yml +82 -0
- package/stack-template/.github/workflows/services-auth-svc.yml +153 -0
- package/stack-template/.github/workflows/services-go-svc.yml +281 -0
- package/stack-template/.github/workflows/services-node-svc.yml +173 -0
- package/stack-template/.github/workflows/services-spring-svc.yml +132 -0
- package/stack-template/.github/workflows/shell.yml +78 -0
- package/stack-template/.github/workflows/ui-kit.yml +51 -0
- package/stack-template/.husky/commit-msg +14 -0
- package/stack-template/.husky/pre-push +51 -0
- package/stack-template/.spectral.yaml +17 -0
- package/stack-template/AGENTS.md +197 -0
- package/stack-template/CLAUDE.md +114 -0
- package/stack-template/README.md +172 -0
- package/stack-template/app/admin/index.html +12 -0
- package/stack-template/app/admin/package.json +40 -0
- package/stack-template/app/admin/scripts/verify-chart.mjs +49 -0
- package/stack-template/app/admin/src/App.test.tsx +70 -0
- package/stack-template/app/admin/src/App.tsx +33 -0
- package/stack-template/app/admin/src/data/users.ts +47 -0
- package/stack-template/app/admin/src/layout/AdminLayout.tsx +212 -0
- package/stack-template/app/admin/src/main.tsx +17 -0
- package/stack-template/app/admin/src/pages/ComponentsDemo.tsx +138 -0
- package/stack-template/app/admin/src/pages/Dashboard.tsx +182 -0
- package/stack-template/app/admin/src/pages/HooksDemo.tsx +153 -0
- package/stack-template/app/admin/src/pages/Settings.tsx +156 -0
- package/stack-template/app/admin/src/pages/UploadPage.tsx +34 -0
- package/stack-template/app/admin/src/pages/Users.test.tsx +66 -0
- package/stack-template/app/admin/src/pages/Users.tsx +245 -0
- package/stack-template/app/admin/src/styles.css +9 -0
- package/stack-template/app/admin/src/tests/setup.ts +15 -0
- package/stack-template/app/admin/tsconfig.json +18 -0
- package/stack-template/app/admin/vite.config.ts +11 -0
- package/stack-template/app/admin/vitest.config.ts +14 -0
- package/stack-template/app/create-wakii-app/README.md +71 -0
- package/stack-template/app/create-wakii-app/package.json +27 -0
- package/stack-template/app/create-wakii-app/scripts/publish-npm.sh +38 -0
- package/stack-template/app/create-wakii-app/src/index.ts +127 -0
- package/stack-template/app/create-wakii-app/src/options.test.ts +80 -0
- package/stack-template/app/create-wakii-app/src/options.ts +117 -0
- package/stack-template/app/create-wakii-app/src/scaffold.test.ts +143 -0
- package/stack-template/app/create-wakii-app/src/scaffold.ts +194 -0
- package/stack-template/app/create-wakii-app/tsconfig.json +17 -0
- package/stack-template/app/create-wakii-app/vitest.config.ts +9 -0
- package/stack-template/app/create-wakii-stack/package.json +27 -0
- package/stack-template/app/create-wakii-stack/src/manifest.ts +101 -0
- package/stack-template/app/create-wakii-stack/src/options.ts +106 -0
- package/stack-template/app/create-wakii-stack/src/scaffold.ts +315 -0
- package/stack-template/app/create-wakii-stack/tsconfig.json +17 -0
- package/stack-template/app/create-wakii-stack/vitest.config.ts +9 -0
- package/stack-template/app/remotes/activity/Dockerfile +36 -0
- package/stack-template/app/remotes/activity/README.md +59 -0
- package/stack-template/app/remotes/activity/index.html +11 -0
- package/stack-template/app/remotes/activity/nginx.conf +35 -0
- package/stack-template/app/remotes/activity/package.json +40 -0
- package/stack-template/app/remotes/activity/rspack.config.mjs +152 -0
- package/stack-template/app/remotes/activity/src/ActivityPage.tsx +139 -0
- package/stack-template/app/remotes/activity/src/api.ts +63 -0
- package/stack-template/app/remotes/activity/src/app.css +7 -0
- package/stack-template/app/remotes/activity/src/components/FeedItem.tsx +39 -0
- package/stack-template/app/remotes/activity/src/components/StatTile.tsx +24 -0
- package/stack-template/app/remotes/activity/src/components/Timeline.tsx +53 -0
- package/stack-template/app/remotes/activity/src/components/time.ts +30 -0
- package/stack-template/app/remotes/activity/src/env.d.ts +5 -0
- package/stack-template/app/remotes/activity/src/index.tsx +12 -0
- package/stack-template/app/remotes/activity/src/standalone.tsx +36 -0
- package/stack-template/app/remotes/activity/tests/ActivityPage.test.tsx +260 -0
- package/stack-template/app/remotes/activity/tests/api.test.ts +61 -0
- package/stack-template/app/remotes/activity/tests/setup.ts +1 -0
- package/stack-template/app/remotes/activity/tests/test-utils.tsx +16 -0
- package/stack-template/app/remotes/activity/tsconfig.json +26 -0
- package/stack-template/app/remotes/activity/vitest.config.ts +38 -0
- package/stack-template/app/remotes/tasks/Dockerfile +36 -0
- package/stack-template/app/remotes/tasks/README.md +59 -0
- package/stack-template/app/remotes/tasks/index.html +11 -0
- package/stack-template/app/remotes/tasks/nginx.conf +35 -0
- package/stack-template/app/remotes/tasks/package.json +41 -0
- package/stack-template/app/remotes/tasks/rspack.config.mjs +153 -0
- package/stack-template/app/remotes/tasks/src/TasksPage.tsx +284 -0
- package/stack-template/app/remotes/tasks/src/api.ts +109 -0
- package/stack-template/app/remotes/tasks/src/app.css +7 -0
- package/stack-template/app/remotes/tasks/src/components/StatusBadge.tsx +20 -0
- package/stack-template/app/remotes/tasks/src/components/StatusSelect.tsx +27 -0
- package/stack-template/app/remotes/tasks/src/components/TaskForm.tsx +74 -0
- package/stack-template/app/remotes/tasks/src/components/TaskItem.tsx +199 -0
- package/stack-template/app/remotes/tasks/src/components/TaskList.tsx +60 -0
- package/stack-template/app/remotes/tasks/src/components/status.ts +23 -0
- package/stack-template/app/remotes/tasks/src/env.d.ts +5 -0
- package/stack-template/app/remotes/tasks/src/index.tsx +12 -0
- package/stack-template/app/remotes/tasks/src/standalone.tsx +38 -0
- package/stack-template/app/remotes/tasks/tests/TasksPage.test.tsx +445 -0
- package/stack-template/app/remotes/tasks/tests/api.test.ts +159 -0
- package/stack-template/app/remotes/tasks/tests/setup.ts +1 -0
- package/stack-template/app/remotes/tasks/tests/test-utils.tsx +16 -0
- package/stack-template/app/remotes/tasks/tsconfig.json +26 -0
- package/stack-template/app/remotes/tasks/vitest.config.ts +34 -0
- package/stack-template/app/shared/README.md +21 -0
- package/stack-template/app/shared/package.json +37 -0
- package/stack-template/app/shared/src/api-client.ts +66 -0
- package/stack-template/app/shared/src/error-envelope.ts +38 -0
- package/stack-template/app/shared/src/index.ts +21 -0
- package/stack-template/app/shared/src/mf-bootstrap.ts +89 -0
- package/stack-template/app/shared/src/refresh-client.ts +170 -0
- package/stack-template/app/shared/src/token-storage.ts +57 -0
- package/stack-template/app/shell/Dockerfile +37 -0
- package/stack-template/app/shell/README.md +79 -0
- package/stack-template/app/shell/index.html +11 -0
- package/stack-template/app/shell/nginx.conf +23 -0
- package/stack-template/app/shell/package.json +43 -0
- package/stack-template/app/shell/rspack.config.mjs +147 -0
- package/stack-template/app/shell/src/App.tsx +57 -0
- package/stack-template/app/shell/src/api.ts +36 -0
- package/stack-template/app/shell/src/app.css +11 -0
- package/stack-template/app/shell/src/bootstrap.tsx +24 -0
- package/stack-template/app/shell/src/components/Layout.tsx +35 -0
- package/stack-template/app/shell/src/components/NavBar.tsx +118 -0
- package/stack-template/app/shell/src/components/RemoteSlot.tsx +82 -0
- package/stack-template/app/shell/src/components/RequireAuth.tsx +14 -0
- package/stack-template/app/shell/src/env.d.ts +7 -0
- package/stack-template/app/shell/src/index.tsx +3 -0
- package/stack-template/app/shell/src/pages/HomePage.tsx +70 -0
- package/stack-template/app/shell/src/pages/LoginPage.tsx +217 -0
- package/stack-template/app/shell/src/remote-urls.ts +18 -0
- package/stack-template/app/shell/tests/a11y.test.tsx +53 -0
- package/stack-template/app/shell/tests/api-timeout.test.ts +43 -0
- package/stack-template/app/shell/tests/integration.test.tsx +93 -0
- package/stack-template/app/shell/tests/login.test.tsx +227 -0
- package/stack-template/app/shell/tests/mf-retry.test.ts +76 -0
- package/stack-template/app/shell/tests/refresh-client.test.ts +301 -0
- package/stack-template/app/shell/tests/remote-slot.test.tsx +109 -0
- package/stack-template/app/shell/tests/remote-urls.test.ts +26 -0
- package/stack-template/app/shell/tests/setup.ts +15 -0
- package/stack-template/app/shell/tests/shell-chrome.test.tsx +126 -0
- package/stack-template/app/shell/tsconfig.json +26 -0
- package/stack-template/app/shell/vitest.config.ts +42 -0
- package/stack-template/app/spike/README.md +35 -0
- package/stack-template/app/spike/host/index.html +11 -0
- package/stack-template/app/spike/host/package.json +17 -0
- package/stack-template/app/spike/host/rspack.config.mjs +34 -0
- package/stack-template/app/spike/host/src/bootstrap.jsx +26 -0
- package/stack-template/app/spike/host/src/index.jsx +3 -0
- package/stack-template/app/spike/remote/package.json +17 -0
- package/stack-template/app/spike/remote/rspack.config.mjs +36 -0
- package/stack-template/app/spike/remote/src/Hello.jsx +7 -0
- package/stack-template/app/spike/remote/src/index.js +2 -0
- package/stack-template/app/spike/serve.mjs +31 -0
- package/stack-template/app/starter-templates/template-feats/extras/carousel/src/DemoCarousel.tsx +99 -0
- package/stack-template/app/starter-templates/template-feats/extras/chart/src/DemoChart.tsx +84 -0
- package/stack-template/app/starter-templates/template-feats/extras/editor/src/DemoEditor.tsx +110 -0
- package/stack-template/app/starter-templates/template-feats/extras/schedule/src/DemoSchedule.tsx +81 -0
- package/stack-template/app/starter-templates/template-feats/router/src/App.tsx +332 -0
- package/stack-template/app/starter-templates/template-feats/router/src/main.tsx +14 -0
- package/stack-template/app/starter-templates/vite-js/README.md +72 -0
- package/stack-template/app/starter-templates/vite-js/index.html +12 -0
- package/stack-template/app/starter-templates/vite-js/jsconfig.json +10 -0
- package/stack-template/app/starter-templates/vite-js/package.json +22 -0
- package/stack-template/app/starter-templates/vite-js/src/App.jsx +158 -0
- package/stack-template/app/starter-templates/vite-js/src/main.jsx +10 -0
- package/stack-template/app/starter-templates/vite-js/src/styles.css +15 -0
- package/stack-template/app/starter-templates/vite-js/src/theme.js +21 -0
- package/stack-template/app/starter-templates/vite-js/vite.config.mjs +8 -0
- package/stack-template/app/starter-templates/vite-ts/README.md +53 -0
- package/stack-template/app/starter-templates/vite-ts/index.html +12 -0
- package/stack-template/app/starter-templates/vite-ts/package.json +29 -0
- package/stack-template/app/starter-templates/vite-ts/src/App.tsx +181 -0
- package/stack-template/app/starter-templates/vite-ts/src/main.tsx +12 -0
- package/stack-template/app/starter-templates/vite-ts/src/styles.css +21 -0
- package/stack-template/app/starter-templates/vite-ts/src/theme.ts +16 -0
- package/stack-template/app/starter-templates/vite-ts/tsconfig.json +25 -0
- package/stack-template/app/starter-templates/vite-ts/tsconfig.node.json +11 -0
- package/stack-template/app/starter-templates/vite-ts/vite.config.ts +10 -0
- package/stack-template/app/ui-kit/.storybook/main.ts +29 -0
- package/stack-template/app/ui-kit/.storybook/manager-head.html +97 -0
- package/stack-template/app/ui-kit/.storybook/manager.ts +138 -0
- package/stack-template/app/ui-kit/.storybook/preview-head.html +57 -0
- package/stack-template/app/ui-kit/.storybook/preview.ts +62 -0
- package/stack-template/app/ui-kit/.storybook/tailwind-preview.css +3 -0
- package/stack-template/app/ui-kit/.storybook/test-runner.config.ts +20 -0
- package/stack-template/app/ui-kit/CHANGELOG.md +137 -0
- package/stack-template/app/ui-kit/LICENSE +21 -0
- package/stack-template/app/ui-kit/MIGRATION.md +84 -0
- package/stack-template/app/ui-kit/README.md +173 -0
- package/stack-template/app/ui-kit/RELEASE.md +77 -0
- package/stack-template/app/ui-kit/USAGE.md +380 -0
- package/stack-template/app/ui-kit/eslint.config.js +47 -0
- package/stack-template/app/ui-kit/package.json +166 -0
- package/stack-template/app/ui-kit/scripts/publish-github.sh +39 -0
- package/stack-template/app/ui-kit/scripts/publish-npm.sh +76 -0
- package/stack-template/app/ui-kit/scripts/stamp-build.cjs +13 -0
- package/stack-template/app/ui-kit/src/KitchenSink.stories.tsx +576 -0
- package/stack-template/app/ui-kit/src/Tokens.stories.tsx +193 -0
- package/stack-template/app/ui-kit/src/entries/carousel.ts +7 -0
- package/stack-template/app/ui-kit/src/entries/chart.ts +4 -0
- package/stack-template/app/ui-kit/src/entries/editor.ts +4 -0
- package/stack-template/app/ui-kit/src/entries/experience3d.ts +5 -0
- package/stack-template/app/ui-kit/src/entries/schedule.ts +5 -0
- package/stack-template/app/ui-kit/src/env.d.ts +3 -0
- package/stack-template/app/ui-kit/src/hooks/form.stories.tsx +80 -0
- package/stack-template/app/ui-kit/src/hooks/hooks-new.stories.tsx +392 -0
- package/stack-template/app/ui-kit/src/hooks/hooks.stories.tsx +167 -0
- package/stack-template/app/ui-kit/src/hooks/useClickAway.test.tsx +63 -0
- package/stack-template/app/ui-kit/src/hooks/useClickAway.ts +30 -0
- package/stack-template/app/ui-kit/src/hooks/useControllableState.test.ts +36 -0
- package/stack-template/app/ui-kit/src/hooks/useControllableState.ts +41 -0
- package/stack-template/app/ui-kit/src/hooks/useCopyToClipboard.test.ts +89 -0
- package/stack-template/app/ui-kit/src/hooks/useCopyToClipboard.ts +20 -0
- package/stack-template/app/ui-kit/src/hooks/useCountdown.test.ts +88 -0
- package/stack-template/app/ui-kit/src/hooks/useCountdown.ts +38 -0
- package/stack-template/app/ui-kit/src/hooks/useDebounce.test.ts +71 -0
- package/stack-template/app/ui-kit/src/hooks/useDebounce.ts +14 -0
- package/stack-template/app/ui-kit/src/hooks/useDefault.test.ts +37 -0
- package/stack-template/app/ui-kit/src/hooks/useDefault.ts +15 -0
- package/stack-template/app/ui-kit/src/hooks/useEventListener.test.ts +47 -0
- package/stack-template/app/ui-kit/src/hooks/useEventListener.ts +28 -0
- package/stack-template/app/ui-kit/src/hooks/useFieldArray.test.tsx +160 -0
- package/stack-template/app/ui-kit/src/hooks/useFieldArray.ts +85 -0
- package/stack-template/app/ui-kit/src/hooks/useFocusTrap.ts +67 -0
- package/stack-template/app/ui-kit/src/hooks/useForm.test.tsx +192 -0
- package/stack-template/app/ui-kit/src/hooks/useForm.ts +119 -0
- package/stack-template/app/ui-kit/src/hooks/useFullscreen.test.tsx +71 -0
- package/stack-template/app/ui-kit/src/hooks/useFullscreen.ts +68 -0
- package/stack-template/app/ui-kit/src/hooks/useHover.test.tsx +30 -0
- package/stack-template/app/ui-kit/src/hooks/useHover.ts +23 -0
- package/stack-template/app/ui-kit/src/hooks/useInView.test.tsx +70 -0
- package/stack-template/app/ui-kit/src/hooks/useInView.ts +55 -0
- package/stack-template/app/ui-kit/src/hooks/useInfiniteScroll.test.tsx +72 -0
- package/stack-template/app/ui-kit/src/hooks/useInfiniteScroll.ts +45 -0
- package/stack-template/app/ui-kit/src/hooks/useIsFirstRender.test.ts +30 -0
- package/stack-template/app/ui-kit/src/hooks/useIsFirstRender.ts +14 -0
- package/stack-template/app/ui-kit/src/hooks/useKeyPress.test.ts +45 -0
- package/stack-template/app/ui-kit/src/hooks/useKeyPress.ts +31 -0
- package/stack-template/app/ui-kit/src/hooks/useLocalStorage.test.ts +102 -0
- package/stack-template/app/ui-kit/src/hooks/useLocalStorage.ts +34 -0
- package/stack-template/app/ui-kit/src/hooks/useLockBodyScroll.test.ts +42 -0
- package/stack-template/app/ui-kit/src/hooks/useLockBodyScroll.ts +13 -0
- package/stack-template/app/ui-kit/src/hooks/useMeasure.test.tsx +57 -0
- package/stack-template/app/ui-kit/src/hooks/useMeasure.ts +32 -0
- package/stack-template/app/ui-kit/src/hooks/useMediaQuery.test.ts +73 -0
- package/stack-template/app/ui-kit/src/hooks/useMediaQuery.ts +20 -0
- package/stack-template/app/ui-kit/src/hooks/useMountEffect.test.ts +22 -0
- package/stack-template/app/ui-kit/src/hooks/useMountEffect.ts +10 -0
- package/stack-template/app/ui-kit/src/hooks/useOnlineStatus.test.ts +36 -0
- package/stack-template/app/ui-kit/src/hooks/useOnlineStatus.ts +21 -0
- package/stack-template/app/ui-kit/src/hooks/usePrevious.test.ts +35 -0
- package/stack-template/app/ui-kit/src/hooks/usePrevious.ts +13 -0
- package/stack-template/app/ui-kit/src/hooks/useScrollProgress.test.ts +59 -0
- package/stack-template/app/ui-kit/src/hooks/useScrollProgress.ts +31 -0
- package/stack-template/app/ui-kit/src/hooks/useSessionStorage.test.ts +80 -0
- package/stack-template/app/ui-kit/src/hooks/useSessionStorage.ts +34 -0
- package/stack-template/app/ui-kit/src/hooks/useThrottle.test.ts +61 -0
- package/stack-template/app/ui-kit/src/hooks/useThrottle.ts +30 -0
- package/stack-template/app/ui-kit/src/hooks/useTimeout.test.ts +95 -0
- package/stack-template/app/ui-kit/src/hooks/useTimeout.ts +38 -0
- package/stack-template/app/ui-kit/src/hooks/useTitle.test.ts +34 -0
- package/stack-template/app/ui-kit/src/hooks/useTitle.ts +24 -0
- package/stack-template/app/ui-kit/src/hooks/useToggle.test.ts +46 -0
- package/stack-template/app/ui-kit/src/hooks/useToggle.ts +16 -0
- package/stack-template/app/ui-kit/src/hooks/useUpdateEffect.test.ts +25 -0
- package/stack-template/app/ui-kit/src/hooks/useUpdateEffect.ts +18 -0
- package/stack-template/app/ui-kit/src/hooks/useWindowSize.test.ts +33 -0
- package/stack-template/app/ui-kit/src/hooks/useWindowSize.ts +23 -0
- package/stack-template/app/ui-kit/src/index.ts +218 -0
- package/stack-template/app/ui-kit/src/intro-showcase.stories.tsx +272 -0
- package/stack-template/app/ui-kit/src/intro.docs.mdx +247 -0
- package/stack-template/app/ui-kit/src/motion/motion-showcase.stories.tsx +234 -0
- package/stack-template/app/ui-kit/src/motion/motion.md +38 -0
- package/stack-template/app/ui-kit/src/provider/index.tsx +77 -0
- package/stack-template/app/ui-kit/src/provider/provider.stories.tsx +87 -0
- package/stack-template/app/ui-kit/src/provider/provider.test.tsx +121 -0
- package/stack-template/app/ui-kit/src/styles/base.css +171 -0
- package/stack-template/app/ui-kit/src/styles/dark-theme.test.ts +21 -0
- package/stack-template/app/ui-kit/src/styles/tailwind.css +220 -0
- package/stack-template/app/ui-kit/src/styles/themes/dark.css +71 -0
- package/stack-template/app/ui-kit/src/styles/tokens.css +133 -0
- package/stack-template/app/ui-kit/src/styles/ui-kit.css +10 -0
- package/stack-template/app/ui-kit/src/templates/auth.stories.tsx +425 -0
- package/stack-template/app/ui-kit/src/templates/crud.stories.tsx +416 -0
- package/stack-template/app/ui-kit/src/templates/dashboard.stories.tsx +504 -0
- package/stack-template/app/ui-kit/src/templates/experience/chapters/ch1-deep-focus.tsx +96 -0
- package/stack-template/app/ui-kit/src/templates/experience/chapters/ch2-living-docs.tsx +134 -0
- package/stack-template/app/ui-kit/src/templates/experience/chapters/ch3-team-velocity.tsx +148 -0
- package/stack-template/app/ui-kit/src/templates/experience/chapters/ch4-ship-your-app.tsx +100 -0
- package/stack-template/app/ui-kit/src/templates/experience/chapters/ch5-future.tsx +67 -0
- package/stack-template/app/ui-kit/src/templates/experience/chapters/hero.tsx +434 -0
- package/stack-template/app/ui-kit/src/templates/experience/chapters/nav-footer.tsx +85 -0
- package/stack-template/app/ui-kit/src/templates/experience/hero.stories.tsx +27 -0
- package/stack-template/app/ui-kit/src/templates/experience/hero.test.tsx +108 -0
- package/stack-template/app/ui-kit/src/templates/experience/index.stories.tsx +51 -0
- package/stack-template/app/ui-kit/src/templates/experience/lib/ChapterShell.tsx +84 -0
- package/stack-template/app/ui-kit/src/templates/experience/lib/SideNav.tsx +173 -0
- package/stack-template/app/ui-kit/src/templates/experience/lib/chapter-shell.test.tsx +266 -0
- package/stack-template/app/ui-kit/src/templates/experience/lib/scroll-mood.tsx +143 -0
- package/stack-template/app/ui-kit/src/templates/experience/lib/starfield.test.tsx +31 -0
- package/stack-template/app/ui-kit/src/templates/experience/lib/starfield.tsx +190 -0
- package/stack-template/app/ui-kit/src/templates/experience/mood-engine.stories.tsx +114 -0
- package/stack-template/app/ui-kit/src/templates/experience/shell-nav.stories.tsx +113 -0
- package/stack-template/app/ui-kit/src/templates/kanban-project.stories.tsx +352 -0
- package/stack-template/app/ui-kit/src/templates/landing.stories.tsx +380 -0
- package/stack-template/app/ui-kit/src/templates/parallax-landing.stories.tsx +633 -0
- package/stack-template/app/ui-kit/src/templates/settings.stories.tsx +474 -0
- package/stack-template/app/ui-kit/src/ui/accordion/accordion.stories.tsx +91 -0
- package/stack-template/app/ui-kit/src/ui/accordion/accordion.test.tsx +99 -0
- package/stack-template/app/ui-kit/src/ui/accordion/index.tsx +107 -0
- package/stack-template/app/ui-kit/src/ui/affix/affix.stories.tsx +104 -0
- package/stack-template/app/ui-kit/src/ui/affix/affix.test.tsx +138 -0
- package/stack-template/app/ui-kit/src/ui/affix/index.tsx +89 -0
- package/stack-template/app/ui-kit/src/ui/alert/alert.stories.tsx +149 -0
- package/stack-template/app/ui-kit/src/ui/alert/alert.test.tsx +85 -0
- package/stack-template/app/ui-kit/src/ui/alert/index.tsx +118 -0
- package/stack-template/app/ui-kit/src/ui/anchor/anchor.stories.tsx +96 -0
- package/stack-template/app/ui-kit/src/ui/anchor/anchor.test.tsx +191 -0
- package/stack-template/app/ui-kit/src/ui/anchor/index.tsx +144 -0
- package/stack-template/app/ui-kit/src/ui/auto-complete/auto-complete.stories.tsx +67 -0
- package/stack-template/app/ui-kit/src/ui/auto-complete/auto-complete.test.tsx +94 -0
- package/stack-template/app/ui-kit/src/ui/auto-complete/index.tsx +54 -0
- package/stack-template/app/ui-kit/src/ui/avatar/avatar.stories.tsx +132 -0
- package/stack-template/app/ui-kit/src/ui/avatar/avatar.test.tsx +65 -0
- package/stack-template/app/ui-kit/src/ui/avatar/index.tsx +48 -0
- package/stack-template/app/ui-kit/src/ui/avatar-group/avatar-group.stories.tsx +113 -0
- package/stack-template/app/ui-kit/src/ui/avatar-group/avatar-group.test.tsx +71 -0
- package/stack-template/app/ui-kit/src/ui/avatar-group/index.tsx +66 -0
- package/stack-template/app/ui-kit/src/ui/backdrop/backdrop.stories.tsx +66 -0
- package/stack-template/app/ui-kit/src/ui/backdrop/backdrop.test.tsx +37 -0
- package/stack-template/app/ui-kit/src/ui/backdrop/index.tsx +29 -0
- package/stack-template/app/ui-kit/src/ui/badge/badge.stories.tsx +105 -0
- package/stack-template/app/ui-kit/src/ui/badge/badge.test.tsx +115 -0
- package/stack-template/app/ui-kit/src/ui/badge/index.tsx +154 -0
- package/stack-template/app/ui-kit/src/ui/blockui/blockui.stories.tsx +34 -0
- package/stack-template/app/ui-kit/src/ui/blockui/blockui.test.tsx +29 -0
- package/stack-template/app/ui-kit/src/ui/blockui/index.tsx +25 -0
- package/stack-template/app/ui-kit/src/ui/bottom-navigation/bottom-navigation.stories.tsx +70 -0
- package/stack-template/app/ui-kit/src/ui/bottom-navigation/bottom-navigation.test.tsx +68 -0
- package/stack-template/app/ui-kit/src/ui/bottom-navigation/index.tsx +82 -0
- package/stack-template/app/ui-kit/src/ui/branch-fill.test.tsx +245 -0
- package/stack-template/app/ui-kit/src/ui/breadcrumb/breadcrumb.stories.tsx +103 -0
- package/stack-template/app/ui-kit/src/ui/breadcrumb/breadcrumb.test.tsx +49 -0
- package/stack-template/app/ui-kit/src/ui/breadcrumb/index.tsx +37 -0
- package/stack-template/app/ui-kit/src/ui/busy-box/busy-box.stories.tsx +30 -0
- package/stack-template/app/ui-kit/src/ui/busy-box/busy-box.test.tsx +29 -0
- package/stack-template/app/ui-kit/src/ui/busy-box/index.tsx +25 -0
- package/stack-template/app/ui-kit/src/ui/button/button.stories.tsx +121 -0
- package/stack-template/app/ui-kit/src/ui/button/button.test.tsx +207 -0
- package/stack-template/app/ui-kit/src/ui/button/index.tsx +128 -0
- package/stack-template/app/ui-kit/src/ui/calendar/calendar.stories.tsx +100 -0
- package/stack-template/app/ui-kit/src/ui/calendar/calendar.test.tsx +92 -0
- package/stack-template/app/ui-kit/src/ui/calendar/index.tsx +163 -0
- package/stack-template/app/ui-kit/src/ui/card/card.stories.tsx +203 -0
- package/stack-template/app/ui-kit/src/ui/card/card.test.tsx +135 -0
- package/stack-template/app/ui-kit/src/ui/card/index.tsx +84 -0
- package/stack-template/app/ui-kit/src/ui/carousel/carousel.stories.tsx +533 -0
- package/stack-template/app/ui-kit/src/ui/carousel/carousel.test.tsx +148 -0
- package/stack-template/app/ui-kit/src/ui/carousel/index.tsx +195 -0
- package/stack-template/app/ui-kit/src/ui/cascade-select/cascade-select.stories.tsx +126 -0
- package/stack-template/app/ui-kit/src/ui/cascade-select/cascade-select.test.tsx +132 -0
- package/stack-template/app/ui-kit/src/ui/cascade-select/index.tsx +87 -0
- package/stack-template/app/ui-kit/src/ui/chart/chart-theme.test.tsx +79 -0
- package/stack-template/app/ui-kit/src/ui/chart/chart.stories.tsx +278 -0
- package/stack-template/app/ui-kit/src/ui/chart/chart.test.tsx +103 -0
- package/stack-template/app/ui-kit/src/ui/chart/index.tsx +172 -0
- package/stack-template/app/ui-kit/src/ui/checkbox/checkbox.stories.tsx +67 -0
- package/stack-template/app/ui-kit/src/ui/checkbox/checkbox.test.tsx +99 -0
- package/stack-template/app/ui-kit/src/ui/checkbox/index.tsx +52 -0
- package/stack-template/app/ui-kit/src/ui/chips/chips.stories.tsx +53 -0
- package/stack-template/app/ui-kit/src/ui/chips/chips.test.tsx +86 -0
- package/stack-template/app/ui-kit/src/ui/chips/index.tsx +44 -0
- package/stack-template/app/ui-kit/src/ui/collapse/collapse.stories.tsx +93 -0
- package/stack-template/app/ui-kit/src/ui/collapse/collapse.test.tsx +128 -0
- package/stack-template/app/ui-kit/src/ui/collapse/index.tsx +75 -0
- package/stack-template/app/ui-kit/src/ui/color-picker/color-picker.stories.tsx +48 -0
- package/stack-template/app/ui-kit/src/ui/color-picker/color-picker.test.tsx +68 -0
- package/stack-template/app/ui-kit/src/ui/color-picker/index.tsx +38 -0
- package/stack-template/app/ui-kit/src/ui/context-menu/context-menu.stories.tsx +73 -0
- package/stack-template/app/ui-kit/src/ui/context-menu/context-menu.test.tsx +93 -0
- package/stack-template/app/ui-kit/src/ui/context-menu/index.tsx +79 -0
- package/stack-template/app/ui-kit/src/ui/count-up/count-up.stories.tsx +80 -0
- package/stack-template/app/ui-kit/src/ui/count-up/count-up.test.tsx +121 -0
- package/stack-template/app/ui-kit/src/ui/count-up/index.tsx +70 -0
- package/stack-template/app/ui-kit/src/ui/date-picker/date-picker.stories.tsx +154 -0
- package/stack-template/app/ui-kit/src/ui/date-picker/date-picker.test.tsx +221 -0
- package/stack-template/app/ui-kit/src/ui/date-picker/index.tsx +287 -0
- package/stack-template/app/ui-kit/src/ui/date-picker/locale-constants.ts +90 -0
- package/stack-template/app/ui-kit/src/ui/date-picker/locale.tsx +15 -0
- package/stack-template/app/ui-kit/src/ui/deferred-content/deferred-content.stories.tsx +62 -0
- package/stack-template/app/ui-kit/src/ui/deferred-content/deferred-content.test.tsx +94 -0
- package/stack-template/app/ui-kit/src/ui/deferred-content/index.tsx +61 -0
- package/stack-template/app/ui-kit/src/ui/descriptions/descriptions.stories.tsx +114 -0
- package/stack-template/app/ui-kit/src/ui/descriptions/descriptions.test.tsx +75 -0
- package/stack-template/app/ui-kit/src/ui/descriptions/index.tsx +48 -0
- package/stack-template/app/ui-kit/src/ui/divider/divider.stories.tsx +66 -0
- package/stack-template/app/ui-kit/src/ui/divider/divider.test.tsx +83 -0
- package/stack-template/app/ui-kit/src/ui/divider/index.tsx +65 -0
- package/stack-template/app/ui-kit/src/ui/drag-drop/drag-drop.stories.tsx +145 -0
- package/stack-template/app/ui-kit/src/ui/drag-drop/drag-drop.test.tsx +352 -0
- package/stack-template/app/ui-kit/src/ui/drag-drop/index.tsx +456 -0
- package/stack-template/app/ui-kit/src/ui/drawer/drawer.stories.tsx +108 -0
- package/stack-template/app/ui-kit/src/ui/drawer/drawer.test.tsx +132 -0
- package/stack-template/app/ui-kit/src/ui/drawer/index.tsx +113 -0
- package/stack-template/app/ui-kit/src/ui/dropdown/dropdown.stories.tsx +61 -0
- package/stack-template/app/ui-kit/src/ui/dropdown/dropdown.test.tsx +101 -0
- package/stack-template/app/ui-kit/src/ui/dropdown/index.tsx +162 -0
- package/stack-template/app/ui-kit/src/ui/editor/EditorInner.tsx +93 -0
- package/stack-template/app/ui-kit/src/ui/editor/editor.stories.tsx +37 -0
- package/stack-template/app/ui-kit/src/ui/editor/editor.test.tsx +84 -0
- package/stack-template/app/ui-kit/src/ui/editor/index.tsx +58 -0
- package/stack-template/app/ui-kit/src/ui/empty-state/empty-state.stories.tsx +24 -0
- package/stack-template/app/ui-kit/src/ui/empty-state/empty-state.test.tsx +48 -0
- package/stack-template/app/ui-kit/src/ui/empty-state/index.tsx +22 -0
- package/stack-template/app/ui-kit/src/ui/experience3d/experience3d.stories.tsx +66 -0
- package/stack-template/app/ui-kit/src/ui/experience3d/experience3d.test.tsx +50 -0
- package/stack-template/app/ui-kit/src/ui/experience3d/index.tsx +457 -0
- package/stack-template/app/ui-kit/src/ui/field/field-array.stories.tsx +214 -0
- package/stack-template/app/ui-kit/src/ui/field/field.stories.tsx +158 -0
- package/stack-template/app/ui-kit/src/ui/field/field.test.tsx +68 -0
- package/stack-template/app/ui-kit/src/ui/field/index.tsx +48 -0
- package/stack-template/app/ui-kit/src/ui/fieldset/fieldset.stories.tsx +49 -0
- package/stack-template/app/ui-kit/src/ui/fieldset/fieldset.test.tsx +88 -0
- package/stack-template/app/ui-kit/src/ui/fieldset/index.tsx +62 -0
- package/stack-template/app/ui-kit/src/ui/flex/flex.stories.tsx +96 -0
- package/stack-template/app/ui-kit/src/ui/flex/flex.test.tsx +79 -0
- package/stack-template/app/ui-kit/src/ui/flex/index.tsx +45 -0
- package/stack-template/app/ui-kit/src/ui/float-button/float-button.stories.tsx +82 -0
- package/stack-template/app/ui-kit/src/ui/float-button/float-button.test.tsx +107 -0
- package/stack-template/app/ui-kit/src/ui/float-button/index.tsx +124 -0
- package/stack-template/app/ui-kit/src/ui/galleria/galleria.stories.tsx +78 -0
- package/stack-template/app/ui-kit/src/ui/galleria/galleria.test.tsx +67 -0
- package/stack-template/app/ui-kit/src/ui/galleria/index.tsx +47 -0
- package/stack-template/app/ui-kit/src/ui/grid/grid.stories.tsx +179 -0
- package/stack-template/app/ui-kit/src/ui/grid/grid.test.tsx +286 -0
- package/stack-template/app/ui-kit/src/ui/grid/index.tsx +104 -0
- package/stack-template/app/ui-kit/src/ui/icons/icons.stories.tsx +52 -0
- package/stack-template/app/ui-kit/src/ui/icons/icons.test.tsx +60 -0
- package/stack-template/app/ui-kit/src/ui/icons/index.tsx +294 -0
- package/stack-template/app/ui-kit/src/ui/image/image.stories.tsx +231 -0
- package/stack-template/app/ui-kit/src/ui/image/image.test.tsx +79 -0
- package/stack-template/app/ui-kit/src/ui/image/index.tsx +76 -0
- package/stack-template/app/ui-kit/src/ui/inplace/index.tsx +33 -0
- package/stack-template/app/ui-kit/src/ui/inplace/inplace.stories.tsx +75 -0
- package/stack-template/app/ui-kit/src/ui/inplace/inplace.test.tsx +58 -0
- package/stack-template/app/ui-kit/src/ui/input/index.tsx +133 -0
- package/stack-template/app/ui-kit/src/ui/input/input-search.stories.tsx +112 -0
- package/stack-template/app/ui-kit/src/ui/input/input-search.test.tsx +116 -0
- package/stack-template/app/ui-kit/src/ui/input/input-search.tsx +116 -0
- package/stack-template/app/ui-kit/src/ui/input/input.stories.tsx +176 -0
- package/stack-template/app/ui-kit/src/ui/input/input.test.tsx +106 -0
- package/stack-template/app/ui-kit/src/ui/input-mask/index.tsx +39 -0
- package/stack-template/app/ui-kit/src/ui/input-mask/input-mask.stories.tsx +46 -0
- package/stack-template/app/ui-kit/src/ui/input-mask/input-mask.test.tsx +57 -0
- package/stack-template/app/ui-kit/src/ui/input-number/index.tsx +125 -0
- package/stack-template/app/ui-kit/src/ui/input-number/input-number.stories.tsx +190 -0
- package/stack-template/app/ui-kit/src/ui/input-number/input-number.test.tsx +157 -0
- package/stack-template/app/ui-kit/src/ui/input-otp/index.tsx +57 -0
- package/stack-template/app/ui-kit/src/ui/input-otp/input-otp.stories.tsx +90 -0
- package/stack-template/app/ui-kit/src/ui/input-otp/input-otp.test.tsx +66 -0
- package/stack-template/app/ui-kit/src/ui/kanban/index.tsx +277 -0
- package/stack-template/app/ui-kit/src/ui/kanban/kanban.stories.tsx +219 -0
- package/stack-template/app/ui-kit/src/ui/kanban/kanban.test.tsx +234 -0
- package/stack-template/app/ui-kit/src/ui/knob/index.tsx +58 -0
- package/stack-template/app/ui-kit/src/ui/knob/knob.stories.tsx +49 -0
- package/stack-template/app/ui-kit/src/ui/knob/knob.test.tsx +42 -0
- package/stack-template/app/ui-kit/src/ui/layout/index.tsx +145 -0
- package/stack-template/app/ui-kit/src/ui/layout/layout.stories.tsx +158 -0
- package/stack-template/app/ui-kit/src/ui/layout/layout.test.tsx +154 -0
- package/stack-template/app/ui-kit/src/ui/link/index.tsx +61 -0
- package/stack-template/app/ui-kit/src/ui/link/link.stories.tsx +68 -0
- package/stack-template/app/ui-kit/src/ui/link/link.test.tsx +69 -0
- package/stack-template/app/ui-kit/src/ui/list/index.tsx +135 -0
- package/stack-template/app/ui-kit/src/ui/list/list.stories.tsx +194 -0
- package/stack-template/app/ui-kit/src/ui/list/list.test.tsx +164 -0
- package/stack-template/app/ui-kit/src/ui/listbox/index.tsx +27 -0
- package/stack-template/app/ui-kit/src/ui/listbox/listbox.stories.tsx +57 -0
- package/stack-template/app/ui-kit/src/ui/listbox/listbox.test.tsx +49 -0
- package/stack-template/app/ui-kit/src/ui/mega-menu/index.tsx +142 -0
- package/stack-template/app/ui-kit/src/ui/mega-menu/mega-menu.stories.tsx +137 -0
- package/stack-template/app/ui-kit/src/ui/mega-menu/mega-menu.test.tsx +130 -0
- package/stack-template/app/ui-kit/src/ui/mention/index.tsx +76 -0
- package/stack-template/app/ui-kit/src/ui/mention/mention.stories.tsx +44 -0
- package/stack-template/app/ui-kit/src/ui/mention/mention.test.tsx +87 -0
- package/stack-template/app/ui-kit/src/ui/menu/index.tsx +256 -0
- package/stack-template/app/ui-kit/src/ui/menu/menu.stories.tsx +124 -0
- package/stack-template/app/ui-kit/src/ui/menu/menu.test.tsx +251 -0
- package/stack-template/app/ui-kit/src/ui/menubar/index.tsx +42 -0
- package/stack-template/app/ui-kit/src/ui/menubar/menubar.stories.tsx +66 -0
- package/stack-template/app/ui-kit/src/ui/menubar/menubar.test.tsx +65 -0
- package/stack-template/app/ui-kit/src/ui/message/index.tsx +123 -0
- package/stack-template/app/ui-kit/src/ui/message/message.stories.tsx +104 -0
- package/stack-template/app/ui-kit/src/ui/message/message.test.tsx +109 -0
- package/stack-template/app/ui-kit/src/ui/modal/index.tsx +142 -0
- package/stack-template/app/ui-kit/src/ui/modal/modal.stories.tsx +128 -0
- package/stack-template/app/ui-kit/src/ui/modal/modal.test.tsx +166 -0
- package/stack-template/app/ui-kit/src/ui/notification/index.tsx +142 -0
- package/stack-template/app/ui-kit/src/ui/notification/notification.stories.tsx +155 -0
- package/stack-template/app/ui-kit/src/ui/notification/notification.test.tsx +83 -0
- package/stack-template/app/ui-kit/src/ui/order-list/index.tsx +38 -0
- package/stack-template/app/ui-kit/src/ui/order-list/order-list.stories.tsx +38 -0
- package/stack-template/app/ui-kit/src/ui/order-list/order-list.test.tsx +54 -0
- package/stack-template/app/ui-kit/src/ui/org-chart/index.tsx +138 -0
- package/stack-template/app/ui-kit/src/ui/org-chart/org-chart.stories.tsx +76 -0
- package/stack-template/app/ui-kit/src/ui/org-chart/org-chart.test.tsx +98 -0
- package/stack-template/app/ui-kit/src/ui/pagination/index.tsx +102 -0
- package/stack-template/app/ui-kit/src/ui/pagination/pagination.stories.tsx +103 -0
- package/stack-template/app/ui-kit/src/ui/pagination/pagination.test.tsx +112 -0
- package/stack-template/app/ui-kit/src/ui/panel-menu/index.tsx +59 -0
- package/stack-template/app/ui-kit/src/ui/panel-menu/panel-menu.stories.tsx +96 -0
- package/stack-template/app/ui-kit/src/ui/panel-menu/panel-menu.test.tsx +64 -0
- package/stack-template/app/ui-kit/src/ui/parallax/index.tsx +62 -0
- package/stack-template/app/ui-kit/src/ui/parallax/parallax.stories.tsx +115 -0
- package/stack-template/app/ui-kit/src/ui/parallax/parallax.test.tsx +148 -0
- package/stack-template/app/ui-kit/src/ui/password/index.tsx +67 -0
- package/stack-template/app/ui-kit/src/ui/password/password.stories.tsx +43 -0
- package/stack-template/app/ui-kit/src/ui/password/password.test.tsx +45 -0
- package/stack-template/app/ui-kit/src/ui/pick-list/index.tsx +103 -0
- package/stack-template/app/ui-kit/src/ui/pick-list/pick-list.stories.tsx +59 -0
- package/stack-template/app/ui-kit/src/ui/pick-list/pick-list.test.tsx +94 -0
- package/stack-template/app/ui-kit/src/ui/popconfirm/index.tsx +102 -0
- package/stack-template/app/ui-kit/src/ui/popconfirm/popconfirm.stories.tsx +73 -0
- package/stack-template/app/ui-kit/src/ui/popconfirm/popconfirm.test.tsx +127 -0
- package/stack-template/app/ui-kit/src/ui/popover/index.tsx +136 -0
- package/stack-template/app/ui-kit/src/ui/popover/popover.stories.tsx +114 -0
- package/stack-template/app/ui-kit/src/ui/popover/popover.test.tsx +172 -0
- package/stack-template/app/ui-kit/src/ui/progress/index.tsx +46 -0
- package/stack-template/app/ui-kit/src/ui/progress/progress.stories.tsx +57 -0
- package/stack-template/app/ui-kit/src/ui/progress/progress.test.tsx +90 -0
- package/stack-template/app/ui-kit/src/ui/qr-code/index.tsx +88 -0
- package/stack-template/app/ui-kit/src/ui/qr-code/qr-code.stories.tsx +109 -0
- package/stack-template/app/ui-kit/src/ui/qr-code/qr-code.test.tsx +155 -0
- package/stack-template/app/ui-kit/src/ui/qr-code/qrcode-core.ts +56 -0
- package/stack-template/app/ui-kit/src/ui/qr-code/qrcode-generator.vendor.ts +2300 -0
- package/stack-template/app/ui-kit/src/ui/radio/index.tsx +62 -0
- package/stack-template/app/ui-kit/src/ui/radio/radio.stories.tsx +94 -0
- package/stack-template/app/ui-kit/src/ui/radio/radio.test.tsx +83 -0
- package/stack-template/app/ui-kit/src/ui/rating/index.tsx +36 -0
- package/stack-template/app/ui-kit/src/ui/rating/rating.stories.tsx +42 -0
- package/stack-template/app/ui-kit/src/ui/rating/rating.test.tsx +45 -0
- package/stack-template/app/ui-kit/src/ui/result/index.tsx +72 -0
- package/stack-template/app/ui-kit/src/ui/result/result.stories.tsx +82 -0
- package/stack-template/app/ui-kit/src/ui/result/result.test.tsx +57 -0
- package/stack-template/app/ui-kit/src/ui/reveal/index.tsx +83 -0
- package/stack-template/app/ui-kit/src/ui/reveal/reveal.stories.tsx +91 -0
- package/stack-template/app/ui-kit/src/ui/reveal/reveal.test.tsx +148 -0
- package/stack-template/app/ui-kit/src/ui/schedule/index.tsx +104 -0
- package/stack-template/app/ui-kit/src/ui/schedule/schedule.fc.test.tsx +95 -0
- package/stack-template/app/ui-kit/src/ui/schedule/schedule.stories.tsx +61 -0
- package/stack-template/app/ui-kit/src/ui/schedule/schedule.test.tsx +41 -0
- package/stack-template/app/ui-kit/src/ui/scroll-page/index.tsx +46 -0
- package/stack-template/app/ui-kit/src/ui/scroll-page/scroll-page.stories.tsx +92 -0
- package/stack-template/app/ui-kit/src/ui/scroll-page/scroll-page.test.tsx +51 -0
- package/stack-template/app/ui-kit/src/ui/scroll-panel/index.tsx +16 -0
- package/stack-template/app/ui-kit/src/ui/scroll-panel/scroll-panel.stories.tsx +37 -0
- package/stack-template/app/ui-kit/src/ui/scroll-panel/scroll-panel.test.tsx +41 -0
- package/stack-template/app/ui-kit/src/ui/scrolltop/index.tsx +27 -0
- package/stack-template/app/ui-kit/src/ui/scrolltop/scrolltop.stories.tsx +41 -0
- package/stack-template/app/ui-kit/src/ui/scrolltop/scrolltop.test.tsx +37 -0
- package/stack-template/app/ui-kit/src/ui/segmented/index.tsx +47 -0
- package/stack-template/app/ui-kit/src/ui/segmented/segmented.stories.tsx +126 -0
- package/stack-template/app/ui-kit/src/ui/segmented/segmented.test.tsx +77 -0
- package/stack-template/app/ui-kit/src/ui/select/index.tsx +302 -0
- package/stack-template/app/ui-kit/src/ui/select/select.stories.tsx +268 -0
- package/stack-template/app/ui-kit/src/ui/select/select.test.tsx +226 -0
- package/stack-template/app/ui-kit/src/ui/sidebar/index.tsx +83 -0
- package/stack-template/app/ui-kit/src/ui/sidebar/sidebar.stories.tsx +71 -0
- package/stack-template/app/ui-kit/src/ui/sidebar/sidebar.test.tsx +101 -0
- package/stack-template/app/ui-kit/src/ui/skeleton/index.tsx +55 -0
- package/stack-template/app/ui-kit/src/ui/skeleton/skeleton.stories.tsx +110 -0
- package/stack-template/app/ui-kit/src/ui/skeleton/skeleton.test.tsx +74 -0
- package/stack-template/app/ui-kit/src/ui/slide-menu/index.tsx +103 -0
- package/stack-template/app/ui-kit/src/ui/slide-menu/slide-menu.stories.tsx +92 -0
- package/stack-template/app/ui-kit/src/ui/slide-menu/slide-menu.test.tsx +120 -0
- package/stack-template/app/ui-kit/src/ui/slider/index.tsx +90 -0
- package/stack-template/app/ui-kit/src/ui/slider/slider.stories.tsx +60 -0
- package/stack-template/app/ui-kit/src/ui/slider/slider.test.tsx +66 -0
- package/stack-template/app/ui-kit/src/ui/space/index.tsx +32 -0
- package/stack-template/app/ui-kit/src/ui/space/space.stories.tsx +66 -0
- package/stack-template/app/ui-kit/src/ui/space/space.test.tsx +56 -0
- package/stack-template/app/ui-kit/src/ui/speed-dial/index.tsx +32 -0
- package/stack-template/app/ui-kit/src/ui/speed-dial/speed-dial.stories.tsx +34 -0
- package/stack-template/app/ui-kit/src/ui/speed-dial/speed-dial.test.tsx +34 -0
- package/stack-template/app/ui-kit/src/ui/spinner/index.tsx +74 -0
- package/stack-template/app/ui-kit/src/ui/spinner/spinner.stories.tsx +64 -0
- package/stack-template/app/ui-kit/src/ui/spinner/spinner.test.tsx +66 -0
- package/stack-template/app/ui-kit/src/ui/split-button/index.tsx +155 -0
- package/stack-template/app/ui-kit/src/ui/split-button/split-button.stories.tsx +137 -0
- package/stack-template/app/ui-kit/src/ui/split-button/split-button.test.tsx +152 -0
- package/stack-template/app/ui-kit/src/ui/splitter/index.tsx +49 -0
- package/stack-template/app/ui-kit/src/ui/splitter/splitter.stories.tsx +24 -0
- package/stack-template/app/ui-kit/src/ui/splitter/splitter.test.tsx +21 -0
- package/stack-template/app/ui-kit/src/ui/statistic/index.tsx +28 -0
- package/stack-template/app/ui-kit/src/ui/statistic/statistic.stories.tsx +112 -0
- package/stack-template/app/ui-kit/src/ui/statistic/statistic.test.tsx +39 -0
- package/stack-template/app/ui-kit/src/ui/steps/index.tsx +50 -0
- package/stack-template/app/ui-kit/src/ui/steps/steps.stories.tsx +57 -0
- package/stack-template/app/ui-kit/src/ui/steps/steps.test.tsx +55 -0
- package/stack-template/app/ui-kit/src/ui/switch/index.tsx +87 -0
- package/stack-template/app/ui-kit/src/ui/switch/switch.stories.tsx +123 -0
- package/stack-template/app/ui-kit/src/ui/switch/switch.test.tsx +98 -0
- package/stack-template/app/ui-kit/src/ui/tab-menu/index.tsx +33 -0
- package/stack-template/app/ui-kit/src/ui/tab-menu/tab-menu.stories.tsx +49 -0
- package/stack-template/app/ui-kit/src/ui/tab-menu/tab-menu.test.tsx +50 -0
- package/stack-template/app/ui-kit/src/ui/table/index.tsx +690 -0
- package/stack-template/app/ui-kit/src/ui/table/table-advanced.stories.tsx +91 -0
- package/stack-template/app/ui-kit/src/ui/table/table-advanced.test.tsx +188 -0
- package/stack-template/app/ui-kit/src/ui/table/table-expandable.stories.tsx +91 -0
- package/stack-template/app/ui-kit/src/ui/table/table-expandable.test.tsx +143 -0
- package/stack-template/app/ui-kit/src/ui/table/table.stories.tsx +342 -0
- package/stack-template/app/ui-kit/src/ui/table/table.test.tsx +465 -0
- package/stack-template/app/ui-kit/src/ui/table/types.ts +173 -0
- package/stack-template/app/ui-kit/src/ui/tabs/index.tsx +118 -0
- package/stack-template/app/ui-kit/src/ui/tabs/tabs.stories.tsx +113 -0
- package/stack-template/app/ui-kit/src/ui/tabs/tabs.test.tsx +77 -0
- package/stack-template/app/ui-kit/src/ui/tag/index.tsx +68 -0
- package/stack-template/app/ui-kit/src/ui/tag/tag.stories.tsx +88 -0
- package/stack-template/app/ui-kit/src/ui/tag/tag.test.tsx +126 -0
- package/stack-template/app/ui-kit/src/ui/team/debt-board/debt-board.stories.tsx +52 -0
- package/stack-template/app/ui-kit/src/ui/team/debt-board/debt-board.test.tsx +72 -0
- package/stack-template/app/ui-kit/src/ui/team/debt-board/index.tsx +125 -0
- package/stack-template/app/ui-kit/src/ui/team/inbox-thread/inbox-thread.stories.tsx +70 -0
- package/stack-template/app/ui-kit/src/ui/team/inbox-thread/inbox-thread.test.tsx +56 -0
- package/stack-template/app/ui-kit/src/ui/team/inbox-thread/index.tsx +107 -0
- package/stack-template/app/ui-kit/src/ui/team/ping-feed/index.tsx +102 -0
- package/stack-template/app/ui-kit/src/ui/team/ping-feed/ping-feed.stories.tsx +57 -0
- package/stack-template/app/ui-kit/src/ui/team/ping-feed/ping-feed.test.tsx +60 -0
- package/stack-template/app/ui-kit/src/ui/team/stage-pipeline/index.tsx +60 -0
- package/stack-template/app/ui-kit/src/ui/team/stage-pipeline/stage-pipeline.stories.tsx +68 -0
- package/stack-template/app/ui-kit/src/ui/team/stage-pipeline/stage-pipeline.test.tsx +50 -0
- package/stack-template/app/ui-kit/src/ui/team/team-dashboard/index.tsx +103 -0
- package/stack-template/app/ui-kit/src/ui/team/team-dashboard/team-dashboard.stories.tsx +72 -0
- package/stack-template/app/ui-kit/src/ui/team/team-dashboard/team-dashboard.test.tsx +72 -0
- package/stack-template/app/ui-kit/src/ui/time-picker/index.tsx +143 -0
- package/stack-template/app/ui-kit/src/ui/time-picker/time-picker.stories.tsx +90 -0
- package/stack-template/app/ui-kit/src/ui/time-picker/time-picker.test.tsx +64 -0
- package/stack-template/app/ui-kit/src/ui/timeline/index.tsx +91 -0
- package/stack-template/app/ui-kit/src/ui/timeline/timeline.stories.tsx +209 -0
- package/stack-template/app/ui-kit/src/ui/timeline/timeline.test.tsx +116 -0
- package/stack-template/app/ui-kit/src/ui/timesheet/index.tsx +277 -0
- package/stack-template/app/ui-kit/src/ui/timesheet/timesheet.stories.tsx +97 -0
- package/stack-template/app/ui-kit/src/ui/timesheet/timesheet.test.tsx +103 -0
- package/stack-template/app/ui-kit/src/ui/toggle-button/index.tsx +28 -0
- package/stack-template/app/ui-kit/src/ui/toggle-button/toggle-button-group.stories.tsx +85 -0
- package/stack-template/app/ui-kit/src/ui/toggle-button/toggle-button-group.test.tsx +97 -0
- package/stack-template/app/ui-kit/src/ui/toggle-button/toggle-button-group.tsx +81 -0
- package/stack-template/app/ui-kit/src/ui/toggle-button/toggle-button.stories.tsx +46 -0
- package/stack-template/app/ui-kit/src/ui/toggle-button/toggle-button.test.tsx +38 -0
- package/stack-template/app/ui-kit/src/ui/toolbar/index.tsx +18 -0
- package/stack-template/app/ui-kit/src/ui/toolbar/toolbar.stories.tsx +35 -0
- package/stack-template/app/ui-kit/src/ui/toolbar/toolbar.test.tsx +11 -0
- package/stack-template/app/ui-kit/src/ui/tooltip/index.tsx +61 -0
- package/stack-template/app/ui-kit/src/ui/tooltip/tooltip.stories.tsx +81 -0
- package/stack-template/app/ui-kit/src/ui/tooltip/tooltip.test.tsx +120 -0
- package/stack-template/app/ui-kit/src/ui/tour/index.tsx +210 -0
- package/stack-template/app/ui-kit/src/ui/tour/tour.stories.tsx +153 -0
- package/stack-template/app/ui-kit/src/ui/tour/tour.test.tsx +131 -0
- package/stack-template/app/ui-kit/src/ui/transition/index.tsx +377 -0
- package/stack-template/app/ui-kit/src/ui/transition/transition.stories.tsx +254 -0
- package/stack-template/app/ui-kit/src/ui/transition/transition.test.tsx +285 -0
- package/stack-template/app/ui-kit/src/ui/tree/index.tsx +68 -0
- package/stack-template/app/ui-kit/src/ui/tree/tree.stories.tsx +139 -0
- package/stack-template/app/ui-kit/src/ui/tree/tree.test.tsx +77 -0
- package/stack-template/app/ui-kit/src/ui/tree-select/index.tsx +251 -0
- package/stack-template/app/ui-kit/src/ui/tree-select/tree-select.stories.tsx +105 -0
- package/stack-template/app/ui-kit/src/ui/tree-select/tree-select.test.tsx +174 -0
- package/stack-template/app/ui-kit/src/ui/tree-table/index.tsx +229 -0
- package/stack-template/app/ui-kit/src/ui/tree-table/tree-table.stories.tsx +111 -0
- package/stack-template/app/ui-kit/src/ui/tree-table/tree-table.test.tsx +137 -0
- package/stack-template/app/ui-kit/src/ui/typography/index.tsx +124 -0
- package/stack-template/app/ui-kit/src/ui/typography/typography.stories.tsx +65 -0
- package/stack-template/app/ui-kit/src/ui/typography/typography.test.tsx +117 -0
- package/stack-template/app/ui-kit/src/ui/upload/index.tsx +39 -0
- package/stack-template/app/ui-kit/src/ui/upload/upload-core.tsx +204 -0
- package/stack-template/app/ui-kit/src/ui/upload/upload-dropzone.tsx +79 -0
- package/stack-template/app/ui-kit/src/ui/upload/upload.stories.tsx +67 -0
- package/stack-template/app/ui-kit/src/ui/upload/upload.test.tsx +204 -0
- package/stack-template/app/ui-kit/src/ui/virtual-scroll/index.tsx +86 -0
- package/stack-template/app/ui-kit/src/ui/virtual-scroll/virtual-scroll.stories.tsx +111 -0
- package/stack-template/app/ui-kit/src/ui/virtual-scroll/virtual-scroll.test.tsx +125 -0
- package/stack-template/app/ui-kit/src/ui/watermark/index.tsx +182 -0
- package/stack-template/app/ui-kit/src/ui/watermark/watermark.stories.tsx +96 -0
- package/stack-template/app/ui-kit/src/ui/watermark/watermark.test.tsx +120 -0
- package/stack-template/app/ui-kit/src/utils/array.test.ts +88 -0
- package/stack-template/app/ui-kit/src/utils/array.ts +51 -0
- package/stack-template/app/ui-kit/src/utils/dom.test.tsx +69 -0
- package/stack-template/app/ui-kit/src/utils/dom.ts +38 -0
- package/stack-template/app/ui-kit/src/utils/format.test.ts +63 -0
- package/stack-template/app/ui-kit/src/utils/format.ts +81 -0
- package/stack-template/app/ui-kit/tests/setup.ts +15 -0
- package/stack-template/app/ui-kit/tsconfig.json +18 -0
- package/stack-template/app/ui-kit/tsup.config.ts +37 -0
- package/stack-template/app/ui-kit/vercel.json +6 -0
- package/stack-template/app/ui-kit/vitest.config.ts +22 -0
- package/stack-template/contracts/auth/token-contract.md +119 -0
- package/stack-template/contracts/auth/users.json +35 -0
- package/stack-template/contracts/db/tasks-schema.sql +62 -0
- package/stack-template/contracts/events/fixtures/task.assigned.json +11 -0
- package/stack-template/contracts/events/fixtures/task.assignment_failed.json +11 -0
- package/stack-template/contracts/events/fixtures/task.created.json +12 -0
- package/stack-template/contracts/events/fixtures/task.deleted.json +10 -0
- package/stack-template/contracts/events/fixtures/task.updated.json +12 -0
- package/stack-template/contracts/events/task-events.md +80 -0
- package/stack-template/contracts/openapi/activity.yaml +196 -0
- package/stack-template/contracts/openapi/auth.yaml +310 -0
- package/stack-template/contracts/openapi/tasks.yaml +316 -0
- package/stack-template/contracts/openapi/users.yaml +345 -0
- package/stack-template/docs/adr/0001-mixed-stack.md +14 -0
- package/stack-template/docs/adr/0002-mf-rspack.md +14 -0
- package/stack-template/docs/adr/0003-contract-first.md +14 -0
- package/stack-template/docs/adr/0004-readonly-schema-tradeoff.md +14 -0
- package/stack-template/docs/adr/0005-fail-closed.md +14 -0
- package/stack-template/docs/adr/0006-fire-and-forget-events.md +14 -0
- package/stack-template/docs/adr/0007-fork-not-upgrade.md +14 -0
- package/stack-template/docs/adr/0008-kafka-outbox-saga.md +24 -0
- package/stack-template/docs/adr/0009-ui-kit-split.md +39 -0
- package/stack-template/docs/adr/README.md +15 -0
- package/stack-template/docs/ai/recipes.md +956 -0
- package/stack-template/docs/ai/table-Theming.md +25 -0
- package/stack-template/docs/ai/table-datadisplay-mz.md +20 -0
- package/stack-template/docs/ai/table-feedback.md +20 -0
- package/stack-template/docs/ai/table-forms.md +26 -0
- package/stack-template/docs/git-flow.md +70 -0
- package/stack-template/docs/parity-matrix.md +102 -0
- package/stack-template/docs/superpowers/contexts/auth-real/gap-answer.md +195 -0
- package/stack-template/docs/superpowers/contexts/auth-real/sf-1.md +21 -0
- package/stack-template/docs/superpowers/contexts/auth-real/sf-2.md +21 -0
- package/stack-template/docs/superpowers/contexts/auth-real/sf-3.md +17 -0
- package/stack-template/docs/superpowers/contexts/auth-real/sf-4.md +20 -0
- package/stack-template/docs/superpowers/contexts/auth-real/sf-5.md +21 -0
- package/stack-template/docs/superpowers/contexts/experience-design.md +85 -0
- package/stack-template/docs/superpowers/contexts/sf-1.md +39 -0
- package/stack-template/docs/superpowers/contexts/sf-2.md +42 -0
- package/stack-template/docs/superpowers/contexts/sf-3.md +42 -0
- package/stack-template/docs/superpowers/contexts/sf-4.md +26 -0
- package/stack-template/docs/superpowers/contexts/sf-5.md +36 -0
- package/stack-template/docs/superpowers/contexts/sf-6.md +36 -0
- package/stack-template/docs/superpowers/contexts/sf-7.md +35 -0
- package/stack-template/docs/superpowers/contexts/sf-cin-overview.md +21 -0
- package/stack-template/docs/superpowers/contexts/ui-redesign/sf-1.md +46 -0
- package/stack-template/docs/superpowers/contexts/ui-redesign/sf-2.md +44 -0
- package/stack-template/docs/superpowers/contexts/ui-redesign/sf-3.md +47 -0
- package/stack-template/docs/superpowers/contexts/ui-redesign/sf-4.md +44 -0
- package/stack-template/docs/superpowers/contexts/ui-redesign/sf-5.md +36 -0
- package/stack-template/docs/superpowers/designs/direction-approved.md +11 -0
- package/stack-template/docs/superpowers/designs/ui-redesign/drafts/a-roulette-soundviz.html +353 -0
- package/stack-template/docs/superpowers/designs/ui-redesign/drafts/b-reference.html +347 -0
- package/stack-template/docs/superpowers/designs/ui-redesign/drafts/c-designer.html +375 -0
- package/stack-template/docs/superpowers/designs/ui-redesign/ds-demo.html +140 -0
- package/stack-template/docs/superpowers/designs/ui-redesign-direction.md +93 -0
- package/stack-template/docs/superpowers/improvements-log.md +158 -0
- package/stack-template/docs/superpowers/mindmaps/auth-real.wakii +115 -0
- package/stack-template/docs/superpowers/mindmaps/kafka-outbox-saga.wakii +110 -0
- package/stack-template/docs/superpowers/mindmaps/micro-boilerplate.wakii +171 -0
- package/stack-template/docs/superpowers/mindmaps/ui-redesign.wakii +116 -0
- package/stack-template/docs/superpowers/mindmaps/vu53-cinematic-experience.wakii +32 -0
- package/stack-template/docs/superpowers/plans/2026-10-12-sf-1-contracts-platform-plan.md +44 -0
- package/stack-template/docs/superpowers/plans/2026-10-12-sf-3-spring-svc-impact.md +69 -0
- package/stack-template/docs/superpowers/plans/2026-10-12-sf-3-spring-svc-plan.md +27 -0
- package/stack-template/docs/superpowers/plans/2026-10-12-sf-4-go-svc-plan.md +99 -0
- package/stack-template/docs/superpowers/plans/2026-10-12-sf-5-fe-shell-plan.md +64 -0
- package/stack-template/docs/superpowers/plans/2026-10-12-sf-6-fe-remotes-plan.md +83 -0
- package/stack-template/docs/superpowers/plans/2026-10-12-sf-7-convergence-plan.md +59 -0
- package/stack-template/docs/superpowers/plans/2026-10-12-sf2-node-svc-plan.md +19 -0
- package/stack-template/docs/superpowers/plans/2026-10-13-sf-1-kafka-foundation-plan.md +30 -0
- package/stack-template/docs/superpowers/plans/2026-10-13-sf-1-ui-redesign-plan.md +28 -0
- package/stack-template/docs/superpowers/plans/2026-10-13-sf-2-node-outbox-plan.md +46 -0
- package/stack-template/docs/superpowers/plans/2026-10-13-sf-3-go-consumer-plan.md +31 -0
- package/stack-template/docs/superpowers/plans/2026-10-13-sf-4-spring-tx-plan.md +96 -0
- package/stack-template/docs/superpowers/plans/2026-10-13-sf-5-convergence-plan.md +21 -0
- package/stack-template/docs/superpowers/plans/2026-10-14-sf-2-ui-redesign-plan.md +32 -0
- package/stack-template/docs/superpowers/plans/2026-10-14-sf-3-ui-redesign-plan.md +34 -0
- package/stack-template/docs/superpowers/plans/2026-10-14-sf-5-ui-redesign-plan.md +35 -0
- package/stack-template/docs/superpowers/plans/2026-10-17-auth-real-plan.md +112 -0
- package/stack-template/docs/superpowers/plans/2026-10-17-ui-kit-split-plan.md +18 -0
- package/stack-template/docs/superpowers/reviews/2026-10-18-data-display-coverage.md +52 -0
- package/stack-template/docs/superpowers/reviews/code-reviewer-sf-5-r1.md +65 -0
- package/stack-template/docs/superpowers/reviews/security-audit-sf-5-auth-real.md +39 -0
- package/stack-template/docs/superpowers/specs/2026-10-12-boilerplate-microservice-mfe.md +110 -0
- package/stack-template/docs/superpowers/specs/2026-10-12-sf-3-spring-svc-design.md +160 -0
- package/stack-template/docs/superpowers/specs/2026-10-12-sf-7-convergence-spec.md +114 -0
- package/stack-template/docs/superpowers/specs/2026-10-12-sf2-node-svc-spec.md +42 -0
- package/stack-template/docs/superpowers/specs/2026-10-13-kafka-outbox-saga.md +111 -0
- package/stack-template/docs/superpowers/specs/2026-10-13-ui-redesign.md +173 -0
- package/stack-template/docs/superpowers/specs/2026-10-14-sf-3-ui-redesign.md +46 -0
- package/stack-template/docs/superpowers/specs/2026-10-14-sf-5-ui-redesign.md +30 -0
- package/stack-template/docs/superpowers/specs/2026-10-17-antd-look-tokens.md +28 -0
- package/stack-template/docs/superpowers/specs/2026-10-17-auth-real-design.md +124 -0
- package/stack-template/docs/superpowers/specs/2026-10-17-tailwind-migration.md +32 -0
- package/stack-template/docs/superpowers/specs/2026-10-17-ui-kit-split.md +44 -0
- package/stack-template/docs/superpowers/specs/2026-10-18-0.3.0-release-notes.md +77 -0
- package/stack-template/docs/toolchain.md +28 -0
- package/stack-template/docs/wakii-playbook.md +172 -0
- package/stack-template/docs/walkthrough.md +204 -0
- package/stack-template/orca.yaml +146 -0
- package/stack-template/package.json +19 -0
- package/stack-template/platform/.env.example +72 -0
- package/stack-template/platform/conventions/01-dockerfile-pattern.md +78 -0
- package/stack-template/platform/conventions/02-healthcheck.md +26 -0
- package/stack-template/platform/conventions/03-logging.md +41 -0
- package/stack-template/platform/conventions/04-error-envelope.md +41 -0
- package/stack-template/platform/conventions/05-ports.md +38 -0
- package/stack-template/platform/conventions/06-configuration.md +25 -0
- package/stack-template/platform/conventions/07-cors.md +23 -0
- package/stack-template/platform/conventions/08-gateway-and-remotes.md +33 -0
- package/stack-template/platform/conventions/09-async-messaging.md +42 -0
- package/stack-template/platform/conventions/README.md +15 -0
- package/stack-template/platform/docker-compose.yml +255 -0
- package/stack-template/platform/gateway/nginx/nginx.conf +137 -0
- package/stack-template/platform/postgres/init/01-init.sh +55 -0
- package/stack-template/pnpm-lock.yaml +15992 -0
- package/stack-template/pnpm-workspace.yaml +24 -0
- package/stack-template/scripts/scaffold/scaffold.sh +110 -0
- package/stack-template/scripts/smoke/e2e.sh +305 -0
- package/stack-template/scripts/snapshot-stack-template.sh +84 -0
- package/stack-template/services/auth-svc/.dockerignore +5 -0
- package/stack-template/services/auth-svc/Dockerfile +32 -0
- package/stack-template/services/auth-svc/README.md +101 -0
- package/stack-template/services/auth-svc/drizzle/0000_init.sql +25 -0
- package/stack-template/services/auth-svc/drizzle/meta/0000_snapshot.json +190 -0
- package/stack-template/services/auth-svc/drizzle/meta/_journal.json +13 -0
- package/stack-template/services/auth-svc/drizzle.config.ts +10 -0
- package/stack-template/services/auth-svc/package.json +35 -0
- package/stack-template/services/auth-svc/pnpm-lock.yaml +2425 -0
- package/stack-template/services/auth-svc/src/app.test.ts +403 -0
- package/stack-template/services/auth-svc/src/app.ts +103 -0
- package/stack-template/services/auth-svc/src/auth-crypto.test.ts +32 -0
- package/stack-template/services/auth-svc/src/auth-crypto.ts +25 -0
- package/stack-template/services/auth-svc/src/db/client.ts +24 -0
- package/stack-template/services/auth-svc/src/db/migrate.ts +72 -0
- package/stack-template/services/auth-svc/src/db/schema.ts +39 -0
- package/stack-template/services/auth-svc/src/db/seed.ts +60 -0
- package/stack-template/services/auth-svc/src/env.test.ts +55 -0
- package/stack-template/services/auth-svc/src/env.ts +57 -0
- package/stack-template/services/auth-svc/src/logger.ts +31 -0
- package/stack-template/services/auth-svc/src/plugins/auth.ts +70 -0
- package/stack-template/services/auth-svc/src/repo.drizzle.integration.test.ts +182 -0
- package/stack-template/services/auth-svc/src/repo.drizzle.ts +144 -0
- package/stack-template/services/auth-svc/src/repo.test-support.ts +168 -0
- package/stack-template/services/auth-svc/src/repo.ts +60 -0
- package/stack-template/services/auth-svc/src/routes/auth.ts +193 -0
- package/stack-template/services/auth-svc/src/routes/health.ts +40 -0
- package/stack-template/services/auth-svc/src/server.ts +54 -0
- package/stack-template/services/auth-svc/tsconfig.json +20 -0
- package/stack-template/services/go-svc/.dockerignore +5 -0
- package/stack-template/services/go-svc/Dockerfile +19 -0
- package/stack-template/services/go-svc/README.md +93 -0
- package/stack-template/services/go-svc/cmd/server/main.go +105 -0
- package/stack-template/services/go-svc/go.mod +12 -0
- package/stack-template/services/go-svc/internal/api/auth.go +83 -0
- package/stack-template/services/go-svc/internal/api/auth_test.go +92 -0
- package/stack-template/services/go-svc/internal/api/envelope.go +61 -0
- package/stack-template/services/go-svc/internal/api/envelope_test.go +51 -0
- package/stack-template/services/go-svc/internal/api/fakes_test.go +105 -0
- package/stack-template/services/go-svc/internal/api/feed.go +98 -0
- package/stack-template/services/go-svc/internal/api/feed_test.go +118 -0
- package/stack-template/services/go-svc/internal/api/health.go +34 -0
- package/stack-template/services/go-svc/internal/api/health_test.go +46 -0
- package/stack-template/services/go-svc/internal/api/json.go +13 -0
- package/stack-template/services/go-svc/internal/api/middleware.go +82 -0
- package/stack-template/services/go-svc/internal/api/middleware_test.go +48 -0
- package/stack-template/services/go-svc/internal/api/openapi/activity.yaml +196 -0
- package/stack-template/services/go-svc/internal/api/openapi.go +29 -0
- package/stack-template/services/go-svc/internal/api/openapi_test.go +38 -0
- package/stack-template/services/go-svc/internal/api/router.go +86 -0
- package/stack-template/services/go-svc/internal/api/stats.go +63 -0
- package/stack-template/services/go-svc/internal/api/stats_test.go +83 -0
- package/stack-template/services/go-svc/internal/api/types.go +32 -0
- package/stack-template/services/go-svc/internal/apperr/apperr.go +9 -0
- package/stack-template/services/go-svc/internal/config/config.go +115 -0
- package/stack-template/services/go-svc/internal/config/config_test.go +92 -0
- package/stack-template/services/go-svc/internal/consumer/envelope.go +78 -0
- package/stack-template/services/go-svc/internal/consumer/envelope_test.go +154 -0
- package/stack-template/services/go-svc/internal/consumer/handler.go +91 -0
- package/stack-template/services/go-svc/internal/consumer/handler_test.go +136 -0
- package/stack-template/services/go-svc/internal/consumer/producer.go +117 -0
- package/stack-template/services/go-svc/internal/consumer/runner.go +194 -0
- package/stack-template/services/go-svc/internal/consumer/runner_test.go +351 -0
- package/stack-template/services/go-svc/internal/logging/logging.go +49 -0
- package/stack-template/services/go-svc/internal/model/model.go +37 -0
- package/stack-template/services/go-svc/internal/resolve/resolver.go +134 -0
- package/stack-template/services/go-svc/internal/resolve/resolver_test.go +82 -0
- package/stack-template/services/go-svc/internal/resolve/token.go +130 -0
- package/stack-template/services/go-svc/internal/resolve/token_test.go +151 -0
- package/stack-template/services/go-svc/internal/store/events.go +71 -0
- package/stack-template/services/go-svc/internal/store/migrate.go +90 -0
- package/stack-template/services/go-svc/internal/store/migrate_test.go +34 -0
- package/stack-template/services/go-svc/internal/store/migrations/0001_create_events.sql +20 -0
- package/stack-template/services/go-svc/internal/store/migrations/0002_widen_action_cascade.sql +14 -0
- package/stack-template/services/go-svc/internal/store/store.go +65 -0
- package/stack-template/services/go-svc/internal/store/tasks.go +109 -0
- package/stack-template/services/go-svc/internal/swagger/assets/LICENSE +202 -0
- package/stack-template/services/go-svc/internal/swagger/assets/NOTICE +2 -0
- package/stack-template/services/go-svc/internal/swagger/assets/favicon-16x16.png +0 -0
- package/stack-template/services/go-svc/internal/swagger/assets/favicon-32x32.png +0 -0
- package/stack-template/services/go-svc/internal/swagger/assets/swagger-ui-bundle.js +2 -0
- package/stack-template/services/go-svc/internal/swagger/assets/swagger-ui.css +3 -0
- package/stack-template/services/go-svc/internal/swagger/index.html +28 -0
- package/stack-template/services/go-svc/internal/swagger/swagger.go +38 -0
- package/stack-template/services/go-svc/test/integration/integration_test.go +523 -0
- package/stack-template/services/node-svc/.dockerignore +5 -0
- package/stack-template/services/node-svc/Dockerfile +27 -0
- package/stack-template/services/node-svc/README.md +155 -0
- package/stack-template/services/node-svc/drizzle/0000_init.sql +17 -0
- package/stack-template/services/node-svc/drizzle/0001_status-assignment-failed.sql +2 -0
- package/stack-template/services/node-svc/drizzle/0002_outbox-table.sql +7 -0
- package/stack-template/services/node-svc/drizzle/meta/0000_snapshot.json +136 -0
- package/stack-template/services/node-svc/drizzle/meta/0001_snapshot.json +136 -0
- package/stack-template/services/node-svc/drizzle/meta/0002_snapshot.json +180 -0
- package/stack-template/services/node-svc/drizzle/meta/_journal.json +27 -0
- package/stack-template/services/node-svc/drizzle.config.ts +10 -0
- package/stack-template/services/node-svc/package.json +39 -0
- package/stack-template/services/node-svc/pnpm-lock.yaml +2706 -0
- package/stack-template/services/node-svc/src/app.test.ts +611 -0
- package/stack-template/services/node-svc/src/app.ts +126 -0
- package/stack-template/services/node-svc/src/clients/spring.ts +53 -0
- package/stack-template/services/node-svc/src/compensation-consumer.test.ts +157 -0
- package/stack-template/services/node-svc/src/compensation-consumer.ts +170 -0
- package/stack-template/services/node-svc/src/db/client.ts +23 -0
- package/stack-template/services/node-svc/src/db/migrate.ts +63 -0
- package/stack-template/services/node-svc/src/db/schema-diff.test.ts +252 -0
- package/stack-template/services/node-svc/src/db/schema.ts +64 -0
- package/stack-template/services/node-svc/src/env.ts +52 -0
- package/stack-template/services/node-svc/src/logger.ts +18 -0
- package/stack-template/services/node-svc/src/outbox-relay.test.ts +141 -0
- package/stack-template/services/node-svc/src/outbox-relay.ts +182 -0
- package/stack-template/services/node-svc/src/plugins/auth.ts +76 -0
- package/stack-template/services/node-svc/src/repo.drizzle.test.ts +182 -0
- package/stack-template/services/node-svc/src/repo.drizzle.ts +158 -0
- package/stack-template/services/node-svc/src/repo.ts +73 -0
- package/stack-template/services/node-svc/src/routes/health.ts +42 -0
- package/stack-template/services/node-svc/src/routes/tasks.ts +287 -0
- package/stack-template/services/node-svc/src/server.ts +91 -0
- package/stack-template/services/node-svc/src/types/api.d.ts +391 -0
- package/stack-template/services/node-svc/src/types/log.ts +3 -0
- package/stack-template/services/node-svc/tsconfig.json +20 -0
- package/stack-template/services/spring-svc/.dockerignore +5 -0
- package/stack-template/services/spring-svc/.mvn/wrapper/maven-wrapper.properties +20 -0
- package/stack-template/services/spring-svc/Dockerfile +22 -0
- package/stack-template/services/spring-svc/README.md +121 -0
- package/stack-template/services/spring-svc/mvnw +332 -0
- package/stack-template/services/spring-svc/mvnw.cmd +206 -0
- package/stack-template/services/spring-svc/pom.xml +144 -0
- package/stack-template/services/spring-svc/src/main/java/com/example/springsvc/SpringSvcApplication.java +12 -0
- package/stack-template/services/spring-svc/src/main/java/com/example/springsvc/domain/Team.java +64 -0
- package/stack-template/services/spring-svc/src/main/java/com/example/springsvc/domain/TeamRepository.java +34 -0
- package/stack-template/services/spring-svc/src/main/java/com/example/springsvc/domain/User.java +72 -0
- package/stack-template/services/spring-svc/src/main/java/com/example/springsvc/domain/UserRepository.java +10 -0
- package/stack-template/services/spring-svc/src/main/java/com/example/springsvc/logging/LowercaseLevelJsonProvider.java +24 -0
- package/stack-template/services/spring-svc/src/main/java/com/example/springsvc/security/JwtAuthFilter.java +89 -0
- package/stack-template/services/spring-svc/src/main/java/com/example/springsvc/security/JwtVerifier.java +48 -0
- package/stack-template/services/spring-svc/src/main/java/com/example/springsvc/service/TeamService.java +84 -0
- package/stack-template/services/spring-svc/src/main/java/com/example/springsvc/web/ApiError.java +15 -0
- package/stack-template/services/spring-svc/src/main/java/com/example/springsvc/web/ApiException.java +37 -0
- package/stack-template/services/spring-svc/src/main/java/com/example/springsvc/web/DevCorsConfig.java +41 -0
- package/stack-template/services/spring-svc/src/main/java/com/example/springsvc/web/ErrorEnvelope.java +27 -0
- package/stack-template/services/spring-svc/src/main/java/com/example/springsvc/web/GlobalExceptionHandler.java +90 -0
- package/stack-template/services/spring-svc/src/main/java/com/example/springsvc/web/HealthController.java +46 -0
- package/stack-template/services/spring-svc/src/main/java/com/example/springsvc/web/ReadinessService.java +40 -0
- package/stack-template/services/spring-svc/src/main/java/com/example/springsvc/web/TeamController.java +79 -0
- package/stack-template/services/spring-svc/src/main/java/com/example/springsvc/web/UserController.java +187 -0
- package/stack-template/services/spring-svc/src/main/java/db/migration/V2__SeedUsers.java +66 -0
- package/stack-template/services/spring-svc/src/main/resources/application.yml +42 -0
- package/stack-template/services/spring-svc/src/main/resources/db/migration/V1__init.sql +24 -0
- package/stack-template/services/spring-svc/src/main/resources/logback-spring.xml +34 -0
- package/stack-template/services/spring-svc/src/main/resources/openapi/users.yaml +345 -0
- package/stack-template/services/spring-svc/src/test/java/com/example/springsvc/logging/LogShapeTest.java +39 -0
- package/stack-template/services/spring-svc/src/test/java/com/example/springsvc/security/JwtAuthFilterTest.java +106 -0
- package/stack-template/services/spring-svc/src/test/java/com/example/springsvc/seed/SeedMatchIntegrationTest.java +68 -0
- package/stack-template/services/spring-svc/src/test/java/com/example/springsvc/service/TeamServiceRollbackTest.java +122 -0
- package/stack-template/services/spring-svc/src/test/java/com/example/springsvc/web/DevCorsTest.java +45 -0
- package/stack-template/services/spring-svc/src/test/java/com/example/springsvc/web/HealthCheckTest.java +56 -0
- package/stack-template/services/spring-svc/src/test/java/com/example/springsvc/web/TeamApiTest.java +139 -0
- package/stack-template/services/spring-svc/src/test/java/com/example/springsvc/web/TestPingController.java +21 -0
- package/stack-template/services/spring-svc/src/test/java/com/example/springsvc/web/UserApiTest.java +182 -0
- package/stack-template/stack-manifest.json +285 -0
|
@@ -0,0 +1,375 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html lang="vi">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8">
|
|
5
|
+
<title>Boilerplate — design board</title>
|
|
6
|
+
<style>
|
|
7
|
+
:root{
|
|
8
|
+
--paper:#EBE7DC; /* nền board */
|
|
9
|
+
--surface:#FFFFFF; /* mặt app */
|
|
10
|
+
--ink:#23221E; /* mực chính */
|
|
11
|
+
--ink2:#565247; /* mực phụ 6.9:1 trên trắng */
|
|
12
|
+
--ink3:#6E6A5E; /* mực cấp 3 5.3:1 trên trắng */
|
|
13
|
+
--hair:#E7E2D5; /* hairline trong mặt app */
|
|
14
|
+
--line:#C9C3B4; /* viền khung */
|
|
15
|
+
--red:#B3261E; --red-bg:#FBEAE7;
|
|
16
|
+
--amber:#8A5A10; --amber-bg:#FAF0DB;
|
|
17
|
+
--green:#2E6B3C; --green-bg:#E8F1E9;
|
|
18
|
+
--todo:#4E4A41; --todo-bg:#F1EEE6;
|
|
19
|
+
--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
|
|
20
|
+
}
|
|
21
|
+
*{box-sizing:border-box;margin:0;padding:0}
|
|
22
|
+
html,body{width:1440px;height:900px;overflow:hidden}
|
|
23
|
+
body{
|
|
24
|
+
font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
|
|
25
|
+
background:var(--paper); color:var(--ink);
|
|
26
|
+
-webkit-font-smoothing:antialiased; font-variant-numeric:tabular-nums;
|
|
27
|
+
}
|
|
28
|
+
.mono{font-family:var(--mono)}
|
|
29
|
+
|
|
30
|
+
/* ===== BOARD ===== */
|
|
31
|
+
.board{width:1440px;height:900px;padding:24px 48px 22px;display:flex;flex-direction:column}
|
|
32
|
+
.masthead{border-top:2px solid var(--ink);padding-top:8px;display:flex;justify-content:space-between;align-items:baseline}
|
|
33
|
+
.masthead .story{font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--ink2)}
|
|
34
|
+
.masthead .clock{font-family:var(--mono);font-size:12px;color:var(--ink3)}
|
|
35
|
+
.planes{display:grid;grid-template-columns:844px 468px;gap:32px;margin-top:14px;flex:1;min-height:0}
|
|
36
|
+
.side{display:flex;flex-direction:column;gap:16px}
|
|
37
|
+
.cap{height:16px;margin-bottom:6px;display:flex;align-items:baseline;gap:8px}
|
|
38
|
+
.cap .idx{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--ink)}
|
|
39
|
+
.cap .lbl{font-size:12px;letter-spacing:.12em;color:var(--ink2)}
|
|
40
|
+
.window{background:var(--surface);border:1px solid var(--line);border-radius:0}
|
|
41
|
+
|
|
42
|
+
/* ===== PLANE 1 · TASKS ===== */
|
|
43
|
+
.hero{height:774px;display:flex;flex-direction:column;overflow:hidden}
|
|
44
|
+
.topbar{height:48px;flex:0 0 48px;display:flex;align-items:center;gap:22px;padding:0 18px;border-bottom:1px solid var(--hair)}
|
|
45
|
+
.brand{display:flex;align-items:baseline;gap:10px}
|
|
46
|
+
.brand .wm{font-size:16px;font-weight:800;letter-spacing:-.01em}
|
|
47
|
+
.brand .arch{font-family:var(--mono);font-size:12px;color:var(--ink3);padding-left:10px;border-left:1px solid var(--line)}
|
|
48
|
+
.nav{display:flex;height:48px;margin-left:6px}
|
|
49
|
+
.nav a{display:flex;align-items:center;padding:0 12px;font-size:14px;color:var(--ink2);text-decoration:none}
|
|
50
|
+
.nav a.on{color:var(--ink);font-weight:600;box-shadow:inset 0 -2px 0 var(--ink)}
|
|
51
|
+
.topbar .spacer{flex:1}
|
|
52
|
+
.userchip{font-family:var(--mono);font-size:12px;color:var(--ink2);border:1px solid var(--line);padding:4px 10px;background:#FBFAF6}
|
|
53
|
+
.logout{font-size:14px;color:var(--ink2);text-decoration:underline;text-underline-offset:3px}
|
|
54
|
+
|
|
55
|
+
.page{padding:16px 18px 0;display:flex;flex-direction:column;flex:1;min-height:0}
|
|
56
|
+
.page-head{display:flex;align-items:baseline;justify-content:space-between}
|
|
57
|
+
h1{font-size:21px;font-weight:750;letter-spacing:-.01em}
|
|
58
|
+
.listmeta{font-family:var(--mono);font-size:12.5px;color:var(--ink3)}
|
|
59
|
+
|
|
60
|
+
/* form — “phiếu nhập” của sổ cái */
|
|
61
|
+
.newtask{border:1px solid var(--line);margin-top:12px;padding:12px 14px 13px;background:#FFFDF9}
|
|
62
|
+
.newtask .ftitle{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--ink3)}
|
|
63
|
+
.frow{display:flex;gap:12px;margin-top:8px}
|
|
64
|
+
.field{flex:1;min-width:0}
|
|
65
|
+
.field.n3{flex:3}.field.n2{flex:2}
|
|
66
|
+
.field label{display:block;font-size:12.5px;color:var(--ink2);margin-bottom:4px}
|
|
67
|
+
.field input{width:100%;height:32px;border:1px solid var(--line);border-radius:0;background:#FBFAF6;padding:0 10px;font-size:14px;color:var(--ink);font-family:inherit}
|
|
68
|
+
.field input.mono-in{font-family:var(--mono);font-size:13px}
|
|
69
|
+
.frow2{display:flex;justify-content:flex-end;margin-top:10px}
|
|
70
|
+
.btn-primary{height:32px;padding:0 18px;border:0;border-radius:0;background:var(--ink);color:#FBFAF7;font-size:14px;font-weight:600;font-family:inherit}
|
|
71
|
+
|
|
72
|
+
/* filter chips */
|
|
73
|
+
.filters{display:flex;gap:8px;margin-top:14px}
|
|
74
|
+
.chip{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 11px;border:1px solid var(--line);background:var(--surface);font-size:12.5px;color:var(--todo)}
|
|
75
|
+
.chip .sq{width:7px;height:7px;flex:0 0 7px}
|
|
76
|
+
.chip .n{font-family:var(--mono);font-size:12px;color:var(--ink2)}
|
|
77
|
+
|
|
78
|
+
/* sổ cái task */
|
|
79
|
+
.ledger{margin-top:12px;border-top:1px solid var(--line);flex:1;min-height:0;display:flex;flex-direction:column}
|
|
80
|
+
.thead,.task{display:grid;grid-template-columns:minmax(0,1fr) 128px 150px 128px;align-items:center}
|
|
81
|
+
.thead{height:26px;font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--ink3);border-bottom:1px solid var(--hair)}
|
|
82
|
+
.thead>div{padding:0 12px 0 14px}
|
|
83
|
+
.thead>div:first-child{padding-left:2px}
|
|
84
|
+
.task{padding:9px 0;border-bottom:1px solid var(--hair);flex:1;min-height:56px}
|
|
85
|
+
.task:last-of-type{border-bottom:0}
|
|
86
|
+
.t-main{min-width:0;padding-right:10px}
|
|
87
|
+
.t-title{font-size:14.5px;font-weight:650;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
|
|
88
|
+
.t-desc{font-size:14px;color:var(--ink2);line-height:1.35;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
|
|
89
|
+
.cell{border-left:1px solid var(--hair);padding:0 12px 0 14px;min-width:0}
|
|
90
|
+
.c-name{font-size:12.5px;color:var(--ink2);line-height:1.35}
|
|
91
|
+
.c-uuid{font-family:var(--mono);font-size:12px;color:var(--ink3);line-height:1.4}
|
|
92
|
+
.c-uuid.fail{color:var(--red)}
|
|
93
|
+
.c-time{font-family:var(--mono);font-size:12px;color:var(--ink2);white-space:nowrap}
|
|
94
|
+
.badge{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;font-size:12.5px;font-weight:600;border:1px solid;white-space:nowrap}
|
|
95
|
+
.badge .sq{width:7px;height:7px}
|
|
96
|
+
.b-todo{color:var(--todo);background:var(--todo-bg);border-color:#B8B2A4}
|
|
97
|
+
.b-doing{color:var(--amber);background:var(--amber-bg);border-color:#C99A45}
|
|
98
|
+
.b-done{color:var(--green);background:var(--green-bg);border-color:#7FA98A}
|
|
99
|
+
.b-fail{color:var(--red);background:var(--red-bg);border-color:#D8938D}
|
|
100
|
+
.sq-todo{background:#8F887A}.sq-doing{background:#A8740F}.sq-done{background:#3F7A50}.sq-fail{background:var(--red)}
|
|
101
|
+
|
|
102
|
+
.loadmore{margin:12px 0 16px}
|
|
103
|
+
.btn-ghost{width:100%;height:34px;border:1px solid var(--line);border-radius:0;background:var(--surface);color:var(--ink);font-size:14px;font-family:inherit}
|
|
104
|
+
.btn-ghost .n{font-family:var(--mono);font-size:12.5px;color:var(--ink2)}
|
|
105
|
+
|
|
106
|
+
/* ===== PLANE 2 · ACTIVITY ===== */
|
|
107
|
+
.act{height:458px;display:flex;flex-direction:column;padding:14px 18px 12px;overflow:hidden}
|
|
108
|
+
.act-head{display:flex;align-items:center;justify-content:space-between}
|
|
109
|
+
.act-head h2{font-size:18px;font-weight:750;letter-spacing:-.01em}
|
|
110
|
+
.btn-refresh{height:26px;padding:0 12px;border:1px solid var(--line);border-radius:0;background:var(--surface);font-size:13px;color:var(--ink2);font-family:inherit}
|
|
111
|
+
|
|
112
|
+
.stats{margin-top:8px}
|
|
113
|
+
.stat{display:flex;justify-content:space-between;align-items:baseline;padding:4.5px 0;border-bottom:1px solid var(--hair)}
|
|
114
|
+
.stat .k{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink2)}
|
|
115
|
+
.stat .k .sq{width:7px;height:7px;flex:0 0 7px}
|
|
116
|
+
.stat .k .sq.none{visibility:hidden}
|
|
117
|
+
.stat .v{font-size:17px;font-weight:700}
|
|
118
|
+
.bar{display:flex;gap:2px;height:6px;margin-top:10px}
|
|
119
|
+
.bar i{height:6px}
|
|
120
|
+
|
|
121
|
+
/* SIGNATURE — dải địa chấn sự kiện */
|
|
122
|
+
.ruler{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}
|
|
123
|
+
.ruler-head{display:flex;justify-content:space-between;align-items:baseline}
|
|
124
|
+
.ruler-head .l{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--ink3)}
|
|
125
|
+
.ruler-head .r{font-family:var(--mono);font-size:12px;color:var(--ink2)}
|
|
126
|
+
.strip{position:relative;height:54px;margin-top:2px}
|
|
127
|
+
.axis{position:absolute;left:0;right:0;bottom:16px;height:1px;background:var(--line)}
|
|
128
|
+
.tick{position:absolute;bottom:16px;width:1px;height:5px;background:var(--line)}
|
|
129
|
+
.tlab{position:absolute;bottom:0;font-family:var(--mono);font-size:12px;color:var(--ink3)}
|
|
130
|
+
.ev{position:absolute;bottom:16px;width:0}
|
|
131
|
+
.ev .stem{position:absolute;bottom:4px;left:-1px;width:2px;background:var(--ink)}
|
|
132
|
+
.ev .dot{position:absolute;bottom:-4px;left:-4.5px;width:9px;height:9px;border-radius:50%;background:var(--ink)}
|
|
133
|
+
.ev.bad .stem{background:var(--red)}
|
|
134
|
+
.ev.bad .dot{background:var(--red)}
|
|
135
|
+
.legend{display:flex;gap:16px;margin-top:2px}
|
|
136
|
+
.legend span{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink2)}
|
|
137
|
+
.legend .d{width:7px;height:7px;border-radius:50%}
|
|
138
|
+
|
|
139
|
+
/* feed */
|
|
140
|
+
.feed{margin-top:12px;border-top:1px solid var(--line);padding-top:6px;flex:1}
|
|
141
|
+
.fi{position:relative;padding:8px 0 8px 20px}
|
|
142
|
+
.fi::before{content:"";position:absolute;left:3px;top:14px;width:7px;height:7px;border-radius:50%;background:var(--ink)}
|
|
143
|
+
.fi.bad::before{background:var(--red)}
|
|
144
|
+
.fi{border-left:1px solid var(--hair);margin-left:3px}
|
|
145
|
+
.fi p{font-size:14px;line-height:1.45;color:var(--ink)}
|
|
146
|
+
.fi .who{font-weight:650}
|
|
147
|
+
.fi .t{font-family:var(--mono);font-size:12px;color:var(--ink3)}
|
|
148
|
+
.fi .fail{color:var(--red);font-weight:600}
|
|
149
|
+
|
|
150
|
+
/* ===== PLANE 3 · LOGIN ===== */
|
|
151
|
+
.login{height:288px;padding:20px 22px;display:flex;flex-direction:column}
|
|
152
|
+
.login .wm{font-size:24px;font-weight:800;letter-spacing:-.02em}
|
|
153
|
+
.login .sub{font-family:var(--mono);font-size:12px;color:var(--ink3);margin-top:2px}
|
|
154
|
+
.login .field{margin-top:11px}
|
|
155
|
+
.login .field label{display:block;font-size:12.5px;color:var(--ink2);margin-bottom:4px}
|
|
156
|
+
.login .field input{width:100%;height:34px;border:1px solid var(--line);border-radius:0;background:#FBFAF6;padding:0 10px;font-size:14px;color:var(--ink);font-family:var(--mono)}
|
|
157
|
+
.login .btn-primary{width:100%;height:36px;margin-top:14px;font-size:14.5px}
|
|
158
|
+
.hint{margin-top:12px;padding-top:9px;border-top:1px solid var(--hair);font-family:var(--mono);font-size:12px;color:var(--ink2)}
|
|
159
|
+
</style>
|
|
160
|
+
</head>
|
|
161
|
+
<body>
|
|
162
|
+
<div class="board">
|
|
163
|
+
|
|
164
|
+
<div class="masthead">
|
|
165
|
+
<div class="story">BOILERPLATE · CỬA SỔ VÀO MỘT HỆ THỐNG ĐANG SỐNG</div>
|
|
166
|
+
<div class="clock">13/10/2026 · 22:15 · GMT+7</div>
|
|
167
|
+
</div>
|
|
168
|
+
|
|
169
|
+
<div class="planes">
|
|
170
|
+
|
|
171
|
+
<!-- ============ 01 · TASKS ============ -->
|
|
172
|
+
<section>
|
|
173
|
+
<div class="cap"><span class="idx">01</span><span class="lbl">TASKS — MÀN CHÍNH</span></div>
|
|
174
|
+
<div class="window hero">
|
|
175
|
+
|
|
176
|
+
<div class="topbar">
|
|
177
|
+
<div class="brand">
|
|
178
|
+
<span class="wm">Boilerplate</span>
|
|
179
|
+
<span class="arch">3 microservices · kafka</span>
|
|
180
|
+
</div>
|
|
181
|
+
<nav class="nav">
|
|
182
|
+
<a href="#">Trang chủ</a>
|
|
183
|
+
<a href="#" class="on">Tasks</a>
|
|
184
|
+
<a href="#">Activity</a>
|
|
185
|
+
</nav>
|
|
186
|
+
<div class="spacer"></div>
|
|
187
|
+
<span class="userchip">alice@demo.local</span>
|
|
188
|
+
<a class="logout" href="#">Đăng xuất</a>
|
|
189
|
+
</div>
|
|
190
|
+
|
|
191
|
+
<div class="page">
|
|
192
|
+
<div class="page-head">
|
|
193
|
+
<h1>Tasks</h1>
|
|
194
|
+
<span class="listmeta">Danh sách (6/24)</span>
|
|
195
|
+
</div>
|
|
196
|
+
|
|
197
|
+
<div class="newtask">
|
|
198
|
+
<div class="ftitle">TASK MỚI</div>
|
|
199
|
+
<div class="frow">
|
|
200
|
+
<div class="field n3">
|
|
201
|
+
<label for="tt">Tiêu đề</label>
|
|
202
|
+
<input id="tt" type="text" placeholder="VD: Chuẩn bị demo khách hàng">
|
|
203
|
+
</div>
|
|
204
|
+
<div class="field n2">
|
|
205
|
+
<label for="tm">Mô tả</label>
|
|
206
|
+
<input id="tm" type="text" placeholder="Ngữ cảnh, tiêu chí nghiệm thu…">
|
|
207
|
+
</div>
|
|
208
|
+
</div>
|
|
209
|
+
<div class="frow2">
|
|
210
|
+
<button class="btn-primary">Tạo task</button>
|
|
211
|
+
</div>
|
|
212
|
+
</div>
|
|
213
|
+
|
|
214
|
+
<div class="filters">
|
|
215
|
+
<span class="chip"><i class="sq sq-todo"></i>Cần làm <span class="n">12</span></span>
|
|
216
|
+
<span class="chip"><i class="sq sq-doing"></i>Đang làm <span class="n">7</span></span>
|
|
217
|
+
<span class="chip"><i class="sq sq-done"></i>Xong <span class="n">5</span></span>
|
|
218
|
+
</div>
|
|
219
|
+
|
|
220
|
+
<div class="ledger">
|
|
221
|
+
<div class="thead">
|
|
222
|
+
<div>TASK</div><div>NGƯỜI NHẬN</div><div>THỜI GIAN</div><div>TRẠNG THÁI</div>
|
|
223
|
+
</div>
|
|
224
|
+
|
|
225
|
+
<div class="task">
|
|
226
|
+
<div class="t-main">
|
|
227
|
+
<div class="t-title">Chuẩn bị demo khách hàng</div>
|
|
228
|
+
<div class="t-desc">Walkthrough: tạo task → gateway → Kafka → feed</div>
|
|
229
|
+
</div>
|
|
230
|
+
<div class="cell"><div class="c-name">alice</div><div class="c-uuid">55555555-…</div></div>
|
|
231
|
+
<div class="cell c-time">13/10/2026 22:15</div>
|
|
232
|
+
<div class="cell"><span class="badge b-todo"><i class="sq sq-todo"></i>Cần làm</span></div>
|
|
233
|
+
</div>
|
|
234
|
+
|
|
235
|
+
<div class="task">
|
|
236
|
+
<div class="t-main">
|
|
237
|
+
<div class="t-title">Viết e2e smoke</div>
|
|
238
|
+
<div class="t-desc">Smoke test tạo task qua gateway tới feed</div>
|
|
239
|
+
</div>
|
|
240
|
+
<div class="cell"><div class="c-name">bob</div><div class="c-uuid">b0e17c44-…</div></div>
|
|
241
|
+
<div class="cell c-time">13/10/2026 22:09</div>
|
|
242
|
+
<div class="cell"><span class="badge b-doing"><i class="sq sq-doing"></i>Đang làm</span></div>
|
|
243
|
+
</div>
|
|
244
|
+
|
|
245
|
+
<div class="task">
|
|
246
|
+
<div class="t-main">
|
|
247
|
+
<div class="t-title">Deploy gateway</div>
|
|
248
|
+
<div class="t-desc">Rollout 1.4.2, gán on-call qua Kafka consumer</div>
|
|
249
|
+
</div>
|
|
250
|
+
<div class="cell"><div class="c-name">system</div><div class="c-uuid fail">chưa gán</div></div>
|
|
251
|
+
<div class="cell c-time">13/10/2026 21:58</div>
|
|
252
|
+
<div class="cell"><span class="badge b-fail"><i class="sq sq-fail"></i>Gán thất bại</span></div>
|
|
253
|
+
</div>
|
|
254
|
+
|
|
255
|
+
<div class="task">
|
|
256
|
+
<div class="t-main">
|
|
257
|
+
<div class="t-title">Viết migration schema</div>
|
|
258
|
+
<div class="t-desc">Thêm cột assignee_id, index cho activity feed</div>
|
|
259
|
+
</div>
|
|
260
|
+
<div class="cell"><div class="c-name">bob</div><div class="c-uuid">3f8a12d6-…</div></div>
|
|
261
|
+
<div class="cell c-time">13/10/2026 18:12</div>
|
|
262
|
+
<div class="cell"><span class="badge b-done"><i class="sq sq-done"></i>Xong</span></div>
|
|
263
|
+
</div>
|
|
264
|
+
|
|
265
|
+
<div class="task">
|
|
266
|
+
<div class="t-main">
|
|
267
|
+
<div class="t-title">Rà soát log gateway</div>
|
|
268
|
+
<div class="t-desc">Lọc lỗi 5xx 24h qua, tổng hợp cho retro</div>
|
|
269
|
+
</div>
|
|
270
|
+
<div class="cell"><div class="c-name">alice</div><div class="c-uuid">55555555-…</div></div>
|
|
271
|
+
<div class="cell c-time">13/10/2026 16:40</div>
|
|
272
|
+
<div class="cell"><span class="badge b-doing"><i class="sq sq-doing"></i>Đang làm</span></div>
|
|
273
|
+
</div>
|
|
274
|
+
|
|
275
|
+
<div class="task">
|
|
276
|
+
<div class="t-main">
|
|
277
|
+
<div class="t-title">Đấu nối Kafka consumer</div>
|
|
278
|
+
<div class="t-desc">Consumer tasks-feed, replay sự kiện gán thất bại</div>
|
|
279
|
+
</div>
|
|
280
|
+
<div class="cell"><div class="c-name">bob</div><div class="c-uuid">b0e17c44-…</div></div>
|
|
281
|
+
<div class="cell c-time">13/10/2026 14:05</div>
|
|
282
|
+
<div class="cell"><span class="badge b-todo"><i class="sq sq-todo"></i>Cần làm</span></div>
|
|
283
|
+
</div>
|
|
284
|
+
</div>
|
|
285
|
+
|
|
286
|
+
<div class="loadmore">
|
|
287
|
+
<button class="btn-ghost">Tải thêm <span class="n">18 task còn lại</span></button>
|
|
288
|
+
</div>
|
|
289
|
+
</div>
|
|
290
|
+
</div>
|
|
291
|
+
</section>
|
|
292
|
+
|
|
293
|
+
<div class="side">
|
|
294
|
+
|
|
295
|
+
<!-- ============ 02 · ACTIVITY ============ -->
|
|
296
|
+
<section>
|
|
297
|
+
<div class="cap"><span class="idx">02</span><span class="lbl">ACTIVITY — CỘT PHỤ</span></div>
|
|
298
|
+
<div class="window act">
|
|
299
|
+
<div class="act-head">
|
|
300
|
+
<h2>Activity</h2>
|
|
301
|
+
<button class="btn-refresh">Làm mới</button>
|
|
302
|
+
</div>
|
|
303
|
+
|
|
304
|
+
<div class="stats">
|
|
305
|
+
<div class="stat"><span class="k"><i class="sq none"></i>Tổng số task</span><span class="v">24</span></div>
|
|
306
|
+
<div class="stat"><span class="k"><i class="sq sq-todo"></i>Cần làm</span><span class="v">12</span></div>
|
|
307
|
+
<div class="stat"><span class="k"><i class="sq sq-doing"></i>Đang làm</span><span class="v">7</span></div>
|
|
308
|
+
<div class="stat"><span class="k"><i class="sq sq-done"></i>Xong</span><span class="v">5</span></div>
|
|
309
|
+
<div class="stat"><span class="k"><i class="sq none"></i>Sự kiện 24h qua</span><span class="v">18</span></div>
|
|
310
|
+
</div>
|
|
311
|
+
<div class="bar">
|
|
312
|
+
<i style="width:50%;background:#8F887A"></i>
|
|
313
|
+
<i style="width:29.17%;background:#A8740F"></i>
|
|
314
|
+
<i style="width:20.83%;background:#3F7A50"></i>
|
|
315
|
+
</div>
|
|
316
|
+
|
|
317
|
+
<div class="ruler">
|
|
318
|
+
<div class="ruler-head">
|
|
319
|
+
<span class="l">SỰ KIỆN GẦN NHẤT · 21:30 → 22:15</span>
|
|
320
|
+
<span class="r">18 / 24h qua</span>
|
|
321
|
+
</div>
|
|
322
|
+
<div class="strip">
|
|
323
|
+
<i class="axis"></i>
|
|
324
|
+
<i class="tick" style="left:0"></i><span class="tlab" style="left:0">21:30</span>
|
|
325
|
+
<i class="tick" style="left:33.33%"></i><span class="tlab" style="left:33.33%;transform:translateX(-50%)">21:45</span>
|
|
326
|
+
<i class="tick" style="left:66.67%"></i><span class="tlab" style="left:66.67%;transform:translateX(-50%)">22:00</span>
|
|
327
|
+
<i class="tick" style="right:0"></i><span class="tlab" style="right:0">22:15</span>
|
|
328
|
+
<span class="ev bad" style="left:62.2%"><i class="stem" style="height:16px"></i><i class="dot"></i></span>
|
|
329
|
+
<span class="ev" style="left:86.7%"><i class="stem" style="height:27px"></i><i class="dot"></i></span>
|
|
330
|
+
<span class="ev" style="left:98.6%"><i class="stem" style="height:21px"></i><i class="dot"></i></span>
|
|
331
|
+
</div>
|
|
332
|
+
<div class="legend">
|
|
333
|
+
<span><i class="d" style="background:#B3261E"></i>gán thất bại</span>
|
|
334
|
+
<span><i class="d" style="background:#23221E"></i>sự kiện</span>
|
|
335
|
+
</div>
|
|
336
|
+
</div>
|
|
337
|
+
|
|
338
|
+
<div class="feed">
|
|
339
|
+
<div class="fi">
|
|
340
|
+
<p><span class="who">alice</span> đã tạo task «Chuẩn bị demo khách hàng» <span class="t">· 22:15</span></p>
|
|
341
|
+
</div>
|
|
342
|
+
<div class="fi">
|
|
343
|
+
<p><span class="who">bob</span> được gán task «Viết e2e smoke» <span class="t">· 22:09</span></p>
|
|
344
|
+
</div>
|
|
345
|
+
<div class="fi bad">
|
|
346
|
+
<p><span class="who">system:</span> «Deploy gateway» <span class="fail">gán thất bại</span> <span class="t">· 21:58</span></p>
|
|
347
|
+
</div>
|
|
348
|
+
</div>
|
|
349
|
+
</div>
|
|
350
|
+
</section>
|
|
351
|
+
|
|
352
|
+
<!-- ============ 03 · ĐĂNG NHẬP ============ -->
|
|
353
|
+
<section>
|
|
354
|
+
<div class="cap"><span class="idx">03</span><span class="lbl">ĐĂNG NHẬP — CARD</span></div>
|
|
355
|
+
<div class="window login">
|
|
356
|
+
<div class="wm">Boilerplate</div>
|
|
357
|
+
<div class="sub">công cụ nội bộ</div>
|
|
358
|
+
<div class="field">
|
|
359
|
+
<label for="em">Email</label>
|
|
360
|
+
<input id="em" type="email" value="alice@demo.local">
|
|
361
|
+
</div>
|
|
362
|
+
<div class="field">
|
|
363
|
+
<label for="pw">Mật khẩu</label>
|
|
364
|
+
<input id="pw" type="password" value="demo-password">
|
|
365
|
+
</div>
|
|
366
|
+
<button class="btn-primary">Đăng nhập</button>
|
|
367
|
+
<div class="hint">alice@demo.local / demo-password</div>
|
|
368
|
+
</div>
|
|
369
|
+
</section>
|
|
370
|
+
|
|
371
|
+
</div>
|
|
372
|
+
</div>
|
|
373
|
+
</div>
|
|
374
|
+
</body>
|
|
375
|
+
</html>
|
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<!--
|
|
3
|
+
DEMO design-system sống — SF-1 story VU-53 (hướng B "Linear-referenced dark").
|
|
4
|
+
Mở trực tiếp bằng browser (file:// hoặc serve): tokens + base + primitives CSS
|
|
5
|
+
là FILE THẬT trong fe-shared (link tương đối) — demo luôn đồng bộ source of truth.
|
|
6
|
+
Markup dưới đây mirror ĐÚNG DOM các components render (tests
|
|
7
|
+
frontend/shell/tests/primitives.test.tsx assert classes):
|
|
8
|
+
Badge → <span class="bp-badge bp-badge--{variant}" role="status"><span class="bp-badge__dot"/>…</span>
|
|
9
|
+
EmptyState → <div class="bp-empty"><p class="bp-empty__title">…</p>[<p class="bp-empty__description">…</p>][<div class="bp-empty__action">…</div>]</div>
|
|
10
|
+
Skeleton → <div aria-busy="true"><div class="bp-skeleton bp-skeleton--{variant}"/>×count</div>
|
|
11
|
+
Spinner → <span class="bp-spinner" role="status" aria-label="…"/>
|
|
12
|
+
Visual chuẩn so sánh: b-reference.html/.png (cùng thư mục).
|
|
13
|
+
-->
|
|
14
|
+
<html lang="vi">
|
|
15
|
+
<head>
|
|
16
|
+
<meta charset="utf-8" />
|
|
17
|
+
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
18
|
+
<title>Boilerplate DS — demo primitives (SF-1)</title>
|
|
19
|
+
<link rel="stylesheet" href="../../../../frontend/shared/src/styles/tokens.css" />
|
|
20
|
+
<link rel="stylesheet" href="../../../../frontend/shared/src/styles/base.css" />
|
|
21
|
+
<style>
|
|
22
|
+
/* Page-scoped demo layout (KHÔNG phải design-system — chỉ bày primitives) */
|
|
23
|
+
main {
|
|
24
|
+
max-width: 1200px;
|
|
25
|
+
margin: 0 auto;
|
|
26
|
+
padding: var(--sp-5);
|
|
27
|
+
display: grid;
|
|
28
|
+
gap: var(--sp-5);
|
|
29
|
+
}
|
|
30
|
+
section {
|
|
31
|
+
background: var(--c-s2);
|
|
32
|
+
border: 1px solid var(--line);
|
|
33
|
+
border-radius: var(--r-3);
|
|
34
|
+
padding: var(--sp-5);
|
|
35
|
+
display: grid;
|
|
36
|
+
gap: var(--sp-3);
|
|
37
|
+
}
|
|
38
|
+
h2 {
|
|
39
|
+
color: var(--ink);
|
|
40
|
+
font-size: var(--fs-h1);
|
|
41
|
+
margin: 0;
|
|
42
|
+
}
|
|
43
|
+
.row {
|
|
44
|
+
align-items: center;
|
|
45
|
+
display: flex;
|
|
46
|
+
flex-wrap: wrap;
|
|
47
|
+
gap: var(--sp-2);
|
|
48
|
+
}
|
|
49
|
+
.meta {
|
|
50
|
+
color: var(--ink3);
|
|
51
|
+
font-size: var(--fs-meta);
|
|
52
|
+
}
|
|
53
|
+
.primary-btn {
|
|
54
|
+
background: var(--accent);
|
|
55
|
+
border: none;
|
|
56
|
+
border-radius: var(--r-2);
|
|
57
|
+
color: #fff;
|
|
58
|
+
padding: var(--sp-2) var(--sp-4);
|
|
59
|
+
}
|
|
60
|
+
</style>
|
|
61
|
+
</head>
|
|
62
|
+
<body>
|
|
63
|
+
<main>
|
|
64
|
+
<section>
|
|
65
|
+
<h2>Badge — task status</h2>
|
|
66
|
+
<div class="row">
|
|
67
|
+
<span class="bp-badge bp-badge--todo" role="status"><span class="bp-badge__dot" aria-hidden="true"></span>Cần làm</span>
|
|
68
|
+
<span class="bp-badge bp-badge--doing" role="status"><span class="bp-badge__dot" aria-hidden="true"></span>Đang làm</span>
|
|
69
|
+
<span class="bp-badge bp-badge--done" role="status"><span class="bp-badge__dot" aria-hidden="true"></span>Xong</span>
|
|
70
|
+
<span class="bp-badge bp-badge--failed" role="status"><span class="bp-badge__dot" aria-hidden="true"></span>Gán thất bại</span>
|
|
71
|
+
</div>
|
|
72
|
+
</section>
|
|
73
|
+
|
|
74
|
+
<section>
|
|
75
|
+
<h2>Badge — activity action</h2>
|
|
76
|
+
<div class="row">
|
|
77
|
+
<span class="bp-badge bp-badge--created" role="status"><span class="bp-badge__dot" aria-hidden="true"></span>đã tạo</span>
|
|
78
|
+
<span class="bp-badge bp-badge--updated" role="status"><span class="bp-badge__dot" aria-hidden="true"></span>đã cập nhật</span>
|
|
79
|
+
<span class="bp-badge bp-badge--assigned" role="status"><span class="bp-badge__dot" aria-hidden="true"></span>đã gán</span>
|
|
80
|
+
<span class="bp-badge bp-badge--deleted" role="status"><span class="bp-badge__dot" aria-hidden="true"></span>đã xoá</span>
|
|
81
|
+
<span class="bp-badge bp-badge--assignmentFailed" role="status"><span class="bp-badge__dot" aria-hidden="true"></span>gán thất bại</span>
|
|
82
|
+
</div>
|
|
83
|
+
</section>
|
|
84
|
+
|
|
85
|
+
<section>
|
|
86
|
+
<h2>Task row (hero pattern — hand-off §4)</h2>
|
|
87
|
+
<div class="row" style="background: var(--c-s3); border: 1px solid var(--line); border-radius: var(--r-2); padding: var(--sp-3)">
|
|
88
|
+
<span class="bp-badge bp-badge--doing" role="status"><span class="bp-badge__dot" aria-hidden="true"></span>Đang làm</span>
|
|
89
|
+
<div style="flex: 1; min-width: 0">
|
|
90
|
+
<div style="color: var(--ink); font-size: var(--fs-body)">Viết walkthrough SF-5</div>
|
|
91
|
+
<div style="color: var(--ink2); font-size: var(--fs-label); overflow: hidden; text-overflow: ellipsis; white-space: nowrap">
|
|
92
|
+
Chụp màn hình compose :8080, kiểm 8 acceptance epic
|
|
93
|
+
</div>
|
|
94
|
+
</div>
|
|
95
|
+
<span class="meta">5555…5555 · 14/10/2026 06:30</span>
|
|
96
|
+
<span class="bp-spinner" role="status" aria-label="Đang cập nhật task"></span>
|
|
97
|
+
</div>
|
|
98
|
+
</section>
|
|
99
|
+
|
|
100
|
+
<section>
|
|
101
|
+
<h2>Skeleton</h2>
|
|
102
|
+
<div style="display: grid; gap: var(--sp-2)" aria-busy="true">
|
|
103
|
+
<div class="bp-skeleton bp-skeleton--card" aria-hidden="true"></div>
|
|
104
|
+
<div class="bp-skeleton bp-skeleton--row" aria-hidden="true"></div>
|
|
105
|
+
<div class="bp-skeleton bp-skeleton--row" aria-hidden="true"></div>
|
|
106
|
+
<div class="bp-skeleton bp-skeleton--text" aria-hidden="true"></div>
|
|
107
|
+
</div>
|
|
108
|
+
</section>
|
|
109
|
+
|
|
110
|
+
<section>
|
|
111
|
+
<h2>EmptyState</h2>
|
|
112
|
+
<div class="bp-empty">
|
|
113
|
+
<p class="bp-empty__title">Chưa có activity nào</p>
|
|
114
|
+
<p class="bp-empty__description">Tạo task đầu tiên ở trang Tasks — feed sẽ phản ánh ở đây.</p>
|
|
115
|
+
<div class="bp-empty__action"><button class="primary-btn" type="button">Sang trang Tasks</button></div>
|
|
116
|
+
</div>
|
|
117
|
+
</section>
|
|
118
|
+
|
|
119
|
+
<section>
|
|
120
|
+
<h2>Error banner + form controls (base.css)</h2>
|
|
121
|
+
<p class="error-banner" role="alert">Dịch vụ xác thực người dùng (spring-svc) chưa sẵn sàng — thử lại sau.</p>
|
|
122
|
+
<div class="row">
|
|
123
|
+
<input placeholder="Tiêu đề task…" style="padding: var(--sp-2) var(--sp-3)" />
|
|
124
|
+
<select style="padding: var(--sp-2) var(--sp-3)">
|
|
125
|
+
<option>Cần làm</option>
|
|
126
|
+
<option>Đang làm</option>
|
|
127
|
+
<option>Xong</option>
|
|
128
|
+
</select>
|
|
129
|
+
<button class="primary-btn" type="button">Nút chính (accent)</button>
|
|
130
|
+
<button type="button">Nút phụ (ghost)</button>
|
|
131
|
+
</div>
|
|
132
|
+
</section>
|
|
133
|
+
|
|
134
|
+
<p class="meta">
|
|
135
|
+
Tokens: --c-canvas #010102 · --accent #5e6ad2 · radius 4/6/8 · KHÔNG box-shadow — depth =
|
|
136
|
+
surface ladder + viền 1px. Nguồn: hand-off ui-redesign-direction.md (user duyệt 2026-10-13).
|
|
137
|
+
</p>
|
|
138
|
+
</main>
|
|
139
|
+
</body>
|
|
140
|
+
</html>
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
# UI Redesign Direction — Hướng B "Linear-referenced dark" (VU-53)
|
|
2
|
+
|
|
3
|
+
> Source of truth thiết kế cho SF-1..SF-4. User chốt 2026-10-13 ("tôi chọn hướng B"). Visual chuẩn: `drafts/b-reference.html` (+ `.png` 1440×900). Gate record: `direction-approved.md`.
|
|
4
|
+
> Tham chiếu đã xác minh: Linear (linear.app/brand; DESIGN.md tokens: surface `#010102→#191a1b`, ink `#f7f8f8/#d0d6e0/#8a8f98`, line `#23252a`, accent `#5e6ad2`, radius 4/6/8, không bóng). **Chuyển dịch ngữ pháp thị giác, không copy thương hiệu** — không dùng logo/name Linear trong code.
|
|
5
|
+
|
|
6
|
+
## 1. Tokens (→ `frontend/shared/src/styles/tokens.css`)
|
|
7
|
+
|
|
8
|
+
```css
|
|
9
|
+
:root {
|
|
10
|
+
/* Bậc bề mặt (thay cho shadow: depth bằng surface, KHÔNG box-shadow) */
|
|
11
|
+
--c-canvas: #010102; /* nền ngoài cùng */
|
|
12
|
+
--c-s1: #0f1011; /* khối lớn (nav, sidebar) */
|
|
13
|
+
--c-s2: #141516; /* card / panel */
|
|
14
|
+
--c-s3: #18191a; /* row, input, hover surface */
|
|
15
|
+
/* Mực (text) */
|
|
16
|
+
--ink: #f7f8f8; /* chính — contrast vs #141516 ≈ 15:1 AA✓ */
|
|
17
|
+
--ink2: #d0d6e0; /* phụ (desc) — ≈ 10:1 AA✓ */
|
|
18
|
+
--ink3: #8a8f98; /* meta (uuid, time) — ≈ 4.6:1: CHỈ cho meta phụ ≥12px */
|
|
19
|
+
/* Viền */
|
|
20
|
+
--line: #23252a; /* 1px mặc định */
|
|
21
|
+
--line2: #2b2d33; /* hover/focus ring nền */
|
|
22
|
+
/* Accent duy nhất */
|
|
23
|
+
--accent: #5e6ad2; /* Florentine indigo — nút chính, nav active, avatar, timeline dot */
|
|
24
|
+
--accent-hi:#828fff; /* hover accent + focus-visible outline */
|
|
25
|
+
/* Trạng thái task */
|
|
26
|
+
--st-todo: #8a8f98; /* Cần làm */
|
|
27
|
+
--st-doing: #f2c94c; /* Đang làm */
|
|
28
|
+
--st-done: #3fb950; /* Xong */
|
|
29
|
+
--st-fail: #f06a6a; /* Gán thất bại + error */
|
|
30
|
+
/* Font stacks (CỨNG — 0 webfont) */
|
|
31
|
+
--f: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
32
|
+
--m: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;
|
|
33
|
+
/* Radius */
|
|
34
|
+
--r-1: 4px; /* chip nhỏ, input */
|
|
35
|
+
--r-2: 6px; /* button, pill */
|
|
36
|
+
--r-3: 8px; /* card, panel */
|
|
37
|
+
--r-pill: 9999px;
|
|
38
|
+
/* Spacing scale 4base */
|
|
39
|
+
--sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px;
|
|
40
|
+
/* Type scale */
|
|
41
|
+
--fs-meta: 12px; --fs-label: 13px; --fs-body: 14px; --fs-h2: 16px; --fs-h1: 18px;
|
|
42
|
+
}
|
|
43
|
+
```
|
|
44
|
+
|
|
45
|
+
Quy tắc phân cấp: **depth = surface ladder** (canvas→s1→s2→s3) + viền 1px `--line`; KHÔNG box-shadow. Accent `--accent` xuất hiện có kỷ luật: nút chính, nav-active underline/dot, avatar, dot timeline, focus ring — không rải.
|
|
46
|
+
|
|
47
|
+
## 2. Base (→ `base.css`, `@layer reset,base`, shell import LÀM CHỦ global)
|
|
48
|
+
|
|
49
|
+
Reset mỏng (box-sizing, margin 0) + element defaults: body (`--c-canvas`, `--ink`, `--f`, `--fs-body`, line-height 1.5), form control (input/select/textarea: nền `--c-s3`, viền `--line`, radius `--r-1`, `--fs-body`; focus-visible outline 2px `--accent-hi`), button (radius `--r-2`, cursor), `.error-banner` (viền `--st-fail` 1px + nền `#f06a6a`@10% + `role=alert` styling), `.skip-link`. Media queries: ≤768px (nav wrap, list 1 cột, stats grid 2 cột), ≥1024px layout đầy đủ.
|
|
50
|
+
|
|
51
|
+
## 3. Component spec + props API (→ `fe-shared/src/ui/` — SF-1 implement, mọi SF consume ĐÚNG shape)
|
|
52
|
+
|
|
53
|
+
```ts
|
|
54
|
+
// Badge.tsx — pill chấm-màu + nhãn; role="status"
|
|
55
|
+
type BadgeVariant =
|
|
56
|
+
| 'todo' | 'doing' | 'done' | 'failed' // task status (dot #8a8f98/#f2c94c/#3fb950/#f06a6a)
|
|
57
|
+
| 'created' | 'updated' | 'assigned' | 'deleted' | 'assignmentFailed' // activity action
|
|
58
|
+
interface BadgeProps { variant: BadgeVariant; children: ReactNode }
|
|
59
|
+
// Render: <span class="bp-badge bp-badge--{variant}" role="status"><span class="bp-badge__dot"/>{children}</span>
|
|
60
|
+
// CSS: nền surface theo variant ≤12% alpha của màu dot + dot 6px + chữ --ink2 12px/1.25 pill --r-pill
|
|
61
|
+
// Mapping activity: created=--accent, updated=--st-doing, assigned=--accent-hi, deleted=--ink3, assignmentFailed=--st-fail
|
|
62
|
+
|
|
63
|
+
// EmptyState.tsx — icon KHÔNG (không emoji); tiêu đề + mô tả + optional action
|
|
64
|
+
interface EmptyStateProps { title: string; description?: string; action?: ReactNode }
|
|
65
|
+
|
|
66
|
+
// Skeleton.tsx — khối nền #23252a pulse; aria-busy wrapper
|
|
67
|
+
interface SkeletonProps { variant: 'text' | 'row' | 'card'; count?: number }
|
|
68
|
+
// Shimmer: opacity .5→1 1.2s ease-in-out infinite; @media (prefers-reduced-motion: reduce) → tắt animation
|
|
69
|
+
|
|
70
|
+
// Spinner.tsx — vòng 14px viền 2px quay; dùng per-item busy
|
|
71
|
+
interface SpinnerProps { label: string } // aria-label bắt buộc
|
|
72
|
+
```
|
|
73
|
+
|
|
74
|
+
## 4. Layout patterns (SF-2/3/4 áp per surface)
|
|
75
|
+
|
|
76
|
+
- **App chrome (shell)**: nav nền `--c-s1` đáy viền `--line`; item active = chữ `--ink` + gạch `--accent` 2px dưới; inactive `--ink3`; phải: chip user (avatar 20px tròn nền `--accent`@15% chữ cái đầu + email `--fs-meta`) + nút Đăng xuất ghost. Main max-width 1200px padding `--sp-5`.
|
|
77
|
+
- **Task row (hero)**: pill status + title `--fs-body --ink` + desc `--fs-label --ink2` ellipsis 1 dòng; cột phải mono `--fs-meta --ink3`: uuid rút gọn / thời gian vi-VN; hover nền `--c-s3`; per-item busy = Spinner thay dot.
|
|
78
|
+
- **Stats card**: giá trị 18px `--ink` + nhãn 12px `--ink3`, nền `--c-s2` viền `--line` radius `--r-3`; grid auto-fit minmax(140px,1fr).
|
|
79
|
+
- **Timeline feed**: dot 6px theo action color + line dọc `--line`; entry: "«tên» {action label}" + time mono phải; nhóm theo ngày heading 12px `--ink3`.
|
|
80
|
+
- **Login card**: giữa màn hình, `--c-s2` radius `--r-3` viền `--line` padding `--sp-6`, wordmark "Boilerplate" 18px, nút chính nền `--accent` chữ trắng full-width.
|
|
81
|
+
|
|
82
|
+
## 5. Motion (tối giản)
|
|
83
|
+
|
|
84
|
+
Chỉ hover/focus transition 150ms ease; skeleton shimmer (§3); KHÔNG animation vào/ra trang. Mọi animation bọc `prefers-reduced-motion: reduce` → tắt.
|
|
85
|
+
|
|
86
|
+
## 6. Contrast đã kiểm (AA)
|
|
87
|
+
|
|
88
|
+
`--ink`/`--ink2` trên mọi surface ≥ 10:1 ✓; `--ink3` ≈ 4.6:1 — chỉ meta ≥12px; accent `#5e6ad2` trên `--c-canvas` ≈ 4.6:1 — dùng cho UI marker, KHÔNG dùng cho body text; nút accent chữ `#fff` ✓; benchmark cũ `#742a2a/#fed7d7` không còn dùng (palette thay hoàn toàn).
|
|
89
|
+
|
|
90
|
+
## 7. Archive
|
|
91
|
+
|
|
92
|
+
- Hướng A (Sound-Viz) giữ lại `drafts/a-roulette-soundviz.*` làm record — KHÔNG implement.
|
|
93
|
+
- Bản B là canonical: mọi quyết định visual tra `drafts/b-reference.html` trước, file này second.
|