chore(architecture): shift the architecture to monorepo (#236)

Tap30 · Nov 2, 2024 · 0b7d37e · 0b7d37e
1 parent b9f8692
commit 0b7d37e
Show file tree

Hide file tree

Showing 222 changed files with 4,613 additions and 11,681 deletions.
diff --git a/.storybook/DocTemplate.mdx b/.storybook/DocTemplate.mdx
diff --git a/.storybook/main.ts b/.storybook/main.ts
diff --git a/.storybook/manager.ts b/.storybook/manager.ts
diff --git a/.storybook/preview.ts b/.storybook/preview.ts
diff --git a/.storybook/theme.ts b/.storybook/theme.ts
diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
@@ -1,8 +1,8 @@
-import DefaultTheme from 'vitepress/theme'
-import './custom.css'
-import '../../components'
-import '../../../styles/theme.css'
+import DefaultTheme from "vitepress/theme";
+import "../../../packages/theme/src/index.css";
+import "../../components";
+import "./custom.css";
 
 export default {
   extends: DefaultTheme,
-}
+};
diff --git a/docs/Introduction.mdx b/docs/Introduction.mdx
diff --git a/docs/dev/components/[component].md b/docs/dev/components/[component].md
@@ -5,47 +5,47 @@ outline: 'deep'
 ---
 
 <script>
-import '../../../src/avatar';
-import '../../../src/badge';
-import '../../../src/badge-wrapper';
-import '../../../src/banner';
-import '../../../src/base-button';
-import '../../../src/bottom-navigation';
-import '../../../src/nps';
-import '../../../src/bottom-navigation-item';
-import '../../../src/bottom-sheet';
-import '../../../src/base-button';
-import '../../../src/button';
-import '../../../src/chat-bubble';
-import '../../../src/checkbox';
-import '../../../src/divider';
-import '../../../src/icon-button';
-import '../../../src/input';
-import '../../../src/modal';
-import '../../../src/notice';
-import '../../../src/pinwheel';
-import '../../../src/pinwheel-group';
-import '../../../src/progress-indicator';
-import '../../../src/radio';
-import '../../../src/radio-group';
-import '../../../src/route';
-import '../../../src/row';
-import '../../../src/segmented-button';
-import '../../../src/segmented-button-group';
-import '../../../src/chip';
-import '../../../src/chip-group';
-import '../../../src/skeleton';
-import '../../../src/spinner';
-import '../../../src/step-indicator';
-import '../../../src/stepper';
-import '../../../src/switch';
-import '../../../src/text-field';
-import '../../../src/textarea';
-import '../../../src/toast';
-import '../../../src/tooltip';
-import '../../../src/empty-state';
-import '../../../src/button';
-import '../../../styles/theme.css';
+import '../../../packages/web-components/src/avatar';
+import '../../../packages/web-components/src/badge';
+import '../../../packages/web-components/src/badge-wrapper';
+import '../../../packages/web-components/src/banner';
+import '../../../packages/web-components/src/base-button';
+import '../../../packages/web-components/src/bottom-navigation';
+import '../../../packages/web-components/src/nps';
+import '../../../packages/web-components/src/bottom-navigation-item';
+import '../../../packages/web-components/src/bottom-sheet';
+import '../../../packages/web-components/src/base-button';
+import '../../../packages/web-components/src/button';
+import '../../../packages/web-components/src/chat-bubble';
+import '../../../packages/web-components/src/checkbox';
+import '../../../packages/web-components/src/divider';
+import '../../../packages/web-components/src/icon-button';
+import '../../../packages/web-components/src/input';
+import '../../../packages/web-components/src/modal';
+import '../../../packages/web-components/src/notice';
+import '../../../packages/web-components/src/pinwheel';
+import '../../../packages/web-components/src/pinwheel-group';
+import '../../../packages/web-components/src/progress-indicator';
+import '../../../packages/web-components/src/radio';
+import '../../../packages/web-components/src/radio-group';
+import '../../../packages/web-components/src/route';
+import '../../../packages/web-components/src/row';
+import '../../../packages/web-components/src/segmented-button';
+import '../../../packages/web-components/src/segmented-button-group';
+import '../../../packages/web-components/src/chip';
+import '../../../packages/web-components/src/chip-group';
+import '../../../packages/web-components/src/skeleton';
+import '../../../packages/web-components/src/spinner';
+import '../../../packages/web-components/src/step-indicator';
+import '../../../packages/web-components/src/stepper';
+import '../../../packages/web-components/src/switch';
+import '../../../packages/web-components/src/text-field';
+import '../../../packages/web-components/src/textarea';
+import '../../../packages/web-components/src/toast';
+import '../../../packages/web-components/src/tooltip';
+import '../../../packages/web-components/src/empty-state';
+import '../../../packages/web-components/src/button';
+import '../../../packages/theme/src/index.css';
 import '@tapsioss/icons/dist/icons';
 import "cemnama"
 

