feat(builder): update template for new build process

Author: mmackz

apps/create-plugin/src/builder.ts

@@ -175,6 +175,13 @@ async function replaceProjectName(params: BuilderParams) {
   const indexTemplate = Handlebars.compile(index)
   await fs.writeFile(indexPath, indexTemplate(params))
   console.log(`\t ${arrow} Updated file ${cyan('index.ts')}!`)
+
+  //replace the project name in the vite config
+  const vitePath = path.join(dest, 'vite.config.js')
+  const vite = await fs.readFile(vitePath, 'utf8')
+  const viteTemplate = Handlebars.compile(vite)
+  await fs.writeFile(vitePath, viteTemplate(params))
+  console.log(`\t ${arrow} Updated file ${cyan('vite.config.js')}!`)
 }
 
 /**

apps/create-plugin/template/package.json

@@ -2,24 +2,21 @@
   "name": "@rabbitholegg/questdk-plugin-template",
   "private": true,
   "version": "1.0.0-alpha.13",
+  "description": "",
   "exports": {
     "require": "./dist/cjs/index.js",
     "import": "./dist/esm/index.js",
     "types": "./dist/types/index.d.ts"
   },
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
-  "description": "",
+  "types": "./dist/types/index.d.ts",
+  "typings": "./dist/types/index.d.ts",
   "scripts": {
+    "build": "vite build && tsc --project tsconfig.build.json --emitDeclarationOnly --declaration --declarationMap --declarationDir ./dist/types",
     "bench": "vitest bench",
     "bench:ci": "CI=true vitest bench",
-    "build": "pnpm build:types && pnpm build:esm && pnpm postbuild:esm && pnpm build:cjs && pnpm postbuild:cjs && BABEL_ENV=esmBundled pnpm rollup -c",
-    "build:esm": "BABEL_ENV=esmUnbundled babel src --extensions '.ts' --out-dir 'dist/esm' --source-maps",
-    "build:cjs": "BABEL_ENV=cjs babel src --extensions '.ts' --out-dir 'dist/cjs' --source-maps",
-    "build:types": "tsc --project tsconfig.build.json --module esnext --declarationDir ./dist/types --emitDeclarationOnly --declaration --declarationMap",
     "clean": "rimraf dist",
-    "postbuild:cjs": "echo '{\"type\":\"commonjs\"}' > dist/cjs/package.json",
-    "postbuild:esm": "echo '{\"type\":\"module\"}' > dist/esm/package.json",
     "format": "rome format . --write",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
@@ -31,8 +28,6 @@
   "keywords": [],
   "author": "",
   "license": "ISC",
-  "types": "./dist/types/index.d.ts",
-  "typings": "./dist/types/index.d.ts",
   "devDependencies": {},
   "dependencies": {
     "@rabbitholegg/questdk-plugin-utils": "workspace:*",

apps/create-plugin/template/vite.config.js

@@ -0,0 +1,19 @@
+/** @type {import('vite').UserConfig} */
+export default {
+  build: {
+    rollupOptions: {
+      external: [/@rabbitholegg/],
+    },
+    lib: {
+      entry: 'src/index.ts',
+      emptyOutDir: false,
+      name: 'QuestdkPlugin{{capitalize projectName}}',
+      fileName: (module, name) => {
+        const outPath = `${module === 'es' ? 'esm' : 'cjs'}/${
+          name.startsWith('index') ? 'index.js' : name + '/index.js'
+        }`
+        return outPath
+      },
+    },
+  },
+}