aboutsummaryrefslogtreecommitdiff
path: root/apps
diff options
context:
space:
mode:
authorPauline <git@ethanlibs.co>2023-10-15 01:01:28 -0400
committerPauline <git@ethanlibs.co>2023-10-15 01:01:28 -0400
commit5b04166cd02bd7a7aa18e586fff75911d53011b6 (patch)
tree5d05b335d8cb9d99d93e538b3029ac12fdab2a16 /apps
parent2582162cea2b3a59cd21c78f8b73cb03d0acad40 (diff)
downloadNexus-5b04166cd02bd7a7aa18e586fff75911d53011b6.tar.gz
Nexus-5b04166cd02bd7a7aa18e586fff75911d53011b6.tar.bz2
Nexus-5b04166cd02bd7a7aa18e586fff75911d53011b6.zip
feature(storybook) init storybook framework
Diffstat (limited to 'apps')
-rw-r--r--apps/storybook/.storybook/main.ts34
-rw-r--r--apps/storybook/.storybook/preview-head.html3
-rw-r--r--apps/storybook/.storybook/preview.ts17
-rw-r--r--apps/storybook/index.html13
-rw-r--r--apps/storybook/package.json36
-rw-r--r--apps/storybook/postcss.config.js10
-rw-r--r--apps/storybook/public/vite.svg1
-rw-r--r--apps/storybook/tailwind.config.js2
-rw-r--r--apps/storybook/tsconfig.json19
9 files changed, 135 insertions, 0 deletions
diff --git a/apps/storybook/.storybook/main.ts b/apps/storybook/.storybook/main.ts
new file mode 100644
index 0000000..9a50fb5
--- /dev/null
+++ b/apps/storybook/.storybook/main.ts
@@ -0,0 +1,34 @@
+import type { StorybookConfig } from '@storybook/react-vite';
+
+const config: StorybookConfig = {
+ stories: [
+ {
+ directory: '../../../packages/ui/src/**',
+ titlePrefix: 'UI',
+ files: '*.stories.*'
+ },
+ {
+ directory: '../../../interface/app/**',
+ titlePrefix: 'Interface',
+ files: '*.stories.*'
+ }
+ ],
+ addons: [
+ '@storybook/addon-links',
+ '@storybook/addon-essentials',
+ '@storybook/addon-interactions',
+ '@storybook/addon-styling'
+ ],
+ framework: {
+ name: '@storybook/react-vite',
+ options: {}
+ },
+ docs: {
+ autodocs: 'tag'
+ },
+ core: {
+ disableTelemetry: true
+ }
+};
+
+export default config;
diff --git a/apps/storybook/.storybook/preview-head.html b/apps/storybook/.storybook/preview-head.html
new file mode 100644
index 0000000..b617b7b
--- /dev/null
+++ b/apps/storybook/.storybook/preview-head.html
@@ -0,0 +1,3 @@
+<script>
+ window.global = window;
+</script>
diff --git a/apps/storybook/.storybook/preview.ts b/apps/storybook/.storybook/preview.ts
new file mode 100644
index 0000000..1c3d344
--- /dev/null
+++ b/apps/storybook/.storybook/preview.ts
@@ -0,0 +1,17 @@
+import type { Preview } from '@storybook/react';
+
+import '@polyfrost/ui/style';
+
+const preview: Preview = {
+ parameters: {
+ actions: { argTypesRegex: '^on[A-Z].*' },
+ controls: {
+ matchers: {
+ color: /(background|color)$/i,
+ date: /Date$/
+ }
+ }
+ }
+};
+
+export default preview;
diff --git a/apps/storybook/index.html b/apps/storybook/index.html
new file mode 100644
index 0000000..abcdd48
--- /dev/null
+++ b/apps/storybook/index.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8" />
+ <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <title>Nexus Storybook</title>
+ </head>
+ <body>
+ <div id="root"></div>
+ <script type="module" src="/src/main.tsx"></script>
+ </body>
+</html>
diff --git a/apps/storybook/package.json b/apps/storybook/package.json
new file mode 100644
index 0000000..1282477
--- /dev/null
+++ b/apps/storybook/package.json
@@ -0,0 +1,36 @@
+{
+ "name": "@polyfrost/storybook",
+ "private": true,
+ "scripts": {
+ "dev": "storybook dev -p 6006 --no-open",
+ "build-storybook": "storybook build --no-open"
+ },
+ "dependencies": {
+ "@storybook/addon-essentials": "^7.4.6",
+ "@storybook/addon-interactions": "^7.4.6",
+ "@storybook/addon-links": "^7.4.6",
+ "@storybook/addon-styling": "^1.3.7",
+ "@storybook/blocks": "^7.4.6",
+ "@storybook/react": "^7.4.6",
+ "@storybook/react-vite": "^7.4.6",
+ "@storybook/testing-library": "^0.2.2",
+ "postcss-pseudo-companion-classes": "^0.1.1",
+ "sass": "^1.69.3",
+ "react": "^18.2.0",
+ "react-dom": "^18.2.0"
+ },
+ "devDependencies": {
+ "@polyfrost/config": "workspace:*",
+ "@polyfrost/ui": "workspace:*",
+ "@types/react": "^18.2.28",
+ "@types/react-dom": "^18.2.13",
+ "@vitejs/plugin-react": "^4.1.0",
+ "autoprefixer": "^10.4.16",
+ "postcss": "^8.4.31",
+ "prop-types": "^15.8.1",
+ "storybook": "^7.4.6",
+ "tailwindcss": "^3.3.3",
+ "typescript": "^5.2.2",
+ "vite": "^4.4.11"
+ }
+}
diff --git a/apps/storybook/postcss.config.js b/apps/storybook/postcss.config.js
new file mode 100644
index 0000000..de27714
--- /dev/null
+++ b/apps/storybook/postcss.config.js
@@ -0,0 +1,10 @@
+module.exports = {
+ plugins: {
+ 'tailwindcss': {},
+ 'autoprefixer': {},
+ 'postcss-pseudo-companion-classes': {
+ prefix: 'sb-pseudo--',
+ restrictTo: [':hover', ':focus']
+ }
+ }
+};
diff --git a/apps/storybook/public/vite.svg b/apps/storybook/public/vite.svg
new file mode 100644
index 0000000..ee9fada
--- /dev/null
+++ b/apps/storybook/public/vite.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
diff --git a/apps/storybook/tailwind.config.js b/apps/storybook/tailwind.config.js
new file mode 100644
index 0000000..595a567
--- /dev/null
+++ b/apps/storybook/tailwind.config.js
@@ -0,0 +1,2 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = require('@polyfrost/ui/tailwind')('web');
diff --git a/apps/storybook/tsconfig.json b/apps/storybook/tsconfig.json
new file mode 100644
index 0000000..da3cfcc
--- /dev/null
+++ b/apps/storybook/tsconfig.json
@@ -0,0 +1,19 @@
+{
+ "compilerOptions": {
+ "target": "ESNext",
+ "module": "ESNext",
+ "moduleResolution": "Node",
+ "lib": ["DOM", "DOM.Iterable", "ESNext"],
+ "useDefineForClassFields": true,
+ "allowJs": true,
+ "skipLibCheck": true,
+ "esModuleInterop": false,
+ "allowSyntheticDefaultImports": true,
+ "strict": true,
+ "forceConsistentCasingInFileNames": true,
+ "resolveJsonModule": true,
+ "isolatedModules": true,
+ "noEmit": true,
+ "jsx": "react-jsx"
+ }
+}
generated by cgit (git 2.46.0) at 2024-11-21 23:36:49 +0000