Fix file extension to allow importing version file from both node and…

… vite

build/build.lib.js → build/build.lib.mjs

@@ -1,5 +1,5 @@
-const { build } = require("vite");
-const getLibConfig = require("./vite.config.lib.provider");
+import { build } from "vite";
+import getLibConfig from "./vite.config.lib.provider.mjs";
 
 const entries = [
   "UiAlert",

build/options.mjs

@@ -0,0 +1,39 @@
+import { join, dirname } from "path";
+import { fileURLToPath } from 'url';
+
+import version from "./version.mjs";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+const banner =
+  "/*!\n" +
+  " * Keen UI v" +
+  version +
+  " (https://github.com/JosephusPaye/keen-ui)\n" +
+  " * (c) " +
+  new Date().getFullYear() +
+  " Josephus Paye II\n" +
+  " * Released under the MIT License.\n" +
+  " */";
+
+export default {
+  banner,
+
+  paths: {
+    src: {
+      main: join(__dirname, "..", "src"),
+      docs: join(__dirname, "..", "docs-src"),
+    },
+
+    output: {
+      main: join(__dirname, "..", "dist"),
+      lib: join(__dirname, "..", "lib"),
+      docs: join(__dirname, "..", "docs"),
+    },
+
+    resolve(location) {
+      return join(__dirname, "..", location);
+    },
+  },
+};

build/version.js → build/version.mjs

@@ -1,3 +1,3 @@
 // Hardcoding here (and not reading from package.json) as the files are built
 // before the version is updated in package.json
-module.exports = "1.4.0";
+export default "1.4.0";

build/vite.config.dist.js → build/vite.config.dist.mjs

@@ -1,8 +1,9 @@
-const { defineConfig } = require("vite");
-const vue = require("@vitejs/plugin-vue");
-const banner = require("vite-plugin-banner");
-const options = require("./options");
-const autoprefixer = require("autoprefixer");
+import { defineConfig } from "vite";
+import vue from "@vitejs/plugin-vue";
+import banner from "vite-plugin-banner";
+import autoprefixer from "autoprefixer";
+
+import options from "./options.mjs";
 
 export default defineConfig(({ mode }) => {
   const filename = mode === "production" ? "keen-ui.min" : "keen-ui";

build/vite.config.docs.js → build/vite.config.docs.mjs

@@ -1,8 +1,9 @@
-const { fileURLToPath, URL } = require("url");
-const { defineConfig } = require("vite");
-const vue = require("@vitejs/plugin-vue");
-const options = require("./options");
-const autoprefixer = require("autoprefixer");
+import { fileURLToPath, URL } from "url";
+import { defineConfig } from "vite";
+import vue from "@vitejs/plugin-vue";
+import autoprefixer from "autoprefixer";
+
+import options from "./options.mjs";
 
 export default defineConfig({
   plugins: [vue()],

build/vite.config.lib.provider.js → build/vite.config.lib.provider.mjs

@@ -1,9 +1,10 @@
-const vue = require("@vitejs/plugin-vue");
-const banner = require("vite-plugin-banner");
-const options = require("./options");
-const autoprefixer = require("autoprefixer");
+import vue from "@vitejs/plugin-vue";
+import banner from "vite-plugin-banner";
+import autoprefixer from "autoprefixer";
 
-module.exports = ({ entry, mode }) => {
+import options from "./options.mjs";
+
+export default ({ entry, mode }) => {
   const outDir = options.paths.output.lib;
 
   return {

docs-src/App.vue

@@ -38,7 +38,7 @@
 import DocsNavbar from "./DocsNavbar.vue";
 import DocsSidebar from "./DocsSidebar.vue";
 
-import version from "../build/version";
+import version from "../build/version.mjs";
 
 export default {
   components: {

package.json

@@ -4,12 +4,12 @@
   "description": "Keen UI is a Vue.js UI library with a simple API, inspired by Google's Material Design.",
   "main": "dist/keen-ui.js",
   "scripts": {
-    "dev": "vite serve --config build/vite.config.docs.js docs-src",
-    "build:dist": "vite build --config build/vite.config.dist.js --mode development",
-    "build:dist:prod": "vite build --config build/vite.config.dist.js",
-    "build:lib": "cross-env NODE_ENV=development node build/build.lib.js",
-    "build:lib:prod": "node build/build.lib.js",
-    "build:docs": "vite build --config build/vite.config.docs.js docs-src",
+    "dev": "vite serve --config build/vite.config.docs.mjs docs-src",
+    "build:dist": "vite build --config build/vite.config.dist.mjs --mode development",
+    "build:dist:prod": "vite build --config build/vite.config.dist.mjs",
+    "build:lib": "cross-env NODE_ENV=development node build/build.lib.mjs",
+    "build:lib:prod": "node build/build.lib.mjs",
+    "build:docs": "vite build --config build/vite.config.docs.mjs docs-src",
     "build:all": "npm run build:dist && npm run build:lib && npm run build:docs",
     "build:all:prod": "npm run build:dist:prod && npm run build:lib:prod && npm run build:docs",
     "clean": "rimraf ./dist ./lib ./docs",