Fix Vercel Deployments (#503)

apps/landing/package.json

@@ -14,7 +14,6 @@
 		"@icons-pack/react-simple-icons": "^5.8.0",
 		"@sd/assets": "workspace:*",
 		"@sd/docs": "workspace:*",
-		"@sd/ui": "workspace:*",
 		"@tryghost/content-api": "^1.11.4",
 		"@vitejs/plugin-react": "^2.1.0",
 		"clsx": "^1.2.1",
@@ -40,6 +39,7 @@
 	},
 	"devDependencies": {
 		"@sd/config": "workspace:*",
+		"@sd/ui": "workspace:*",
 		"@tailwindcss/line-clamp": "^0.4.2",
 		"@tailwindcss/typography": "^0.5.7",
 		"@types/compression": "^1.7.2",
@@ -57,6 +57,7 @@
 		"sass": "^1.55.0",
 		"vite-plugin-esmodule": "^1.4.4",
 		"vite-plugin-markdown": "^2.1.0",
-		"vite-plugin-svgr": "^2.2.1"
+		"vite-plugin-svgr": "^2.2.1",
+		"vite-tsconfig-paths": "^3.5.2"
 	}
 }

apps/landing/vite.config.ts

@@ -8,7 +8,13 @@ import ssr from 'vite-plugin-ssr/plugin';
 import svg from 'vite-plugin-svgr';
 
 export default defineConfig({
-	plugins: [react(), ssr({ prerender: true }), svg(), md({ mode: [Mode.REACT] }), visualizer()],
+	plugins: [
+		react(),
+		ssr({ prerender: true }),
+		svg(),
+		md({ mode: [Mode.REACT] }),
+		visualizer()
+	],
 	resolve: {
 		alias: [
 			{

apps/web/package.json

@@ -18,6 +18,7 @@
 	},
 	"devDependencies": {
 		"@sd/config": "workspace:*",
+		"@sd/ui": "workspace:*",
 		"@types/react": "^18.0.21",
 		"@types/react-dom": "^18.0.6",
 		"@vitejs/plugin-react": "^2.1.0",

apps/web/tailwind.config.js

@@ -1 +1 @@
-module.exports = require('@sd/ui/tailwind')('web');
+module.exports = require('../../packages/ui/tailwind.config.js')('web');

apps/web/vite.config.ts

@@ -4,6 +4,7 @@ import { defineConfig } from 'vite';
 import { createHtmlPlugin } from 'vite-plugin-html';
 import svg from 'vite-plugin-svgr';
 import tsconfigPaths from 'vite-tsconfig-paths';
+import path from 'path';
 
 import { name, version } from './package.json';
 
@@ -24,6 +25,14 @@ export default defineConfig({
 			brotliSize: true
 		})
 	],
+	// resolve: {
+	//   alias: [
+	//     {
+	//       find: '@sd/',
+	//       replacement: path.join(__dirname, '../../packages/')
+	//     }
+	//   ]
+	// },
 	root: 'src',
 	define: {
 		pkgJson: { name, version }

packages/ui/tailwind.config.js

@@ -2,14 +2,4 @@
 // const plugin = require('tailwindcss/plugin');
 // const defaultTheme = require('tailwindcss/defaultTheme');
 
-module.exports = require('./style/tailwind')();
-
-module.exports = {
-    theme: {
-        extend: {
-            zIndex: {
-                '55': '55',
-            }
-        }
-    }
-}
+module.exports = require('./style/tailwind');

pnpm-lock.yaml

@@ -124,12 +124,12 @@ importers:
       vite-plugin-markdown: ^2.1.0
       vite-plugin-ssr: ^0.4.39
       vite-plugin-svgr: ^2.2.1
+      vite-tsconfig-paths: ^3.5.2
     dependencies:
       '@headlessui/react': 1.7.5_biqbaboplfbrettd7655fr4n2y
       '@icons-pack/react-simple-icons': 5.11.0_react@18.2.0
       '@sd/assets': link:../../packages/assets
       '@sd/docs': link:../../docs
-      '@sd/ui': link:../../packages/ui
       '@tryghost/content-api': 1.11.5
       '@vitejs/plugin-react': 2.2.0_vite@3.2.5
       clsx: 1.2.1
@@ -154,6 +154,7 @@ importers:
       vite-plugin-ssr: 0.4.57_vite@3.2.5
     devDependencies:
       '@sd/config': link:../../packages/config
+      '@sd/ui': link:../../packages/ui
       '@tailwindcss/line-clamp': 0.4.2
       '@tailwindcss/typography': 0.5.8
       '@types/compression': 1.7.2
@@ -172,6 +173,7 @@ importers:
       vite-plugin-esmodule: 1.4.4
       vite-plugin-markdown: 2.1.0_vite@3.2.5
       vite-plugin-svgr: 2.4.0_vite@3.2.5
+      vite-tsconfig-paths: 3.6.0_vite@3.2.5
 
   apps/mobile:
     specifiers:
@@ -286,6 +288,7 @@ importers:
       '@sd/client': workspace:*
       '@sd/config': workspace:*
       '@sd/interface': workspace:*
+      '@sd/ui': workspace:*
       '@tanstack/react-query': ^4.12.0
       '@types/react': ^18.0.21
       '@types/react-dom': ^18.0.6
@@ -310,6 +313,7 @@ importers:
       react-dom: 18.2.0_react@18.2.0
     devDependencies:
       '@sd/config': link:../../packages/config
+      '@sd/ui': link:../../packages/ui
       '@types/react': 18.0.26
       '@types/react-dom': 18.0.9
       '@vitejs/plugin-react': 2.2.0_vite@3.2.5
@@ -8055,7 +8059,7 @@ packages:
       '@babel/plugin-transform-react-jsx-source': 7.19.6_@babel+core@7.20.5
       magic-string: 0.26.7
       react-refresh: 0.14.0
-      vite: 3.2.5_sass@1.56.2
+      vite: 3.2.5_o2iixvyklpce477lkpnahelma4
     transitivePeerDependencies:
       - supports-color
 
@@ -20512,7 +20516,7 @@ packages:
     dependencies:
       '@rollup/pluginutils': 5.0.2
       '@svgr/core': 6.5.1
-      vite: 3.2.5_sass@1.56.2
+      vite: 3.2.5_o2iixvyklpce477lkpnahelma4
     transitivePeerDependencies:
       - rollup
       - supports-color
@@ -20527,7 +20531,7 @@ packages:
       globrex: 0.1.2
       recrawl-sync: 2.2.3
       tsconfig-paths: 4.1.1
-      vite: 3.2.5_sass@1.56.2
+      vite: 3.2.5_o2iixvyklpce477lkpnahelma4
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -20664,6 +20668,7 @@ packages:
       sass: 1.56.2
     optionalDependencies:
       fsevents: 2.3.2
+    dev: true
 
   /vlq/1.0.1:
     resolution: {integrity: sha512-gQpnTgkubC6hQgdIcRdYGDSDc+SaujOdyesZQMv6JlfQee/9Mp0Qhnys6WxDWvQnL5WZdT7o2Ul187aSt0Rq+w==}