@soleil-se/build-app 2.3.3 → 2.4.0-next.2

package/CHANGELOG.md

@@ -4,14 +4,6 @@ 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.3.3] - 2025-06-12
-
-- Läs inte in targets för Babel om browserslist är angivet.
-
-## [2.3.2] - 2025-05-28
-
-- Kontrollera att `./dist/src/index.js` finns innan den uppdateras.
-
 ## [2.3.1] - 2025-05-26
 
 - Ta bort hydration markers för en app som renderas på servern, då det inte är nödvändigt.

package/LICENSE.md

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

package/config/index.js

@@ -6,12 +6,12 @@ export default function config({ src, dest, cache, debug }) {
   return [
     copy({ src: [`${src}/index.html`, `${src}/config.css`], dest, deep: false }),
     server({
-      input: `${src}/index.js`,
+      input: `${src}/index.{js,ts}`,
       output: `${dest}/index.js`,
       debug,
     }),
     client({
-      input: `${src}/config.js`,
+      input: `${src}/config.{js,ts}`,
       output: `${dest}/config.js`,
       globals: { jquery: 'jQuery' },
       showSize: false,

package/index.js

@@ -6,6 +6,7 @@ import watch from '@soleil-se/build-utils/watch';
 import { logError, logStartup, logEnviroment, logTimestamp } from '@soleil-se/build-utils/log';
 import createChecksumChecker from '@soleil-se/build-utils/createChecksumChecker';
 import { env, rollup } from '@soleil-se/build-config';
+import { globSync } from 'glob';
 
 import { readManifest } from './manifest.js';
 import { clean, copy, files, zip, eslint } from './utils/index.js';
@@ -38,40 +39,40 @@ async function main() {
   }
   const tasks = [
     task('clean', clean({ dir: './dist' })),
-    args.eslint && task('eslint', eslint({ src: ['./**/*.{js,svelte}'] })),
+    args.eslint && task('eslint', eslint({ src: ['./**/*.{js,ts,svelte}'] })),
     task('copy', [
       copy({ src: './manifest.json', dest: './dist/src' }),
       copy({ src: ['./src/manifest.json', './src/appDataDefaults.json', './src/i18n/*.json', './src/config', './src/resource'], dest: './dist' }),
     ]),
     task('server', server({
-      input: './src/index.js',
+      input: './src/index.{js,ts}',
       output: './dist/src/index.js',
       debug: args.debug,
       cache: args.cache,
       extractCss: true,
-    }), () => fse.existsSync('./src/index.js')),
+    }), () => globSync('./src/index.{js,ts}').length),
     task('client', client({
-      input: './src/main.js',
+      input: './src/main.{js,ts}',
       output: './dist/src/main.js',
       globals: rollup?.client?.globals,
       debug: args.debug,
       cache: args.cache,
       extractCss: true,
-    }), () => fse.existsSync('./src/main.js')),
+    }), () => globSync('./src/main.{js,ts}').length),
     task('headless', server({
-      input: './src/headless.js',
+      input: './src/headless.{js,ts}',
       output: './dist/src/headless.js',
       debug: args.debug,
       cache: args.cache,
       extractCss: true,
-    }), () => fse.existsSync('./src/headless.js')),
+    }), () => globSync('./src/headless.{js,ts}').length),
     task('hooks', server({
-      input: './src/hooks.js',
+      input: './src/hooks.{js,ts}',
       output: './dist/src/hooks.js',
       debug: args.debug,
       cache: args.cache,
       extractCss: true,
-    }), () => fse.existsSync('./src/hooks.js')),
+    }), () => globSync('./src/hooks.{js,ts}').length),
     task('config', config({
       src: './config',
       dest: './dist/src/config',

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.3.3",
+  "version": "2.4.0-next.2",
   "bin": {
     "build-app": "./bin/index.js",
     "sv-app-build": "./bin/index.js"
@@ -10,14 +10,21 @@
   "author": "Soleil AB",
   "license": "UNLICENSED",
   "type": "module",
-  "keywords": ["sitevision", "webapp", "restapp", "widget", "svelte"],
+  "keywords": [
+    "sitevision",
+    "webapp",
+    "restapp",
+    "widget",
+    "svelte"
+  ],
   "engines": {
-    "node": ">=20.0.0"
+    "node": ">=20.0.0",
+    "npm": "Do not use npm to manage this package, use pnpm instead."
   },
   "homepage": "https://docs.soleil.se/build/app",
   "dependencies": {
-    "@babel/core": "7.26.10",
-    "@babel/preset-env": "7.26.9",
+    "@babel/core": "7.27.1",
+    "@babel/preset-env": "7.27.2",
     "@rollup/plugin-alias": "5.1.1",
     "@rollup/plugin-babel": "6.0.4",
     "@rollup/plugin-commonjs": "28.0.3",
@@ -25,15 +32,14 @@
     "@rollup/plugin-node-resolve": "16.0.1",
     "@rollup/plugin-replace": "6.0.2",
     "@rollup/plugin-terser": "0.4.4",
-    "@soleil-se/build-config": "workspace:^",
-    "@soleil-se/build-utils": "workspace:^",
+    "@rollup/plugin-typescript": "^12.1.2",
     "archiver": "7.0.1",
     "chalk": "5.4.1",
     "find-up": "7.0.0",
     "form-data": "4.0.2",
     "fs-extra": "11.3.0",
     "glob": "^11.0.1",
-    "got": "14.4.6",
+    "got": "14.4.7",
     "gzip-size": "7.0.0",
     "lodash-es": "4.17.21",
     "minimist": "^1.2.8",
@@ -42,20 +48,22 @@
     "postcss-pxtorem": "6.1.0",
     "pretty-bytes": "6.1.1",
     "prompts": "2.4.2",
-    "rollup": "4.37.0",
+    "rollup": "4.41.0",
     "rollup-plugin-postcss": "4.0.2",
     "rollup-plugin-string": "3.0.0",
     "rollup-plugin-svelte": "7.2.2",
     "slash": "5.1.0",
-    "svelte-preprocess": "6.0.3"
+    "svelte-preprocess": "6.0.3",
+    "tslib": "^2.8.1",
+    "@soleil-se/build-config": "^1.3.0",
+    "@soleil-se/build-utils": "^1.8.3"
   },
   "devDependencies": {
-    "svelte": "^5.6.2"
-  },
-  "scripts": {
-    "postpublish": "node ../../scripts/postpublish"
+    "svelte": "^5.33.1",
+    "typescript": "^5.8.3"
   },
   "publishConfig": {
     "access": "public"
-  }
-}
+  },
+  "scripts": {}
+}

package/requests/api/addonRequest.js

@@ -1,4 +1,3 @@
-// eslint-disable-next-line import/no-unresolved
 import got from 'got';
 import config from '@soleil-se/build-config';
 

package/rollup/api/getBabelPlugin.js

@@ -1,31 +1,25 @@
 import { babel } from '@rollup/plugin-babel';
-import fse from 'fs-extra';
-import { findUpSync } from 'find-up';
 
 const commonOptions = {
   babelrc: false,
-  extensions: ['.js', '.mjs', '.html', '.svelte', '.cjs'],
+  extensions: ['.js', '.mjs', '.html', '.svelte', '.cjs', 'ts'],
   babelHelpers: 'bundled',
 };
 
-function hasBrowserslist() {
-  return !!findUpSync('.browserslistrc') || !!fse.readJSONSync('./package.json')?.browserslist;
-}
-
 export function getBabelClientPlugin() {
   return babel({
     ...commonOptions,
     presets: [
       ['@babel/preset-env', {
         shippedProposals: true,
-        targets: hasBrowserslist() ? [] : [
+        targets: [
           'last 2 chrome major versions',
           'last 2 firefox major versions',
-          'last 4 ios_saf major versions',
+          'last 2 ios_saf major versions',
           'last 2 edge major versions',
-          'last 4 safari major versions',
+          'last 2 safari major versions',
           'last 2 and_chr major versions',
-        ]
+        ],
       }],
     ],
   });

package/rollup/api/getNodeResolvePlugin.js

@@ -1,4 +1,4 @@
-import nodeResolve from '@rollup/plugin-node-resolve';
+import { nodeResolve } from '@rollup/plugin-node-resolve';
 import { findUpSync } from 'find-up';
 
 export default function getNodeResolvePlugin({ input, context = 'server', debug = false } = {}) {

package/rollup/client.js

@@ -1,6 +1,7 @@
 import { rollup } from 'rollup';
 import json from '@rollup/plugin-json';
-import fse from 'fs-extra';
+import typescript from '@rollup/plugin-typescript';
+import { globSync } from 'glob';
 
 import onwarn from './utils/onwarn.js';
 import getSitevisionClientPackages from './utils/getSitevisionClientPackages.js';
@@ -34,16 +35,19 @@ export default function rollupClient({
   let plugins;
 
   return async () => {
-    if (!fse.existsSync(input)) return Promise.resolve();
+    const inputs = globSync(input);
+    if (inputs.length === 0) return Promise.resolve();
+    if (inputs.length > 1) throw new Error(`Multiple files found for input: ${inputs.join(', ').replace(/\\/g, '/')}`);
 
     plugins = plugins || [
       format === 'amd' && amdGlobalsPlugin({ globals }),
       sitevisionPlugin({ context: 'client' }),
+      typescript(),
       getReplaceClientPlugin(),
       getAliasClientPlugin(),
-      getNodeResolvePlugin({ input, context: 'client', debug }),
+      getNodeResolvePlugin({ input: inputs[0], context: 'client', debug }),
       getCommonjsPlugin(),
-      await getSveltePlugin({ input, debug, extractCss, hydratable }),
+      await getSveltePlugin({ input: inputs[0], debug, extractCss, hydratable }),
       getPostcssPlugin({ extractCss, debug }),
       getBabelClientPlugin(),
       json(),
@@ -55,7 +59,7 @@ export default function rollupClient({
     try {
       const bundle = await rollup({
         external: getSitevisionClientPackages(),
-        input,
+        input: inputs[0],
         plugins,
         onwarn,
         cache: bundleCache,

package/rollup/server.js

@@ -1,6 +1,7 @@
 import { rollup } from 'rollup';
 import json from '@rollup/plugin-json';
-import fse from 'fs-extra';
+import typescript from '@rollup/plugin-typescript';
+import { globSync } from 'glob';
 
 import onwarn from './utils/onwarn.js';
 
@@ -27,17 +28,20 @@ export default function rollupServer({
   let plugins;
 
   return async () => {
-    if (!fse.existsSync(input)) return Promise.resolve();
+    const inputs = globSync(input);
+    if (inputs.length === 0) return Promise.resolve();
+    if (inputs.length > 1) throw new Error(`Multiple files found for input: ${inputs.join(', ').replace(/\\/g, '/')}`);
 
     plugins = plugins || [
       getReplaceServerPlugin(),
       getAliasServerPlugin(),
       sitevision({ context: 'server' }),
+      typescript(),
       json(),
       getStringPlugin(),
-      getNodeResolvePlugin({ input, debug }),
+      getNodeResolvePlugin({ input: inputs[0], debug }),
       getCommonjsPlugin(),
-      await getSveltePlugin({ input, extractCss, ssr: true }),
+      await getSveltePlugin({ input: inputs[0], extractCss, ssr: true }),
       getPostcssPlugin({ extractCss, debug }),
       getBabelServerPlugin(),
       getTerserPlugin({ debug }),
@@ -45,7 +49,7 @@ export default function rollupServer({
 
     try {
       const bundle = await rollup({
-        input,
+        input: inputs[0],
         plugins,
         onwarn,
         cache: bundleCache,

package/rollup/utils/onwarn.js

@@ -6,6 +6,8 @@ export default function onwarn(warning) {
 
   if (warning.code === 'PLUGIN_WARNING') {
     if (warning.pluginCode && warning.pluginCode === 'a11y-no-onchange') return;
+    if (warning.pluginCode && warning.pluginCode === 'TS6053') return;
+    if (warning.pluginCode && warning.pluginCode === 'TS2307') return;
   }
 
   if (warning.code === 'MISSING_NODE_BUILTINS') {

package/tsconfig.json

@@ -0,0 +1,19 @@
+{
+  "exclude": [
+    "node_modules",
+    "dist"
+  ],
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ES2022",
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "skipLibCheck": true,
+    "lib": ["ES2022", "DOM"],
+    "moduleResolution": "node",
+    "outDir": "dist",
+    "verbatimModuleSyntax": true,
+    "isolatedModules": true,
+  }
+}

package/utils/eslint.js

@@ -10,7 +10,7 @@ let ESLint;
 export default function createESLint({ src }) {
   return async () => {
     try {
-      // eslint-disable-next-line import/no-extraneous-dependencies,node/no-extraneous-import
+      // eslint-disable-next-line import/no-extraneous-dependencies
       ESLint = ESLint || await import('eslint').then((pkg) => pkg.ESLint);
     } catch (e) {
       logNotInstalledWarning();

package/utils/files.js

@@ -13,10 +13,8 @@ const indexContent = `(function() {
  * @returns {Promise<void>}
  */
 async function removeHydrationMarkers(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, ''));
-  }
+  const content = await fse.readFile(src);
+  await fse.writeFile(src, content.toString().replace(/(\\x3c!----\\x3e|\\x3c!--\[--\\x3e|\\x3c!--]--\\x3e)/gm, ''));
 }
 
 async function createMain(dest) {