@soleil-se/build-app 2.4.0 → 2.5.0

package/CHANGELOG.md

@@ -4,6 +4,10 @@ title: Changelog
 
 Baseras på [Keep a Changelog](https://keepachangelog.com/en/1.0.0/) och använder [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [2.4.1] - 2025-09-26
+
+- Byt ut `.replaceAll` till motsvarande `.split().join()` eller `.replace()` för regex på serversidan då det inte stöds i Rhino.
+
 ## [2.4.0] - 2025-09-26
 
 - Lägg till stöd för TypeScript, läs mer i [Readme](https://docs.soleil.se/build/app/#typescript).

package/LICENSE.md

@@ -1 +1 @@
-(c) Copyright 2021 Soleil AB, all rights reserved.
+(c) Copyright 2025 Soleil AB, all rights reserved.

package/index.js

@@ -24,8 +24,18 @@ function getWatchOptions() {
   return { paths, ignored };
 }
 
+/**
+ * Get the minimum Sitevision version based on the @sitevision/api package version.
+ * @returns {Promise<string>} The minimum Sitevision version.
+ */
+async function getMinimumSitevisionVersion() {
+  const packageJson = await fse.readJSON('./package.json');
+  return (packageJson.dependencies['@sitevision/api'] || '2025.4.1').replace(/^[\^~]/, '');
+}
+
 async function main() {
   const manifest = await readManifest();
+  const minimumSitevisionVersion = await getMinimumSitevisionVersion();
   const zipPath = `./dist/${manifest.id}-${manifest.version}.zip`;
 
   logTimestamp(`${manifest.name} (${manifest.id})`);
@@ -84,7 +94,7 @@ async function main() {
       dest: './dist/src/config/global',
       cache: args.cache,
     }), () => fse.existsSync('./config_global')),
-    task('files', files({ manifest, dest: './dist' })),
+    task('files', files({ manifest, minimumSitevisionVersion, dest: './dist' })),
     task('zip', zip({ src: './dist/src', dest: zipPath })),
   ];
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@soleil-se/build-app",
   "description": "Script for building WebApps, RESTApps and Widgets with Svelte in Sitevision.",
