@ixon-cdk/svelte-builder 1.21.0 → 1.22.0-next.0

package/browser.js

@@ -1,10 +1,12 @@
-const fs = require('fs');
-const path = require('path');
-const { build, normalizePath } = require('vite');
-const { svelte } = require('@sveltejs/vite-plugin-svelte');
-const preprocess = require('svelte-preprocess');
-const typescript = require('@rollup/plugin-typescript');
-const {
+import { spawn } from 'node:child_process';
+import fs from 'node:fs';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { build, normalizePath } from 'vite';
+import { svelte } from '@sveltejs/vite-plugin-svelte';
+import { sveltePreprocess } from 'svelte-preprocess';
+import typescript from '@rollup/plugin-typescript';
+import {
   dirContains,
   getRootDir,
   pascalCase,
@@ -14,7 +16,7 @@ const {
   writeDemoFile,
   copyAssets,
   watchAssets,
-} = require('@ixon-cdk/core');
+} from '@ixon-cdk/core';
 
 async function _build(
   inputFile,
@@ -30,7 +32,10 @@ async function _build(
 
   // temporary entry file
   const date = new Date().getTime();
-  const entryFileName = path.join(__dirname, `__temp_entry-${tag}-${date}.js`);
+  const entryFileName = path.join(
+    path.dirname(fileURLToPath(import.meta.url)),
+    `__temp_entry-${tag}-${date}.js`,
+  );
   const componentStatic = pascalCase(tag);
   const relativeInputPath = path.relative(
     path.dirname(entryFileName),
@@ -38,7 +43,7 @@ async function _build(
   );
   const entryFileContent = `import ${componentStatic} from '${normalizePath(
     relativeInputPath,
-  )}';\nexport default new ${componentStatic}();\n`;
+  )}';\ncustomElements.define('${tag}', ${componentStatic}.element);\n`;
   fs.writeFileSync(entryFileName, entryFileContent, {
     encoding: 'utf8',
     flag: 'w',
@@ -73,10 +78,8 @@ async function _build(
         compilerOptions: {
           customElement: true,
           dev: !production,
-          immutable: true,
-          tag,
         },
-        preprocess: preprocess({ sourceMap }),
+        preprocess: sveltePreprocess({ sourceMap }),
       }),
     ],
   };
@@ -101,7 +104,7 @@ async function _build(
 
   // build
   process.on('uncaughtException', () => {
-    // NOP: builder will show an error
+    // NOOP: builder will show an error
   });
 
   if (!watch) {
@@ -139,8 +142,11 @@ async function _build(
 function typeCheck({ tsConfig, inputDir }) {
   return {
     writeBundle() {
-      const childProcess = require('child_process').spawn(
-        'svelte-check',
+      const childProcess = spawn(
+        path.join(
+          path.dirname(fileURLToPath(import.meta.url)),
+          './node_modules/svelte-check/bin/svelte-check',
+        ),
         ['--tsconfig', tsConfig],
         {
           stdio: ['ignore', 'inherit', 'inherit'],
@@ -157,7 +163,7 @@ function typeCheck({ tsConfig, inputDir }) {
   };
 }
 
-module.exports = function runBuild(
+export default function runBuild(
   inputFile,
   outputFile,
   tag,
@@ -175,4 +181,4 @@ module.exports = function runBuild(
     watch,
     sourceMap,
   );
-};
+}

package/index.js

@@ -1,9 +1,10 @@
-const fs = require('fs');
-const path = require('path');
-const isPotentialCustomElementName = require('is-potential-custom-element-name');
-const { getArgv, getRootDir, logErrorMessage } = require('@ixon-cdk/core');
+import fs from 'node:fs';
+import path from 'node:path';
+import { getArgv, getRootDir, logErrorMessage } from '@ixon-cdk/core';
+import isPotentialCustomElementName from 'is-potential-custom-element-name';
+import runBrowserBuild from './browser.js';
 
-function main() {
+async function main() {
   const argv = getArgv();
   const buildTarget = argv._[0];
   const tag = argv._[1];
@@ -27,13 +28,13 @@ function main() {
 
   if (!isPotentialCustomElementName(tag)) {
     logErrorMessage(
-      `Custom element name '${tag}' is invalid. See https://html.spec.whatwg.org/multipage/custom-elements.html#prod-potentialcustomelementname`,
+      `Custom element name '${tag}' is invalid. See https://html.spec.whatwg.org/multipage/custom-elements.html#valid-custom-element-name`,
     );
     process.exit(1);
   }
 
   if (buildTarget === 'browser') {
-    require('./browser')(input, output, tag, assets, true, watch, sourceMap);
+    await runBrowserBuild(input, output, tag, assets, true, watch, sourceMap);
   }
 }
 

package/package.json

@@ -1,22 +1,26 @@
 {
   "name": "@ixon-cdk/svelte-builder",
-  "version": "1.21.0",
+  "version": "1.22.0-next.0",
   "description": "",
+  "type": "module",
   "main": "index.js",
+  "exports": {
+    ".": "./index.js"
+  },
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@rollup/plugin-typescript": "^11.0.0",
-    "@sveltejs/vite-plugin-svelte": "^1.4.0",
-    "@tsconfig/svelte": "^5.0.4",
+    "@rollup/plugin-typescript": "^12.3.0",
+    "@sveltejs/vite-plugin-svelte": "^6.2.1",
+    "@tsconfig/svelte": "^5.0.6",
     "is-potential-custom-element-name": "^1.0.1",
     "sass": "^1.58.3",
-    "svelte": "^3.55.1",
-    "svelte-check": "^3.1.0",
-    "svelte-preprocess": "^5.0.1",
-    "vite": "^4.5.3"
+    "svelte": "^5.45.8",
+    "svelte-check": "^4.3.4",
+    "svelte-preprocess": "^6.0.3",
+    "vite": "^7.2.6"
   },
   "peerDependencies": {
-    "@ixon-cdk/core": "^1.21.0"
+    "@ixon-cdk/core": "^1.22.0-next.0"
   }
 }