Merge pull request #53 from BKWLD/vite-build

Switch to Vite based build
BKWLD · Sep 30, 2024 · 14ac35f · 14ac35f
2 parents 8f285b8 + 29e050c
commit 14ac35f
Show file tree

Hide file tree

Showing 21 changed files with 1,143 additions and 38 deletions.
diff --git a/package.json b/package.json
@@ -11,6 +11,7 @@
   "scripts": {
     "build": "lerna run build",
     "test": "lerna run test --concurrency 1",
+    "typecheck": "lerna run typecheck",
     "prepare": "yarn build"
   },
   "dependencies": {},

diff --git a/packages/contentful/package.json b/packages/contentful/package.json
@@ -11,8 +11,9 @@
     "dist/**/*"
   ],
   "scripts": {
-    "build": "rm -rf dist/* && tsc",
-    "test": "cypress run --component"
+    "build": "vite build",
+    "test": "cypress run --component",
+    "typecheck": "tsc --noEmit"
   },
   "dependencies": {
     "@react-visual/react": "^1.1.0"
@@ -23,10 +24,14 @@
   "devDependencies": {
     "@types/react": "^18.2.18",
     "@types/react-dom": "^18.2.7",
+    "@vitejs/plugin-react": "^4.3.2",
     "cypress": "^13.13.3",
     "react": "^18",
     "react-dom": "^18.2.0",
-    "typescript": "^5.1.6"
+    "typescript": "^5.1.6",
+    "vite": "^5.4.8",
+    "vite-plugin-dts": "^4.2.3",
+    "vite-plugin-externalize-deps": "^0.8.0"
   },
   "publishConfig": {
     "access": "public"

diff --git a/packages/contentful/src/index.ts b/packages/contentful/src/index.ts
@@ -1,7 +1,7 @@
 import ContentfulVisual from './ContentfulVisual'
 
 export default ContentfulVisual
-export {
+export type {
   ContentfulVisualProps,
   ContentfulImageAsset,
   ContentfulAsset,

diff --git a/packages/contentful/tsconfig.json b/packages/contentful/tsconfig.json
@@ -1,5 +1,5 @@
 {
-  "extends": "../../tsconfig.build.json",
+  "extends": "../../tsconfig.shared.json",
   "compilerOptions": {
     "outDir": "./dist/"
   },

diff --git a/packages/contentful/vite.config.ts b/packages/contentful/vite.config.ts
@@ -0,0 +1,4 @@
+import { mergeConfig } from "vite";
+import sharedConfig from "../../vite.config.shared";
+
+export default mergeConfig(sharedConfig, {});
diff --git a/packages/next/package.json b/packages/next/package.json
@@ -11,8 +11,9 @@
     "dist/**/*"
   ],
   "scripts": {
-    "build": "rm -rf dist/* && tsc",
-    "test": "cypress run --component"
+    "build": "vite build",
+    "test": "cypress run --component",
+    "typecheck": "tsc --noEmit"
   },
   "dependencies": {
     "@react-visual/react": "^1.1.0"
@@ -24,11 +25,15 @@
   "devDependencies": {
     "@types/react": "^18.2.18",
     "@types/react-dom": "^18.2.7",
+    "@vitejs/plugin-react": "^4.3.2",
     "cypress": "^13.13.3",
     "next": "^14",
     "react": "^18",
     "react-dom": "^18.2.0",
-    "typescript": "^5.1.6"
+    "typescript": "^5.1.6",
+    "vite": "^5.4.8",
+    "vite-plugin-dts": "^4.2.3",
+    "vite-plugin-externalize-deps": "^0.8.0"
   },
   "publishConfig": {
     "access": "public"

diff --git a/packages/next/src/index.ts b/packages/next/src/index.ts
@@ -1,4 +1,4 @@
 import NextVisual from './NextVisual'
 
 export default NextVisual
-export { NextVisualProps } from './types/nextVisualTypes'
+export type { NextVisualProps } from './types/nextVisualTypes'
diff --git a/packages/next/tsconfig.json b/packages/next/tsconfig.json
@@ -1,5 +1,5 @@
 {
-  "extends": "../../tsconfig.build.json",
+  "extends": "../../tsconfig.shared.json",
   "compilerOptions": {
     "outDir": "./dist/"
   },

diff --git a/packages/next/vite.config.ts b/packages/next/vite.config.ts
@@ -0,0 +1,4 @@
+import { mergeConfig } from "vite";
+import sharedConfig from "../../vite.config.shared";
+
+export default mergeConfig(sharedConfig, {});
diff --git a/packages/react/package.json b/packages/react/package.json
@@ -11,8 +11,9 @@
     "dist/**/*"
   ],
   "scripts": {
-    "build": "rm -rf dist/* && tsc",
-    "test": "cypress run --component"
+    "build": "vite build",
+    "test": "cypress run --component",
+    "typecheck": "tsc --noEmit"
   },
   "dependencies": {
     "@react-hook/media-query": "^1.1.1",
@@ -24,10 +25,13 @@
   "devDependencies": {
     "@types/react": "^18.2.18",
     "@types/react-dom": "^18.2.7",
+    "@vitejs/plugin-react": "^4.3.2",
     "cypress": "^13.13.3",
     "react": "^18",
     "react-dom": "^18.2.0",
-    "typescript": "^5.1.6"
+    "typescript": "^5.1.6",
+    "vite": "^5.4.8",
+    "vite-plugin-dts": "^4.2.3"
   },
   "publishConfig": {
     "access": "public"

diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
@@ -5,7 +5,7 @@ import { collectDataAttributes } from './lib/attributes'
 
 export default ReactVisual
 export { LazyVideo, VisualWrapper, collectDataAttributes }
-export {
+export type {
   ReactVisualProps,
   ObjectFit,
   ObjectFitOption,

diff --git a/packages/react/tsconfig.json b/packages/react/tsconfig.json
@@ -1,5 +1,5 @@
 {
-  "extends": "../../tsconfig.build.json",
+  "extends": "../../tsconfig.shared.json",
   "compilerOptions": {
     "outDir": "./dist/"
   },

diff --git a/packages/react/vite.config.ts b/packages/react/vite.config.ts
@@ -0,0 +1,4 @@
+import { mergeConfig } from "vite";
+import sharedConfig from "../../vite.config.shared";
+
+export default mergeConfig(sharedConfig, {});
diff --git a/packages/sanity-next/package.json b/packages/sanity-next/package.json
@@ -11,8 +11,9 @@
     "dist/**/*"
   ],
   "scripts": {
-    "build": "rm -rf dist/* && tsc",
-    "test": "cypress run --component"
+    "build": "vite build",
+    "test": "cypress run --component",
+    "typecheck": "tsc --noEmit"
   },
   "dependencies": {
     "@react-visual/next": "^1.1.0",
@@ -26,11 +27,15 @@
   "devDependencies": {
     "@types/react": "^18.2.18",
     "@types/react-dom": "^18.2.7",
+    "@vitejs/plugin-react": "^4.3.2",
     "cypress": "^13.13.3",
     "next": "^14",
     "react": "^18",
     "react-dom": "^18.2.0",
-    "typescript": "^5.1.6"
+    "typescript": "^5.1.6",
+    "vite": "^5.4.8",
+    "vite-plugin-dts": "^4.2.3",
+    "vite-plugin-externalize-deps": "^0.8.0"
   },
   "publishConfig": {
     "access": "public"

diff --git a/packages/sanity-next/src/index.ts b/packages/sanity-next/src/index.ts
@@ -1,6 +1,6 @@
 import SanityNextVisual from './SanityNextVisual'
 
 export default SanityNextVisual
-export { SanityNextVisualProps } from './types/sanityNextVisualTypes'
-export { ObjectFitOption } from '@react-visual/react'
+export type { SanityNextVisualProps } from './types/sanityNextVisualTypes'
+export type { ObjectFitOption } from '@react-visual/react'
 export { makeImageUrl, makeImageBuilder, makeFileUrl } from './lib/urlBuilding'
diff --git a/packages/sanity-next/tsconfig.json b/packages/sanity-next/tsconfig.json
@@ -1,5 +1,5 @@
 {
-  "extends": "../../tsconfig.build.json",
+  "extends": "../../tsconfig.shared.json",
   "compilerOptions": {
     "outDir": "./dist/"
   },

diff --git a/packages/sanity-next/vite.config.ts b/packages/sanity-next/vite.config.ts
@@ -0,0 +1,4 @@
+import { mergeConfig } from "vite";
+import sharedConfig from "../../vite.config.shared";
+
+export default mergeConfig(sharedConfig, {});
diff --git a/tsconfig.json b/tsconfig.json
@@ -1,5 +1,5 @@
 {
-  "extends": "./tsconfig.build.json",
+  "extends": "./tsconfig.shared.json",
   "compilerOptions": {
     "baseUrl": "./"
   },

diff --git a/tsconfig.build.json → tsconfig.shared.json b/tsconfig.build.json → tsconfig.shared.json
@@ -2,8 +2,6 @@
   "compilerOptions": {
     "target": "es2022",
     "module": "es2022",
-    "declaration": true,
-    "outDir": "./dist",
     "strict": true,
     "jsx": "react-jsx",
 

diff --git a/vite.config.shared.ts b/vite.config.shared.ts
@@ -0,0 +1,18 @@
+import react from "@vitejs/plugin-react";
+import dts from "vite-plugin-dts";
+import { externalizeDeps } from "vite-plugin-externalize-deps";
+
+export default {
+  plugins: [
+    react(),
+    dts(),
+    externalizeDeps()
+  ],
+  build: {
+    lib: {
+      entry: "src/index.ts",
+      formats: ["es"], // Just export ES6 modules
+      fileName: 'index',
+    },
+  },
+} as const;