-  "version": "2.4.0",
+  "version": "2.5.0",
   "bin": {
     "build-app": "./bin/index.js",
     "sv-app-build": "./bin/index.js"
@@ -51,14 +51,16 @@
     "rollup-plugin-postcss": "4.0.2",
     "rollup-plugin-string": "3.0.0",
     "rollup-plugin-svelte": "7.2.3",
+    "semver": "^7.7.2",
     "slash": "5.1.0",
+    "magic-string": "^0.30.19",
     "svelte-preprocess": "6.0.3",
     "tslib": "^2.8.1",
-    "@soleil-se/build-config": "^1.3.1",
-    "@soleil-se/build-utils": "^1.8.3"
+    "@soleil-se/build-utils": "^1.8.3",
+    "@soleil-se/build-config": "^1.3.1"
   },
   "devDependencies": {
-    "svelte": "^5.38.10",
+    "svelte": "^5.39.6",
     "typescript": "^5.9.2"
   },
   "publishConfig": {

package/rollup/plugins/replaceReplaceAll.js

@@ -0,0 +1,66 @@
+import MagicString from 'magic-string';
+
+/**
+ * Replace `.replaceAll(string, replacement)` with `.split(string).join(replacement)`
+ * @param {string} code - The input code to transform
+ * @param {Function} callback - The callback with start, end, and replacement
+ */
+function replaceStringUsage(code, callback) {
+  const stringRegex = /((?:\w+(?:\.\w+)*|\w+\([^)]*\)|[a-zA-Z_$][\w$]*(?:\[[^\]]*\])*))\.replaceAll\((['"`])(.*?)\2,\s*(.*?)\)/g;
+  let match;
+
+  // eslint-disable-next-line no-cond-assign
+  while ((match = stringRegex.exec(code)) !== null) {
+    const [fullMatch, expression, quote, searchValue, replaceValue] = match;
+    const replacement = `${expression}.split(${quote}${searchValue}${quote}).join(${replaceValue})`;
+    callback({
+      start: match.index,
+      end: match.index + fullMatch.length,
+      replacement,
+    });
+  }
+}
+
+/**
+ * Replace `.replaceAll(regex, replacement)` with `.replace(regex, replacement)`
+ * @param {string} code - The input code to transform
+ * @param {Function} callback - The callback with start, end, and replacement
+ */
+function replaceRegexUsage(code, callback) {
+  const regexPattern = /\.replaceAll\((\/.+?\/[gimuy]*),\s*(.*?)\)/g;
+  let match;
+
+  // eslint-disable-next-line no-cond-assign
+  while ((match = regexPattern.exec(code)) !== null) {
+    const [fullMatch, regexPart, replaceValue] = match;
+    const replacement = `.replace(${regexPart}, ${replaceValue})`;
+    callback({
+      start: match.index,
+      end: match.index + fullMatch.length,
+      replacement,
+    });
+  }
+}
+
+export default function replaceReplaceAll() {
+  return {
+    name: 'replace-replaceall',
+    transform(code) {
+      if (code.includes('.replaceAll(')) {
+        const magicString = new MagicString(code);
+        replaceStringUsage(code, ({ start, end, replacement }) => {
+          magicString.overwrite(start, end, replacement);
+        });
+        replaceRegexUsage(code, ({ start, end, replacement }) => {
+          magicString.overwrite(start, end, replacement);
+        });
+
+        return {
+          code: magicString.toString(),
+          map: magicString.generateMap({ hires: true }),
+        };
+      }
+      return null;
+    },
+  };
+}

package/rollup/server.js

@@ -16,6 +16,7 @@ import getStringPlugin from './api/getStringPlugin.js';
 import getTypescriptPlugin from './api/getTypescriptPlugin.js';
 
 import sitevision from './plugins/sitevision.js';
+import replaceReplaceAll from './plugins/replaceReplaceAll.js';
 
 export default function rollupServer({
   debug,
@@ -44,6 +45,7 @@ export default function rollupServer({
       getSveltePlugin({ input: inputs[0], extractCss, ssr: true }),
       getPostcssPlugin({ extractCss, debug }),
       getBabelServerPlugin(),
+      replaceReplaceAll(),
       getTerserPlugin({ debug }),
     ];
 

package/utils/files.js

@@ -1,4 +1,5 @@
 import fse from 'fs-extra';
+import semver from 'semver';
 
 const indexContent = `(function() {
   'use strict';
@@ -13,20 +14,35 @@ const indexContent = `(function() {
  * @returns {Promise<void>}
  */
 async function removeHydrationMarkers(src) {
-  if(fse.existsSync(src)) {
+  if (fse.existsSync(src)) {
     const content = await fse.readFile(src);
     await fse.writeFile(src, content.toString().replace(/(\\x3c!----\\x3e|\\x3c!--\[--\\x3e|\\x3c!--]--\\x3e)/gm, ''));
   }
 }
 
-async function createMain(dest) {
+/**
+ * Create main.js if not present and needed.
+ * @param {Object} params - The parameters.
+ * @param {Object} params.minimumSitevisionVersion - The minimum Sitevision version.
+ * @param {string} params.dest - The destination directory.
+ * @returns {Promise<void>}
+ */
+async function createMain({ minimumSitevisionVersion, dest }) {
   const src = `${dest}/src/main.js`;
   if (!fse.existsSync(src)) {
     await removeHydrationMarkers(`${dest}/src/index.js`);
-    await fse.writeFile(src, '');
+    // An empty main.js is not required in Sitevision 2025.07.1 or later.
+    if (!minimumSitevisionVersion || semver.lt(minimumSitevisionVersion, '2025.7.1')) {
+      await fse.writeFile(src, '');
+    }
   }
 }
 
+/**
+ * Create index.js if not present.
+ * @param {string} dest - The destination directory.
+ * @returns {Promise<void>}
+ */
 async function createIndex(dest) {
   const src = `${dest}/src/index.js`;
   if (!fse.existsSync(src)) {
@@ -34,17 +50,36 @@ async function createIndex(dest) {
   }
 }
 
+/**
+ * Check if two files have the same content.
+ * @param {string} path1 - The path to the first file.
+ * @param {string} path2 - The path to the second file.
+ * @returns {Promise<boolean>}
+ */
 async function hasSameContent(path1, path2) {
   if (!fse.existsSync(path1) || !fse.existsSync(path2)) return false;
   const [content1, content2] = await Promise.all([fse.readFile(path1), fse.readFile(path2)]);
   return Buffer.compare(content1, content2) === 0;
 }
 
+/**
+ * Move a file if it exists.
+ * @param {string} src - The source file path.
+ * @param {string} dest - The destination file path.
+ * @returns {Promise<void>}
+ */
 async function moveFileIfExists(src, dest) {
   if (!fse.existsSync(src)) return Promise.resolve();
   return fse.move(src, dest, { overwrite: true });
 }
 
+/**
+ * Manage CSS files for the app.
+ * @param {Object} params - The parameters.
+ * @param {string} params.type - The app type.
+ * @param {string} params.dest - The destination directory.
+ * @returns {Promise<void>}
+ */
 async function manageCss({ type, dest }) {
   const serverOutput = `${dest}/src/index.css`;
   const clientOutput = `${dest}/src/main.css`;
@@ -63,10 +98,17 @@ async function manageCss({ type, dest }) {
   ]);
 }
 
-export default function files({ manifest, dest }) {
+/**
+ * File management tasks for the app.
+ * @param {Object} params - The parameters.
+ * @param {Object} params.manifest - The app manifest.
+ * @param {string} params.dest - The destination directory.
+ * @returns {Promise<void>}
+ */
+export default function files({ manifest, minimumSitevisionVersion, dest }) {
   const type = manifest.type.toLowerCase();
   if (type === 'restapp') return manageCss({ type, dest });
   return () => Promise.all(
-    [createMain(dest), createIndex(dest), manageCss({ type, dest })],
+    [createMain({ minimumSitevisionVersion, dest }), createIndex(dest), manageCss({ type, dest })],
   );
 }