diff --git a/docs/dev/references/[reference].md b/docs/dev/references/[reference].md
@@ -2,7 +2,7 @@
 outline: 'deep'
 ---
 <script>
-import '../../../tokens/colors.css';
-import '../../../tokens/pallete.css';
+import '../../../packages/theme/src/tokens/colors.css';
+import '../../../packages/theme/src/tokens/palette.css';
 </script>
 <!-- @content -->
diff --git a/docs/utils/getColorTokensReferenceContent.ts b/docs/utils/getColorTokensReferenceContent.ts
@@ -1,7 +1,19 @@
-import fs from "node:fs";
+import * as fs from "node:fs";
+import * as path from "node:path";
+import { fileURLToPath } from "node:url";
 
-const colorsFile = fs.readFileSync("tokens/colors.css");
-const paletteFile = fs.readFileSync("tokens/pallete.css");
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const workspaceDir = path.resolve(__dirname, "../..");
+
+const colorsFile = fs.readFileSync(
+  path.resolve(workspaceDir, "packages/theme/src/tokens/colors.css"),
+);
+
+const paletteFile = fs.readFileSync(
+  path.resolve(workspaceDir, "packages/theme/src/tokens/palette.css"),
+);
 
 const getColorTokensReferenceContent = () => {
   let content = "";

diff --git a/docs/utils/getComponentsTokensReferenceContent.ts b/docs/utils/getComponentsTokensReferenceContent.ts
@@ -1,5 +1,5 @@
 import type { CustomElement, Package } from "custom-elements-manifest";
-import fs from "node:fs";
+import * as fs from "node:fs";
 
 const file = fs.readFileSync("dist/custom-elements.json");
 const manifest = JSON.parse(file.toString()) as Package;

diff --git a/docs/utils/getRadiusTokensReferenceContent.ts b/docs/utils/getRadiusTokensReferenceContent.ts
@@ -1,6 +1,15 @@
-import fs from "node:fs";
+import * as fs from "node:fs";
+import * as path from "node:path";
+import { fileURLToPath } from "node:url";
 
-const radiusFile = fs.readFileSync("tokens/radius.css");
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const workspaceDir = path.resolve(__dirname, "../..");
+
+const radiusFile = fs.readFileSync(
+  path.resolve(workspaceDir, "packages/theme/src/tokens/radius.css"),
+);
 
 const getRadiusTokensReferenceContent = () => {
   let content = "";

diff --git a/docs/utils/getSpacingTokensReferenceContent.ts b/docs/utils/getSpacingTokensReferenceContent.ts
@@ -1,6 +1,15 @@
-import fs from "node:fs";
+import * as fs from "node:fs";
+import * as path from "node:path";
+import { fileURLToPath } from "node:url";
 
-const spacingFile = fs.readFileSync("tokens/spacing.css");
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const workspaceDir = path.resolve(__dirname, "../..");
+
+const spacingFile = fs.readFileSync(
+  path.resolve(workspaceDir, "packages/theme/src/tokens/spacing.css"),
+);
 
 const getSpacingTokensReferenceContent = () => {
   let content = "";

diff --git a/docs/utils/getStrokeTokensReferenceContent.ts b/docs/utils/getStrokeTokensReferenceContent.ts
@@ -1,6 +1,15 @@
-import fs from "node:fs";
+import * as fs from "node:fs";
+import * as path from "node:path";
+import { fileURLToPath } from "node:url";
 
-const strokeFile = fs.readFileSync("tokens/stroke.css");
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const workspaceDir = path.resolve(__dirname, "../..");
+
+const strokeFile = fs.readFileSync(
+  path.resolve(workspaceDir, "packages/theme/src/tokens/strokes.css"),
+);
 
 const getStrokeTokensReferenceContent = () => {
   let content = "";

diff --git a/docs/utils/getTypographyTokensReferenceContent.ts b/docs/utils/getTypographyTokensReferenceContent.ts
@@ -1,6 +1,15 @@
-import fs from "node:fs";
+import * as fs from "node:fs";
+import * as path from "node:path";
+import { fileURLToPath } from "node:url";
 
-const typographyFile = fs.readFileSync("tokens/typography.css");
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const workspaceDir = path.resolve(__dirname, "../..");
+
+const typographyFile = fs.readFileSync(
+  path.resolve(workspaceDir, "packages/theme/src/tokens/colors.css"),
+);
 
 const getTypographyTokensReferenceContent = () => {
   let content = "";

diff --git a/index.html b/index.html
@@ -7,12 +7,21 @@
       content="width=device-width, initial-scale=1.0"
     />
     <link
+      rel="preconnect"
+      href="https://fonts.googleapis.com"
+    />
+    <link
+      rel="preconnect"
+      href="https://fonts.gstatic.com"
+      crossorigin
+    />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Vazirmatn:[email protected]&display=swap"
       rel="stylesheet"
-      href="./styles/font.css"
     />
     <link
       rel="stylesheet"
-      href="./styles/theme.css"
+      href="./packages/theme/src/index.css"
     />
   </head>
   <body dir="rtl">