@helsenorge/library-build 32.0.1 → 33.1.0

package/build.d.ts

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

package/build.d.ts.map

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

package/build.js

@@ -0,0 +1,24 @@
+import { existsSync, mkdirSync } from 'fs';
+import esbuild from 'esbuild';
+import yargs from 'yargs';
+import { hideBin } from 'yargs/helpers';
+(async () => {
+    const { entry, outDir, tsconfig } = await yargs(hideBin(process.argv))
+        .options({
+        entry: { type: 'string', default: 'src/__devonly__/index.tsx' },
+        outDir: { type: 'string', default: 'dist' },
+        tsconfig: { type: 'string', default: 'tsconfig.json' },
+    })
+        .parse();
+    if (!existsSync(outDir)) {
+        mkdirSync(outDir);
+    }
+    await esbuild.build({
+        format: 'esm',
+        entryPoints: [entry],
+        outdir: outDir,
+        tsconfig: tsconfig,
+        bundle: true,
+        external: ['*'],
+    });
+})();

package/config/tsconfig.global.json

@@ -23,7 +23,7 @@
     /* library-build specific options */
     "declaration": true,
     "declarationMap": true,
-
-    "esModuleInterop": true
+    "esModuleInterop": true,
+    "types": ["vitest/globals", "@testing-library/jest-dom"]
   }
 }

package/copy.js

@@ -19,9 +19,11 @@ const { name: packageName, publishConfig: { directory: outputDirectory }, } = re
 const outputPath = path.resolve(process.cwd(), outputDirectory);
 const newPackageJson = path.resolve(outputPath, 'package.json');
 Promise.all([
-    new Promise((resolve, reject) => copyfiles([...root, outputPath], e => (e ? reject(e) : resolve()))),
-    new Promise((resolve, reject) => copyfiles([...include, outputPath], { up: 1 }, e => (e ? reject(e) : resolve()))),
-    new Promise((resolve, reject) => copyfiles([...utils, path.resolve(outputPath, 'utils')], { up: true }, e => (e ? reject(e) : resolve()))),
+    new Promise((resolve, reject) => root.length > 0 ? copyfiles([...root, outputPath], { error: true }, e => (e ? reject(e) : resolve())) : resolve()),
+    new Promise((resolve, reject) => include.length > 0 ? copyfiles([...include, outputPath], { up: 1, error: true }, e => (e ? reject(e) : resolve())) : resolve()),
+    new Promise((resolve, reject) => utils.length > 0
+        ? copyfiles([...utils, path.resolve(outputPath, 'utils')], { up: true, error: true }, e => (e ? reject(e) : resolve()))
+        : resolve()),
 ])
-    .then(() => (rm ? rimraf(rm) : Promise.resolve(true)))
+    .then(() => (rm ? rimraf(rm, { glob: true }) : Promise.resolve(true)))
     .then(() => createPackageJsonFile(packageName, originalPackageJson, newPackageJson));

package/index.html

@@ -31,6 +31,6 @@
 
     <!-- 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 src="index.js"></script>
+    <script type="module" src="index.js"></script>
   </body>
 </html>

package/library-scripts.js

@@ -1,14 +1,15 @@
 #! /usr/bin/env node
+/* eslint-disable no-console */
 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 === 'test' || x === 'copy');
