@forsakringskassan/vite-lib-config 3.2.1 → 3.4.0

package/README.md

@@ -84,7 +84,15 @@ Use `--help` to see full description.
 
 ### Dev-server
 
-Create `src/local.ts` exporting a single function `setup`:
+```json
+{
+    "scripts": {
+        "start": "vite"
+    }
+}
+```
+
+Create `src/local.{ts,mts,mjs,js}` exporting a single function `setup`:
 
 ```
 import { createApp } from "vue";
@@ -100,3 +108,20 @@ export function setup(options: SetupOptions): void {
 If the `setup` function is async (i.e. returns a `Promise`) it will be awaited before continuing.
 
 Create `src/vite-dev/app.vue` containing the root component you want to serve as a development environment.
+
+### Appending Plugins
+
+If you need to use custom plugins in your library, remember to also include the default plugins, these will otherwise by overwritten.
+
+#### `vite.config.ts`
+
+```ts
+import {
+    defineConfig,
+    defaultPlugins,
+} from "@forsakringskassan/vite-lib-config/vite";
+
+export default defineConfig({
+    plugins: [...defaultPlugins, myFancyPlugin],
+});
+```

package/assets/index.html

@@ -10,7 +10,7 @@
         <div id="app"></div>
 
         <script type="module">
-            import { setup } from "/src/local.ts";
+            import { setup } from "{{ entrypointLocal }}";
             import App from "{{ entrypoint }}";
 
             const selector = "#app";

package/dist/vite.config.cjs

@@ -336,7 +336,7 @@ var require_dist = __commonJS({
   "node_modules/@vitejs/plugin-vue/dist/index.cjs"(exports2, module2) {
     "use strict";
     Object.defineProperty(exports2, "__esModule", { value: true });
-    var fs4 = require("node:fs");
+    var fs5 = require("node:fs");
     var vite = require("vite");
     var vue = require("vue");
     var node_module = require("node:module");
@@ -348,7 +348,7 @@ var require_dist = __commonJS({
     function _interopDefaultCompat(e) {
       return e && typeof e === "object" && "default" in e ? e.default : e;
     }
-    var fs__default = /* @__PURE__ */ _interopDefaultCompat(fs4);
+    var fs__default = /* @__PURE__ */ _interopDefaultCompat(fs5);
     var path__default = /* @__PURE__ */ _interopDefaultCompat(path4);
     var crypto__default = /* @__PURE__ */ _interopDefaultCompat(crypto);
     var require$$0__default = /* @__PURE__ */ _interopDefaultCompat(require$$0);
@@ -4882,6 +4882,7 @@ var require_semver2 = __commonJS({
 var vite_config_exports = {};
 __export(vite_config_exports, {
   apimockPlugin: () => import_apimock_express2.vitePlugin,
+  defaultPlugins: () => defaultPlugins,
   defineConfig: () => defineConfig,
   vuePlugin: () => vuePlugin
 });
@@ -4949,6 +4950,21 @@ function customMappingPlugin() {
 // src/plugins/index-html-plugin.ts
 var import_promises = __toESM(require("node:fs/promises"));
 var import_node_path = __toESM(require("node:path"));
+
+// src/utils/lookupFile.ts
+var import_node_fs = __toESM(require("node:fs"));
+var extensions = ["ts", "mts", "mjs", "js"];
+function lookupFile(nameWithoutExtension) {
+  for (const extension of extensions) {
+    const fileName = `${nameWithoutExtension}.${extension}`;
+    if (import_node_fs.default.existsSync(fileName)) {
+      return fileName;
+    }
+  }
+  return `${nameWithoutExtension}.ts`;
+}
+
+// src/plugins/index-html-plugin.ts
 var templateFile = import_node_path.default.resolve(__dirname, "../assets/index.html");
 var VIRTUAL_ENTRYPOINT = "index.html";
 function isHtmlPage(url) {
@@ -4975,7 +4991,8 @@ function middleware(server) {
 }
 function indexHtmlPlugin() {
   const templateData = {
-    entrypoint: "/src/vite-dev/app.vue"
+    entrypoint: "/src/vite-dev/app.vue",
+    entrypointLocal: `/${lookupFile("src/local")}`
   };
   return {
     name: "fk:virtual-entrypoint",
@@ -9672,8 +9689,8 @@ var PathScurryBase = class {
    *
    * @internal
    */
-  constructor(cwd = process.cwd(), pathImpl, sep2, { nocase, childrenCacheSize = 16 * 1024, fs: fs4 = defaultFS } = {}) {
-    this.#fs = fsFromOption(fs4);
+  constructor(cwd = process.cwd(), pathImpl, sep2, { nocase, childrenCacheSize = 16 * 1024, fs: fs5 = defaultFS } = {}) {
+    this.#fs = fsFromOption(fs5);
     if (cwd instanceof URL || cwd.startsWith("file://")) {
       cwd = (0, import_node_url.fileURLToPath)(cwd);
     }
@@ -10231,8 +10248,8 @@ var PathScurryWin32 = class extends PathScurryBase {
   /**
    * @internal
    */
-  newRoot(fs4) {
-    return new PathWin32(this.rootPath, IFDIR, void 0, this.roots, this.nocase, this.childrenCache(), { fs: fs4 });
+  newRoot(fs5) {
+    return new PathWin32(this.rootPath, IFDIR, void 0, this.roots, this.nocase, this.childrenCache(), { fs: fs5 });
   }
   /**
    * Return true if the provided path string is an absolute path
@@ -10260,8 +10277,8 @@ var PathScurryPosix = class extends PathScurryBase {
   /**
    * @internal
    */
-  newRoot(fs4) {
-    return new PathPosix(this.rootPath, IFDIR, void 0, this.roots, this.nocase, this.childrenCache(), { fs: fs4 });
+  newRoot(fs5) {
+    return new PathPosix(this.rootPath, IFDIR, void 0, this.roots, this.nocase, this.childrenCache(), { fs: fs5 });
   }
   /**
    * Return true if the provided path string is an absolute path
@@ -11340,9 +11357,9 @@ var glob = Object.assign(glob_, {
 glob.glob = glob;
 
 // src/utils/read-json-file.ts
-var import_node_fs = __toESM(require("node:fs"));
+var import_node_fs2 = __toESM(require("node:fs"));
 function readJsonFile(filename) {
-  return JSON.parse(import_node_fs.default.readFileSync(filename, "utf-8"));
+  return JSON.parse(import_node_fs2.default.readFileSync(filename, "utf-8"));
 }
 
 // src/utils/detect-monorepo-packages.ts
@@ -11572,7 +11589,7 @@ var defaultConfig = {
     sourcemap: true,
     outDir: "dist/[custom-format]",
     lib: {
-      entry: "src/index.ts",
+      entry: lookupFile("src/index"),
       formats: ["es", "cjs"]
     },
     rollupOptions: {
@@ -11630,6 +11647,7 @@ function defineConfig(config) {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   apimockPlugin,
+  defaultPlugins,
   defineConfig,
   vuePlugin
 });

package/dist/vite.config.d.ts

@@ -5,6 +5,11 @@ import { UserConfig as UserConfig_2 } from 'vite';
 
 export { apimockPlugin }
 
+/**
+ * @public
+ */
+export declare const defaultPlugins: Plugin_2<any>[];
+
 /**
  * @public
  */

package/dist/vite.config.mjs

@@ -4925,8 +4925,23 @@ function customMappingPlugin() {
 }
 
 // src/plugins/index-html-plugin.ts
-import fs2 from "node:fs/promises";
+import fs3 from "node:fs/promises";
 import path2 from "node:path";
+
+// src/utils/lookupFile.ts
+import fs2 from "node:fs";
+var extensions = ["ts", "mts", "mjs", "js"];
+function lookupFile(nameWithoutExtension) {
+  for (const extension of extensions) {
+    const fileName = `${nameWithoutExtension}.${extension}`;
+    if (fs2.existsSync(fileName)) {
+      return fileName;
+    }
+  }
+  return `${nameWithoutExtension}.ts`;
+}
+
+// src/plugins/index-html-plugin.ts
 var templateFile = path2.resolve(__dirname, "../assets/index.html");
 var VIRTUAL_ENTRYPOINT = "index.html";
 function isHtmlPage(url) {
@@ -4953,7 +4968,8 @@ function middleware(server) {
 }
 function indexHtmlPlugin() {
   const templateData = {
-    entrypoint: "/src/vite-dev/app.vue"
+    entrypoint: "/src/vite-dev/app.vue",
+    entrypointLocal: `/${lookupFile("src/local")}`
   };
   return {
     name: "fk:virtual-entrypoint",
@@ -4977,7 +4993,7 @@ function indexHtmlPlugin() {
     transformIndexHtml: {
       order: "pre",
       async handler() {
-        const content = await fs2.readFile(templateFile, "utf-8");
+        const content = await fs3.readFile(templateFile, "utf-8");
         return content.replace(/{{([^}]+)}}/g, (match2, key) => {
           return templateData[key.trim()] ?? match2;
         });
@@ -5036,7 +5052,7 @@ function detectInternalDependencies(packages2, dependencies2) {
 }
 
 // src/utils/detect-monorepo-packages.ts
-import fs4 from "fs";
+import fs5 from "fs";
 import path4 from "node:path";
 
 // node_modules/glob/node_modules/minimatch/dist/esm/index.js
@@ -9650,8 +9666,8 @@ var PathScurryBase = class {
    *
    * @internal
    */
-  constructor(cwd = process.cwd(), pathImpl, sep2, { nocase, childrenCacheSize = 16 * 1024, fs: fs5 = defaultFS } = {}) {
-    this.#fs = fsFromOption(fs5);
+  constructor(cwd = process.cwd(), pathImpl, sep2, { nocase, childrenCacheSize = 16 * 1024, fs: fs6 = defaultFS } = {}) {
+    this.#fs = fsFromOption(fs6);
     if (cwd instanceof URL || cwd.startsWith("file://")) {
       cwd = fileURLToPath(cwd);
     }
@@ -10209,8 +10225,8 @@ var PathScurryWin32 = class extends PathScurryBase {
   /**
    * @internal
    */
-  newRoot(fs5) {
-    return new PathWin32(this.rootPath, IFDIR, void 0, this.roots, this.nocase, this.childrenCache(), { fs: fs5 });
+  newRoot(fs6) {
+    return new PathWin32(this.rootPath, IFDIR, void 0, this.roots, this.nocase, this.childrenCache(), { fs: fs6 });
   }
   /**
    * Return true if the provided path string is an absolute path
@@ -10238,8 +10254,8 @@ var PathScurryPosix = class extends PathScurryBase {
   /**
    * @internal
    */
-  newRoot(fs5) {
-    return new PathPosix(this.rootPath, IFDIR, void 0, this.roots, this.nocase, this.childrenCache(), { fs: fs5 });
+  newRoot(fs6) {
+    return new PathPosix(this.rootPath, IFDIR, void 0, this.roots, this.nocase, this.childrenCache(), { fs: fs6 });
   }
   /**
    * Return true if the provided path string is an absolute path
@@ -11318,15 +11334,15 @@ var glob = Object.assign(glob_, {
 glob.glob = glob;
 
 // src/utils/read-json-file.ts
-import fs3 from "node:fs";
+import fs4 from "node:fs";
 function readJsonFile(filename) {
-  return JSON.parse(fs3.readFileSync(filename, "utf-8"));
+  return JSON.parse(fs4.readFileSync(filename, "utf-8"));
 }
 
 // src/utils/detect-monorepo-packages.ts
 function detectMonorepoPackages(...pkgPaths) {
   for (const pkgPath of pkgPaths) {
-    if (!fs4.existsSync(pkgPath)) {
+    if (!fs5.existsSync(pkgPath)) {
       continue;
     }
     const rootDir = path4.dirname(pkgPath);
@@ -11552,7 +11568,7 @@ var defaultConfig = {
     sourcemap: true,
     outDir: "dist/[custom-format]",
     lib: {
-      entry: "src/index.ts",
+      entry: lookupFile("src/index"),
       formats: ["es", "cjs"]
     },
     rollupOptions: {
@@ -11609,6 +11625,7 @@ function defineConfig(config) {
 }
 export {
   vitePlugin as apimockPlugin,
+  defaultPlugins,
   defineConfig,
   vuePlugin2 as vuePlugin
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@forsakringskassan/vite-lib-config",
-  "version": "3.2.1",
+  "version": "3.4.0",
   "description": "Försäkringskassan toolchain to build libraries with Vite",
   "keywords": [
     "vite"