fix(global): new directory structure

docs/repo/ARCHITECTURE.md

@@ -6,24 +6,26 @@ The repository setup and folder structure is heavily inspired by the turborepo [
 
 ## Folder Structure
 
-```bash
-apps/
-configs/
-docs/
-packages/
-...
-package.json
-pnpm-workspace.yaml
+```plaintext
+├── apps
+│   └── (Contains standalone applications / SPAs used to demo code in `packages`)
+│
+├── configs
+│   └── (Contains linters / configurations such as `eslint` / `tsconfig`)
+│
+├── docs
+│   └── (Contains documentation for this repo and various programming topics)
+│
+├── examples
+│   └── (Similar to `apps`; contains applications used to demo code in `templates`)
+│
+├── packages
+│   └── (Contains my personal utilities and tools published to `npm`)
+│
+└── templates
+    └── (Similar to `packages`; contains reusable setups published to `npm`)
 ```
 
-**`apps`** - Contains standalone applications / SPAs that can consume modules in `packages`
-
-**`configs`** - Contains linters / configurations such as `eslint` / `tsconfig` shared across the monorepo
-
-**`docs`** - Contains documentation for ui components and workspace documentation
-
-**`packages`** - Contains utilities and tools published to `npm` that are used across the monorepo
-
 ## Turborepo Differences
 
 - Tooling and configurations such as `eslint` and `tsconfig` are included in their own `config` folder. This is a personal preference to separate from the `packages` folder where reusable packages and utilities shared across projects are stored.

docs/ui/.storybook/main.js → examples/demo-ui-storybook/.storybook/main.js

@@ -36,7 +36,7 @@ const config = {
         alias: [
           {
             find: '@demo-ui',
-            replacement: path.resolve(__dirname, '../../../packages/ui'),
+            replacement: path.resolve(__dirname, '../../../templates/demo-ui'),
           },
         ],
       },

docs/ui/package.json → examples/demo-ui-storybook/package.json

@@ -9,7 +9,7 @@
     "test": "vitest run --coverage -u",
     "test:watch": "vitest --watch -u",
     "build": "storybook build",
-    "clean": "rimraf storybook-static",
+    "clean": "rimraf storybook-static coverage",
     "preview": "serve storybook-static"
   },
   "dependencies": {

apps/vite-project/tsconfig.json → examples/vite-project/tsconfig.json

@@ -5,8 +5,8 @@
   "exclude": ["node_modules", "dist"],
   "compilerOptions": {
     "paths": {
-      "@/*": ["../../packages/library/src/core/*"],
-      "@localTypes/*": ["../../packages/library/src/types/*"]
+      "@/*": ["../../templates/library/src/core/*"],
+      "@localTypes/*": ["../../templates/library/src/types/*"]
     }
   }
 }

apps/vite-project/vite.config.ts → examples/vite-project/vite.config.ts

@@ -11,11 +11,11 @@ export default defineConfig({
     alias: [
       {
         find: /^@\/(.*)$/,
-        replacement: `${path.resolve('../../packages/library')}/src/core/$1`,
+        replacement: `${path.resolve('../../templates/library')}/src/core/$1`,
       },
       {
         find: /^@localTypes\/(.*)$/,
-        replacement: `${path.resolve('../../packages/library')}/src/types/$1`,
+        replacement: `${path.resolve('../../templates/library')}/src/types/$1`,
       },
     ],
   },

lerna.json

@@ -1,6 +1,6 @@
 {
   "$schema": "node_modules/@lerna-lite/cli/schemas/lerna-schema.json",
-  "packages": ["apps/*", "configs/*", "docs/*", "packages/*"],
+  "packages": ["apps/*", "configs/*", "docs/*", "examples/*", "packages/*", "templates/*"],
   "npmClient": "pnpm",
   "loglevel": "verbose",
   "version": "independent",

lint-staged.config.cjs

@@ -1,8 +1,8 @@
 module.exports = {
   '*': ['secretlint', 'prettier --cache --write --ignore-unknown'],
-  '**/package.json': ['npx syncpack lint --config .syncpackrc', 'manypkg check'],
-  'packages/**/package.json': ['node ./publint.js', 'npx nx run-many -t lint:types'],
+  '{packages,templates}/**/package.json': ['npx syncpack lint --config .syncpackrc', 'manypkg check'],
+  '{packages,templates}/**/package.json': ['node ./publint.js', 'npx nx run-many -t lint:types'],
   '*.{cjs,js,jsx,ts,tsx}': ['nx affected -t lint --fix --files'],
   '*.{ts,tsx}': ['nx affected -t test --files'],
-  'packages/**/*.{ts,tsx}': ['npx nx run-many -t lint:knip'],
+  '{packages,templates}/**/*.{ts,tsx}': ['npx nx run-many -t lint:knip'],
 };