+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 'test':
+    case 'build':
     case 'copy': {
         const result = sync('node', nodeArgs.concat(require.resolve('./' + script)).concat(args.slice(scriptIndex + 1)), {
             stdio: 'inherit',

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@helsenorge/library-build",
   "author": "Norsk helsenett SF",
-  "version": "32.0.1",
+  "version": "33.1.0",
   "type": "module",
   "sideEffects": false,
   "repository": {
@@ -13,39 +13,30 @@
   },
   "license": "MIT",
   "peerDependencies": {
-    "react": "^17.0.0 || ^18.0.0",
-    "react-dom": "^17.0.0 || ^18.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "dependencies": {
-    "@babel/core": "^7.25.2",
-    "@helsenorge/eslint-config": "^32.0.0",
-    "@testing-library/jest-dom": "^6.4.8",
-    "@testing-library/react": "^16.0.0",
+    "@helsenorge/eslint-config": "^33.0.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
     "@types/copyfiles": "^2.4.4",
-    "@types/react": "^18.3.3",
-    "@types/react-dom": "^18.3.0",
-    "@vitest/coverage-v8": "^1.6.0",
-    "babel-jest": "^29.7.0",
-    "babel-preset-react-app": "^10.0.1",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@vitest/coverage-v8": "^2.1.4",
     "copyfiles": "^2.4.1",
-    "crlf": "^1.1.1",
     "cross-spawn": "^7.0.3",
     "esbuild": "^0.21.5",
     "esbuild-sass-plugin": "^3.3.1",
-    "identity-obj-proxy": "^3.0.0",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
-    "jest-junit-reporter": "^1.1.0",
-    "jest-resolve": "^29.7.0",
-    "postcss": "^8.4.41",
+    "postcss": "^8.4.47",
     "postcss-modules": "^6.0.0",
-    "rimraf": "^5.0.10",
-    "tslib": "^2.6.3",
+    "rimraf": "^6.0.1",
     "typed-scss-modules": "^8.0.1",
-    "typescript": "^5.5.4",
-    "vitest": "^1.6.0",
-    "whatwg-fetch": "^3.6.20"
+    "typescript": "~5.5.4",
+    "vitest": "^2.1.4",
+    "whatwg-fetch": "^3.6.20",
+    "yargs": "^17.7.2"
   },
   "publishConfig": {
     "access": "public"

package/setupTests.vite.d.ts

@@ -1,4 +1,4 @@
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom/vitest';
 import 'whatwg-fetch';
 declare global {
     interface Window {

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,2BAA2B,CAAC;AACnC,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;AAC1C,OAAO,cAAc,CAAC;AAEtB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KAC7B;CACF"}

package/setupTests.vite.js

@@ -1,5 +1,5 @@
 import { vi } from 'vitest';
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom/vitest';
 import 'whatwg-fetch';
 window.HN = {
     Page: {},
@@ -8,54 +8,28 @@ window.HN = {
     Commands: {},
     PortalCommands: {},
 };
-const mockWindowMatchMedia = vi.fn().mockImplementation(() => ({
+const MatchMediaMock = vi.fn(() => ({
     matches: true,
+    addListener: vi.fn(),
     addEventListener: vi.fn(),
     removeEventListener: vi.fn(),
 }));
-Object.defineProperty(window, 'matchMedia', {
-    writable: true,
-    value: mockWindowMatchMedia,
-});
-class IntersectionObserver {
-    observe() {
-        // do nothing
-    }
-    unobserve() {
-        // do nothing
-    }
-    disconnect() {
-        // do nothing
-    }
-}
-Object.defineProperty(window, 'IntersectionObserver', {
-    writable: true,
-    value: IntersectionObserver,
-});
-class ResizeObserver {
-    observe() {
-        // do nothing
-    }
-    unobserve() {
-        // do nothing
-    }
-    disconnect() {
-        // do nothing
-    }
-}
-Object.defineProperty(window, 'ResizeObserver', {
-    writable: true,
-    value: ResizeObserver,
-});
-class MutationObserver {
-    observe() {
-        // do nothing
-    }
-    disconnect() {
-        // do nothing
-    }
-}
-Object.defineProperty(window, 'MutationObserver', {
-    writable: true,
-    value: MutationObserver,
-});
+vi.stubGlobal('matchMedia', MatchMediaMock);
+const IntersectionObserverMock = vi.fn(() => ({
+    observe: vi.fn(),
+    unobserve: vi.fn(),
+    disconnect: vi.fn(),
+}));
+vi.stubGlobal('IntersectionObserver', IntersectionObserverMock);
+const ResizeObserverMock = vi.fn(() => ({
+    observe: vi.fn(),
+    unobserve: vi.fn(),
+    disconnect: vi.fn(),
+}));
+vi.stubGlobal('ResizeObserver', ResizeObserverMock);
+const MutationObserverMock = vi.fn(() => ({
+    observe: vi.fn(),
+    disconnect: vi.fn(),
+}));
+vi.stubGlobal('MutationObserver', MutationObserverMock);
+window.HTMLElement.prototype.scrollIntoView = vi.fn();

package/start.js

@@ -19,12 +19,14 @@ const __dirname = path.dirname(__filename);
     }
     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',

package/vitest.config.js

@@ -26,7 +26,7 @@ export const getConfig = () => {
             },
             server: {
                 deps: {
-                    inline: ['@helsenorge/designsystem-react', '@portabletext/react'],
+                    inline: ['@helsenorge/designsystem-react', '@helsenorge/datepicker', '@helsenorge/lightbox', '@portabletext/react'],
                 },
             },
         },

package/config/babel.config.cjs

@@ -1,14 +0,0 @@
-const parentBabelConfig = {
-  presets: [
-    ['@babel/preset-env', { targets: { node: 'current' } }],
-    ['@babel/preset-react', { typescript: true, runtime: 'automatic' }],
-    ['@babel/preset-typescript', { allExtensions: true, isTSX: true }],
-  ],
-  plugins: [
-    '@babel/plugin-syntax-dynamic-import',
-    ['@babel/plugin-proposal-class-properties', { loose: true }],
-    '@babel/plugin-transform-object-rest-spread',
-  ],
-};
-
-module.exports = parentBabelConfig;

package/jest.config.d.ts

@@ -1,4 +0,0 @@
-import type { Config } from 'jest';
-declare const config: Config;
-export default config;
-//# sourceMappingURL=jest.config.d.ts.map

package/jest.config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"jest.config.d.ts","sourceRoot":"","sources":["../src/jest.config.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAenC,QAAA,MAAM,MAAM,EAAE,MAsCb,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/jest.config.js

@@ -1,52 +0,0 @@
-import { createRequire } from 'node:module';
-const require = createRequire(import.meta.url);
-/* Legger til babel-jest + esm og babel-jest igjen uner 'transform' for å kunne håndtere esm import/exports */
-/* Viktig å ha @helsenorge pakker under transformIgnorePatterns fordi de eksporteres i rå esm */
-let individualConfig;
-const rootDir = process.cwd();
-try {
-    individualConfig = require(rootDir + '/jest.config.cjs');
-}
-catch (ex) {
-    console.log('Benytter delt jest.config.js-fil');
-}
-const config = {
-    rootDir,
-    verbose: true,
-    setupFilesAfterEnv: ['<rootDir>/node_modules/@helsenorge/library-build/setupTests.js'],
-    coverageProvider: 'v8',
-    testEnvironment: 'jest-environment-jsdom',
-    testEnvironmentOptions: {
-        url: 'http://tjenester.helsenorge.utvikling',
-    },
-    transform: {
-        '^.+\\.(js|jsx|ts|tsx)$': 'babel-jest',
-    },
-    transformIgnorePatterns: ['[/\\\\]node_modules[/\\\\](?!(@helsenorge)[/\\\\])', '^.+\\.module\\.(css|sass|scss|scss.d.ts)$'],
-    coverageReporters: ['cobertura', 'lcov', 'json'],
-    collectCoverage: true,
-    collectCoverageFrom: [
-        '**/*.ts',
-        '**/*.tsx',
-        '!**/node_modules/**',
-        '!**/lib/**',
-        '!**/dist/**',
-        '!**/__devonly__/**',
-        '!**/scripts/**',
-        '!**/types/**',
-        '!**/constants/*.ts',
-        '!**/*types.ts',
-    ],
-    moduleNameMapper: {
-        '\\.(css|scss)$': 'identity-obj-proxy',
-    },
-    moduleDirectories: ['node_modules', 'src'],
-    // Unngå warning om jest-haste-map: Haste module naming collision
-    modulePathIgnorePatterns: ['lib'],
-    moduleFileExtensions: ['js', 'json', 'jsx', 'ts', 'tsx', 'node'],
-    coveragePathIgnorePatterns: ['^.+\\.module\\.(css|sass|scss|scss.d.ts)$'],
-    testResultsProcessor: 'jest-junit-reporter',
-    cacheDirectory: '<rootDir>/.jest-cache',
-    ...individualConfig,
-};
-export default config;

package/setupTests.d.ts

@@ -1,8 +0,0 @@
-import '@testing-library/jest-dom';
-import 'whatwg-fetch';
-declare global {
-    interface Window {
-        HN: Record<string, unknown>;
-    }
-}
-//# sourceMappingURL=setupTests.d.ts.map

package/setupTests.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"setupTests.d.ts","sourceRoot":"","sources":["../src/setupTests.ts"],"names":[],"mappings":"AAIA,OAAO,2BAA2B,CAAC;AACnC,OAAO,cAAc,CAAC;AAEtB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KAC7B;CACF"}

package/setupTests.js

@@ -1,64 +0,0 @@
-// jest-dom adds custom jest matchers for asserting on DOM nodes.
-// allows you to do things like:
-// expect(element).toHaveTextContent(/react/i)
-// learn more: https://github.com/testing-library/jest-dom
-import '@testing-library/jest-dom';
-import 'whatwg-fetch';
-window.HN = {
-    Page: {},
-    Rest: {},
-    User: {},
-    Commands: {},
-    PortalCommands: {},
-};
-const mockWindowMatchMedia = jest.fn().mockImplementation(() => ({
-    matches: true,
-    addEventListener: jest.fn(),
-    removeEventListener: jest.fn(),
-}));
-Object.defineProperty(window, 'matchMedia', {
-    writable: true,
-    value: mockWindowMatchMedia,
-});
-class IntersectionObserver {
-    observe() {
-        // do nothing
-    }
-    unobserve() {
-        // do nothing
-    }
-    disconnect() {
-        // do nothing
-    }
-}
-Object.defineProperty(window, 'IntersectionObserver', {
-    writable: true,
-    value: IntersectionObserver,
-});
-class ResizeObserver {
-    observe() {
-        // do nothing
-    }
-    unobserve() {
-        // do nothing
-    }
-    disconnect() {
-        // do nothing
-    }
-}
-Object.defineProperty(window, 'ResizeObserver', {
-    writable: true,
-    value: ResizeObserver,
-});
-class MutationObserver {
-    observe() {
-        // do nothing
-    }
-    disconnect() {
-        // do nothing
-    }
-}
-Object.defineProperty(window, 'MutationObserver', {
-    writable: true,
-    value: MutationObserver,
-});

package/test.d.ts

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

package/test.d.ts.map

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

package/test.js

@@ -1,22 +0,0 @@
-import { createRequire } from 'node:module';
-const require = createRequire(import.meta.url);
-// Do this as the first thing so that any code reading it knows the right env.
-process.env.BABEL_ENV = 'test';
-process.env.NODE_ENV = 'test';
-process.env.PUBLIC_URL = '';
-process.env.TZ = process.env.TZ ?? 'Europe/Oslo';
-// Makes the script crash on unhandled rejections instead of silently
-// ignoring them. In the future, promise rejections that are not handled will
-// terminate the Node.js process with a non-zero exit code.
-process.on('unhandledRejection', err => {
-    throw err;
-});
-const jestInstance = require('jest');
-const argv = process.argv.slice(2);
-// Always set config
-argv.push('--coverage');
-argv.push('--verbose');
-argv.push('--no-cache');
-argv.push('--config=node_modules/@helsenorge/library-build/jest.config.js');
-console.log('Du kjører jest med følgende arguments: ', argv);
-jestInstance.run(argv);