@genesislcap/vite-builder 14.139.1 → 14.140.0

package/dist/handlebars.d.ts

@@ -0,0 +1,3 @@
+import { Plugin } from 'vite';
+export declare const getHandlebarsModule: () => Promise<(...args: any) => Promise<Plugin>>;
+//# sourceMappingURL=handlebars.d.ts.map

package/dist/handlebars.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"handlebars.d.ts","sourceRoot":"","sources":["../src/handlebars.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAW9B,eAAO,MAAM,mBAAmB,0BACuC,GAAG,KAAK,QAAQ,MAAM,CAAC,CAAA,CAAC"}

package/dist/handlebars.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getHandlebarsModule = void 0;
+const tslib_1 = require("tslib");
+/**
+ * This is a glue layer to import the ESM modules into the commonjs plugin.
+ *
+ * 1. We want to use dynamic import function to import the esm module in.
+ * 2. `tsc` will transpile `import()` calls to `require()` calls for the tsconfig settings we need, which we do not want.
+ * 3. We use an obfuscated call to the `import()` function via the function constructor to work around this.
+ */
+const dynamicImport = new Function('specifier', 'return import(specifier)');
+const getHandlebarsModule = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () { return (yield dynamicImport('vite-plugin-handlebars')).default; });
+exports.getHandlebarsModule = getHandlebarsModule;

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAM3D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;8BAEwB,YAAY;AAAvC,wBA+IE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAM3D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;8BAEwB,YAAY;AAAvC,wBAiJE"}

package/dist/index.js

@@ -6,7 +6,7 @@ const node_path_1 = require("node:path");
 const build_kit_1 = require("@genesislcap/build-kit");
 const consola_1 = tslib_1.__importDefault(require("consola"));
 const vite_1 = require("vite");
-const vite_plugin_handlebars_1 = tslib_1.__importDefault(require("vite-plugin-handlebars"));
+const handlebars_1 = require("./handlebars");
 /**
  * There seems to be various documented issues using Vite in a monorepo setup that are impacted by various factors.
  *
@@ -35,9 +35,10 @@ exports.default = (ctx) => tslib_1.__awaiter(void 0, void 0, void 0, function* (
     var _a;
     const { config: { app: { rootElement }, env, http, }, dirs: { cwd }, cli: { isDev, isBuild, isAnalyze, options: { open }, }, pkg: { description }, resolve: { alias }, } = ctx;
     const define = (0, build_kit_1.resolveDefineConfig)(env, http, 'vite');
+    const handlebars = yield (0, handlebars_1.getHandlebarsModule)();
     const config = {
         plugins: [
-            (0, vite_plugin_handlebars_1.default)({
+            handlebars({
                 context: {
                     // Template is shared with Webpack HTML plugin, which expects the data structure below
                     htmlWebpackPlugin: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/vite-builder",
   "description": "Vite builder",
-  "version": "14.139.1",
+  "version": "14.140.0",
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -14,12 +14,12 @@
     "dev": "tsc -b ./tsconfig.json -w"
   },
   "dependencies": {
-    "@genesislcap/build-kit": "14.139.1",
+    "@genesislcap/build-kit": "14.140.0",
     "consola": "^3.0.2",
     "copyfiles": "^2.4.1",
     "tslib": "^2.3.1",
-    "vite": "^4.4.12",
-    "vite-plugin-handlebars": "^1.6.0"
+    "vite": "^4.5.2",
+    "vite-plugin-handlebars": "^2.0.0"
   },
   "devDependencies": {
     "rimraf": "^5.0.0",
@@ -33,5 +33,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "37c2db3914ae002405d21f0c8118727d92d0cc4b"
+  "gitHead": "219aed4b34d2df90cbf2003e9a4d84a8a627495e"
 }

package/src/handlebars.ts

@@ -0,0 +1,13 @@
+import { Plugin } from 'vite';
+
+/**
+ * This is a glue layer to import the ESM modules into the commonjs plugin.
+ *
+ * 1. We want to use dynamic import function to import the esm module in.
+ * 2. `tsc` will transpile `import()` calls to `require()` calls for the tsconfig settings we need, which we do not want.
+ * 3. We use an obfuscated call to the `import()` function via the function constructor to work around this.
+ */
+const dynamicImport = new Function('specifier', 'return import(specifier)');
+
+export const getHandlebarsModule = async () =>
+  (await dynamicImport('vite-plugin-handlebars')).default as (...args: any) => Promise<Plugin>;

package/src/index.ts

@@ -5,7 +5,7 @@ import type { BuildContext } from '@genesislcap/build-kit';
 import consola from 'consola';
 import { createServer } from 'vite';
 import type { UserConfig, Plugin } from 'vite';
-import handlebars from 'vite-plugin-handlebars';
+import { getHandlebarsModule } from './handlebars';
 
 /**
  * There seems to be various documented issues using Vite in a monorepo setup that are impacted by various factors.
@@ -52,6 +52,8 @@ export default async (ctx: BuildContext) => {
 
   const define = resolveDefineConfig(env, http, 'vite');
 
+  const handlebars = await getHandlebarsModule();
+
   const config: UserConfig = {
     plugins: [
       handlebars({