@helsenorge/library-build 33.1.0 → 35.1.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

@@ -4,11 +4,10 @@ import { createRequire } from 'node:module';
 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 scriptIndex = args.findIndex(x => 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)), {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@helsenorge/library-build",
   "author": "Norsk helsenett SF",
-  "version": "33.1.0",
+  "version": "35.1.1",
   "type": "module",
   "sideEffects": false,
   "repository": {
@@ -17,24 +17,27 @@
     "react-dom": "^18.0.0"
   },
   "dependencies": {
-    "@helsenorge/eslint-config": "^33.0.0",
+    "@helsenorge/eslint-config": "^35.1.1",
     "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.0.1",
-    "@testing-library/user-event": "^14.5.2",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
     "@types/copyfiles": "^2.4.4",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
-    "@vitest/coverage-v8": "^2.1.4",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
+    "@vitejs/plugin-react": "^4.4.1",
+    "@vitest/coverage-v8": "^3.1.2",
     "copyfiles": "^2.4.1",
-    "cross-spawn": "^7.0.3",
-    "esbuild": "^0.21.5",
-    "esbuild-sass-plugin": "^3.3.1",
-    "postcss": "^8.4.47",
-    "postcss-modules": "^6.0.0",
+    "cross-spawn": "^7.0.6",
+    "esbuild": "~0.25.3",
+    "jsdom": "^26.1.0",
     "rimraf": "^6.0.1",
-    "typed-scss-modules": "^8.0.1",
-    "typescript": "~5.5.4",
-    "vitest": "^2.1.4",
+    "sass": "^1.87.0",
+    "sass-embedded": "^1.87.0",
+    "typed-scss-modules": "^8.1.1",
+    "typescript": "~5.8.3",
+    "vite": "^6.3.3",
+    "vite-tsconfig-paths": "^5.1.4",
+    "vitest": "^3.1.2",
     "whatwg-fetch": "^3.6.20",
     "yargs": "^17.7.2"
   },

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/vitest.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vitest.config.d.ts","sourceRoot":"","sources":["../src/vitest.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAgB,MAAM,eAAe,CAAC;AAE3D,eAAO,MAAM,SAAS,EAAE,YAgCvB,CAAC;;AAEF,wBAAmD"}
+{"version":3,"file":"vitest.config.d.ts","sourceRoot":"","sources":["../src/vitest.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAwC,MAAM,eAAe,CAAC;AAEnF,eAAO,MAAM,SAAS,EAAE,YAkCvB,CAAC;;AAEF,wBAAmD"}

package/vitest.config.js

@@ -1,4 +1,4 @@
-import { defineConfig } from 'vitest/config';
+import { coverageConfigDefaults, defineConfig } from 'vitest/config';
 export const getConfig = () => {
     return {
         test: {
@@ -19,6 +19,8 @@ export const getConfig = () => {
             coverage: {
                 enabled: true,
                 reporter: ['cobertura', 'lcov', 'json'],
+                include: ['src/**'],
+                exclude: [...coverageConfigDefaults.exclude, '**/__devonly__/**', '**/__mocks__/**', '**/mocks/**'],
             },
             reporters: ['default', 'junit'],
             outputFile: {

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',
-    });
-})();