@ixon-cdk/static-builder 1.0.0-alpha.3 → 1.0.0-alpha.7

package/README.md

@@ -1,3 +1,3 @@
-# IXON Component Development Kit HTMLElement Builder
+# IXON Component Development Kit Static Builder
 
-This builder can be used with the IXON Component Development Kit (CDK). It contains build targets for building [webcomponents](https://developer.mozilla.org/en-US/docs/Web/Web_Components) (reusable custom elements) using [Rollup](https://rollupjs.org/guide/en/).
+This builder can be used with the IXON Component Development Kit (CDK). It contains build targets for building [webcomponents](https://developer.mozilla.org/en-US/docs/Web/Web_Components) (reusable custom elements) using [Vite](https://vitejs.dev/).

package/browser.js

@@ -1,11 +1,9 @@
-const rollup = require("rollup");
-const commonjs = require("@rollup/plugin-commonjs");
-const { nodeResolve } = require("@rollup/plugin-node-resolve");
-const { terser } = require("rollup-plugin-terser");
 const path = require("path");
+const { build } = require("vite");
 const {
   getRootDir,
   cleanDir,
+  watchInputDir,
   writeDemoFile,
   copyAssets,
   watchAssets,
@@ -18,48 +16,46 @@ async function _build(inputFile, outputFile, tag, assets, production, watch) {
   cleanDir(outputDir);
   writeDemoFile(tag, outputDir, outputFile);
 
-  // component
-  const inputOptions = {
-    input: inputFile,
-    plugins: [nodeResolve({ browser: true, dedupe: ["svelte"] }), commonjs()],
+  const config = {
+    root: getRootDir(),
+    mode: production ? "production" : "development",
+    build: {
+      lib: {
+        entry: inputFile,
+        formats: ["iife"],
+        name: "app",
+        fileName: () => `${tag}.min.js`,
+      },
+      sourcemap: true,
+      outDir: outputDir,
+      emptyOutDir: false,
+      rollupOptions: {
+        output: {
+          inlineDynamicImports: true,
+        },
+      },
+    },
+    write: true,
+    plugins: [],
   };
-  const outputOptions = {
-    sourcemap: true,
-    format: "iife",
-    name: "app",
-    file: outputFile,
-    inlineDynamicImports: true,
-  };
-  const productionOutputOptions = {
-    ...outputOptions,
-    file: outputFile,
-    plugins: [terser()],
-  };
-  if (watch) {
-    const watchOptions = {
-      ...inputOptions,
-      output: production
-        ? [outputOptions, productionOutputOptions]
-        : [outputOptions],
-      watch: { exclude: ["node_modules/**"] },
-    };
-    const watcher = await rollup.watch(watchOptions);
-    watcher.close();
-  } else {
-    const bundle = await rollup.rollup(inputOptions);
-    await bundle.generate(outputOptions);
-    await bundle.write(outputOptions);
-    if (production) {
-      await bundle.generate(productionOutputOptions);
-      await bundle.write(productionOutputOptions);
-    }
-    await bundle.close();
-  }
 
-  // Assets
+  // build
+  await build(config);
   copyAssets(assets, inputDir, outputDir);
+
+  // watch source files
   if (watch) {
     watchAssets(assets, inputDir, outputDir);
+    await watchInputDir(inputDir, (isAsset) => {
+      if (isAsset) {
+        // do nothing
+      } else {
+        build(config);
+      }
+    });
+    process.on("SIGINT", () => {
+      process.exit();
+    });
   }
 }
 

package/package.json

@@ -1,18 +1,15 @@
 {
   "name": "@ixon-cdk/static-builder",
-  "version": "1.0.0-alpha.3",
+  "version": "1.0.0-alpha.7",
   "description": "",
   "main": "index.js",
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@rollup/plugin-commonjs": "^20.0.0",
-    "@rollup/plugin-node-resolve": "^13.0.4",
     "is-potential-custom-element-name": "^1.0.1",
-    "rollup": "^2.56.3",
-    "rollup-plugin-terser": "^7.0.2"
+    "vite": "^2.6.12"
   },
   "peerDependencies": {
-    "@ixon-cdk/core": "^1.0.0-alpha.3"
+    "@ixon-cdk/core": "^1.0.0-alpha.7"
   }
 }