@helsenorge/library-build 34.1.2 → 36.0.1

package/config/tsconfig.node.json

@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true
+  }
+}

package/config/tsconfig.vite.json

@@ -0,0 +1,28 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true,
+
+    /* https://vitest.dev/config/#globals */
+    "types": ["vitest/globals", "@testing-library/jest-dom"]
+  }
+}

package/library-scripts.js

@@ -1,38 +1,33 @@
 #! /usr/bin/env node
-/* eslint-disable no-console */
+import { spawnSync } from 'node:child_process';
 import { createRequire } from 'node:module';
+import yargs from 'yargs';
+import { hideBin } from 'yargs/helpers';
 const require = createRequire(import.meta.url);
-const sync = require('cross-spawn').sync;
-const args = process.argv.slice(2);
-const scriptIndex = args.findIndex(x => x === 'start' || x === 'build' || x === 'copy');
-const script = scriptIndex === -1 ? args[0] : args[scriptIndex];
-const nodeArgs = scriptIndex > 0 ? args.slice(0, scriptIndex) : [];
-switch (script) {
-    case 'start':
-    case 'build':
-    case 'copy': {
-        const result = sync('node', nodeArgs.concat(require.resolve('./' + script)).concat(args.slice(scriptIndex + 1)), {
+const args = hideBin(process.argv);
+yargs(args)
+    .command({
+    command: 'build',
+    handler: () => {
+        const result = spawnSync('node', [require.resolve('./build'), ...args.slice(1)], {
             stdio: 'inherit',
         });
-        if (result.signal) {
-            if (result.signal === 'SIGKILL') {
-                console.log('The build failed because the process exited too early. ' +
-                    'This probably means the system ran out of memory or someone called ' +
-                    '`kill -9` on the process.');
-            }
-            else if (result.signal === 'SIGTERM') {
-                console.log('The build failed because the process exited too early. ' +
-                    'Someone might have called `kill` or `killall`, or the system could ' +
-                    'be shutting down.');
-            }
-            process.exit(1);
+        if (result.status) {
+            process.exit(result.status);
         }
-        if (result.status)
+    },
+})
+    .command({
+    command: 'copy',
+    handler: () => {
+        const result = spawnSync('node', [require.resolve('./copy'), ...args.slice(1)], {
+            stdio: 'inherit',
+        });
+        if (result.status) {
             process.exit(result.status);
-        break;
-    }
-    default:
-        console.log('Unknown script "' + script + '".');
-        console.log('Perhaps you need to update @helsenorge/library-build?');
-        break;
-}
+        }
+    },
+})
+    .demandCommand()
+    .help()
+    .parse();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@helsenorge/library-build",
   "author": "Norsk helsenett SF",
-  "version": "34.1.2",
+  "version": "36.0.1",
   "type": "module",
   "sideEffects": false,
   "repository": {
@@ -17,27 +17,27 @@
     "react-dom": "^18.0.0"
   },
   "dependencies": {
-    "@helsenorge/eslint-config": "^34.1.2",
-    "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.2.0",
-    "@testing-library/user-event": "^14.6.0",
+    "@helsenorge/eslint-config": "^36.0.1",
+    "@helsenorge/typed-scss-modules": "^9.0.4",
+    "@testing-library/jest-dom": "^6.8.0",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
     "@types/copyfiles": "^2.4.4",
-    "@types/react": "^18.3.18",
-    "@types/react-dom": "^18.3.5",
-    "@vitest/coverage-v8": "^2.1.8",
+    "@types/react": "^18.3.24",
+    "@types/react-dom": "^18.3.7",
+    "@vitejs/plugin-react": "^4.7.0",
+    "@vitest/coverage-v8": "^3.2.4",
     "copyfiles": "^2.4.1",
-    "cross-spawn": "^7.0.6",
-    "esbuild": "~0.21.5",
-    "esbuild-sass-plugin": "^3.3.1",
-    "jsdom": "^25.0.1",
-    "postcss": "^8.5.1",
-    "postcss-modules": "^6.0.1",
+    "esbuild": "~0.25.9",
+    "jsdom": "^26.1.0",
     "rimraf": "^6.0.1",
-    "typed-scss-modules": "^8.1.1",
-    "typescript": "~5.7.2",
-    "vitest": "^2.1.8",
-    "whatwg-fetch": "^3.6.20",
-    "yargs": "^17.7.2"
+    "sass": "^1.91.0",
+    "sass-embedded": "^1.91.0",
+    "typescript": "~5.9.2",
+    "vite": "^6.3.5",
+    "vite-tsconfig-paths": "^5.1.4",
+    "vitest": "^3.2.4",
+    "yargs": "^18.0.0"
   },
   "publishConfig": {
     "access": "public"

package/setupTests.vite.d.ts

@@ -1,5 +1,4 @@
 import '@testing-library/jest-dom/vitest';
-import 'whatwg-fetch';
 declare global {
     interface Window {
         HN: Record<string, unknown>;

package/setupTests.vite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"setupTests.vite.d.ts","sourceRoot":"","sources":["../src/setupTests.vite.ts"],"names":[],"mappings":"AACA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,cAAc,CAAC;AAEtB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KAC7B;CACF"}
+{"version":3,"file":"setupTests.vite.d.ts","sourceRoot":"","sources":["../src/setupTests.vite.ts"],"names":[],"mappings":"AACA,OAAO,kCAAkC,CAAC;AAE1C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KAC7B;CACF"}

package/setupTests.vite.js

@@ -1,6 +1,5 @@
 import { vi } from 'vitest';
 import '@testing-library/jest-dom/vitest';
-import 'whatwg-fetch';
 window.HN = {
     Page: {},
     Rest: {},

package/vite.config.d.ts

@@ -0,0 +1,5 @@
+import { UserConfigFnPromise } from 'vite';
+export declare const getConfig: UserConfigFnPromise;
+declare const _default: UserConfigFnPromise;
+export default _default;
+//# sourceMappingURL=vite.config.d.ts.map

package/vite.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vite.config.d.ts","sourceRoot":"","sources":["../src/vite.config.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAgB,MAAM,MAAM,CAAC;AAGzD,eAAO,MAAM,SAAS,EAAE,mBAIvB,CAAC;;AAEF,wBAAyD"}

package/vite.config.js

@@ -0,0 +1,9 @@
+import react from '@vitejs/plugin-react';
+import { defineConfig } from 'vite';
+import tsconfigPaths from 'vite-tsconfig-paths';
+export const getConfig = async () => {
+    return {
+        plugins: [react(), tsconfigPaths()],
+    };
+};
+export default defineConfig(async (env) => getConfig(env));

package/index.html

@@ -1,36 +0,0 @@
-<!doctype html>
-<html lang="no">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <title>Helsenorge</title>
-    <!-- IMPORT TEMPLATE FOR WEBCOMP-->
-
-    <template id="hn-webcomp-header-footer-template">
-      <link href="https://static-hn-mas-01.int-hn.nhn.no/core/static/css/helsenorge/helsenorge.css" rel="stylesheet" />
-      <link
-        type="text/css"
-        rel="stylesheet"
-        href="https://static-hn-mas-01.int-hn.nhn.no/header-footer/static/css/header-footer/header-footer.css"
-      />
-    </template>
-
-    <!-- ADDING RESET CSS -->
-    <link href="https://static-hn-mas-01.int-hn.nhn.no/core/static/css/helsenorge/helsenorge.css" rel="stylesheet" />
-
-    <link type="text/css" rel="stylesheet" href="index.css" />
-  </head>
-
-  <body id="helsenorge">
-    <hn-webcomp-header></hn-webcomp-header>
-    <div id="main-content-wrapper"></div>
-
-    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/react/18.3.1/umd/react.development.js"></script>
-    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/18.3.1/umd/react-dom.development.js"></script>
-
-    <!-- IMPORT header-footer script -->
-    <script type="module" src="https://static-hn-mas-01.int-hn.nhn.no/header-footer/static/js/header-footer/header-footer.js"></script>
-    <script type="module" src="index.js"></script>
-  </body>
-</html>

package/start.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=start.d.ts.map

package/start.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"start.d.ts","sourceRoot":"","sources":["../src/start.ts"],"names":[],"mappings":""}

package/start.js

@@ -1,70 +0,0 @@
-import { existsSync, mkdirSync, copyFileSync } from 'fs';
-import path from 'path';
-import url from 'url';
-import esbuild from 'esbuild';
-import { sassPlugin, postcssModules } from 'esbuild-sass-plugin';
-import yargs from 'yargs';
-import { hideBin } from 'yargs/helpers';
-const __filename = url.fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-(async () => {
-    const { entry, outDir } = await yargs(hideBin(process.argv))
-        .options({
-        entry: { type: 'string', default: 'src/__devonly__/index.tsx' },
-        outDir: { type: 'string', default: 'dist' },
-    })
-        .parse();
-    if (!existsSync(outDir)) {
-        mkdirSync(outDir);
-    }
-    copyFileSync(__dirname + '/index.html', outDir + '/index.html');
-    const context = await esbuild.context({
-        format: 'esm',
-        logLevel: 'debug',
-        entryPoints: [entry],
-        outdir: outDir,
-        bundle: true,
-        define: {
-            global: 'window',
-            'import.meta.env': '{}',
-        },
-        loader: {
-            '.svg': 'dataurl',
-            '.woff': 'dataurl',
-            '.woff2': 'dataurl',
-        },
-        plugins: [
-            sassPlugin({
-                filter: /.module.(s[ac]ss|css)$/,
-                type: 'css',
-                transform: postcssModules({
-                // ...put here the options for postcss-modules: https://github.com/madyankin/postcss-modules
-                }),
-                importMapper: path => (path.endsWith('styles.module') ? path + '.scss' : path),
-                precompile(source, pathname) {
-                    const basedir = path.dirname(pathname);
-                    return source.replace(/(url\(['"]?)(\.\.?\/)([^'")]+['"]?\))/g, '$1'.concat(basedir.replace(/\\/g, '\\\\'), '/$2$3'));
-                },
-            }),
-            sassPlugin({
-                filter: /.(s[ac]ss|css)$/,
-                type: 'style',
-            }),
-            {
-                name: 'resolve-fonts',
-                setup(build) {
-                    build.onResolve({ filter: /\.woff2?$/ }, ({ path }) => {
-                        return { path };
-                    });
-                },
-            },
-        ],
-    });
-    await context.watch();
-    await context.serve({
-        port: 3000,
-        host: 'localhost',
-        servedir: outDir,
-        fallback: outDir + '/index.html',
-    });
-})();