fix(cli): change moduleResolution to catch missing file extensions wh…

…ich cause trouble downstream (#2909)
digdir · Dec 16, 2024 · 9b6401b · 9b6401b
1 parent 1297ddc
commit 9b6401b
Show file tree

Hide file tree

Showing 10 changed files with 16 additions and 11 deletions.
diff --git a/.changeset/tasty-phones-invite.md b/.changeset/tasty-phones-invite.md
@@ -0,0 +1,5 @@
+---
+"@digdir/designsystemet": patch
+---
+
+Fix crash when running @digdir/designsystemet CLI due to differences in module resolution when used as a package
diff --git a/packages/cli/src/colors/utils.ts b/packages/cli/src/colors/utils.ts
@@ -1,6 +1,6 @@
 import chroma from 'chroma-js';
 import { Hsluv } from 'hsluv';
-import type { ColorNumber, CssColor } from './types';
+import type { ColorNumber, CssColor } from './types.js';
 
 /**
  * Converts a HEX color '#xxxxxx' into a CSS HSL string 'hsl(x,x,x)'

diff --git a/packages/cli/src/index.ts b/packages/cli/src/index.ts
@@ -1,2 +1,2 @@
-export * from './colors';
-export * from './tokens';
+export * from './colors/index.js';
+export * from './tokens/index.js';
diff --git a/packages/cli/src/tokens/build/types.ts b/packages/cli/src/tokens/build/types.ts
@@ -1,5 +1,5 @@
 import type { Config as StyleDictionaryConfig, TransformedToken } from 'style-dictionary/types';
-import type { GetStyleDictionaryConfig } from './configs';
+import type { GetStyleDictionaryConfig } from './configs.js';
 
 export const colorCategories = {
   main: 'main',

diff --git a/packages/cli/src/tokens/build/utils/entryfile.ts b/packages/cli/src/tokens/build/utils/entryfile.ts
@@ -2,7 +2,7 @@ import chalk from 'chalk';
 import glob from 'fast-glob';
 import fs from 'fs-extra';
 import * as R from 'ramda';
-import { writeFile } from '../../utils';
+import { writeFile } from '../../utils.js';
 
 /**
  * Defines a sort order for the sections of the entry CSS file.

diff --git a/packages/cli/src/tokens/build/utils/getMultidimensionalThemes.ts b/packages/cli/src/tokens/build/utils/getMultidimensionalThemes.ts
@@ -4,7 +4,7 @@ import chalk from 'chalk';
 import { kebabCase } from 'change-case';
 import * as R from 'ramda';
 import { buildOptions } from '../../build.js';
-import type { ThemeDimension, ThemePermutation } from '../types';
+import type { ThemeDimension, ThemePermutation } from '../types.js';
 
 /**
  * Find the theme permutations that are relevant for the given theme dimensions.

diff --git a/packages/cli/src/tokens/index.ts b/packages/cli/src/tokens/index.ts
@@ -1 +1 @@
-export { type CreateTokensOptions, createTokens, colorCliOptions } from './create';
+export { type CreateTokensOptions, createTokens, colorCliOptions } from './create.js';
diff --git a/packages/cli/src/tokens/template.ts b/packages/cli/src/tokens/template.ts
@@ -7,7 +7,7 @@ import originalColorCategoryJson from '../../../../design-tokens/semantic/modes/
   type: 'json',
 };
 import originalThemeJson from '../../../../design-tokens/themes/theme.json' with { type: 'json' };
-import { stringify } from './write';
+import { stringify } from './write.js';
 
 const DIRNAME: string = import.meta.dirname || __dirname;
 

diff --git a/packages/cli/src/tokens/types.ts b/packages/cli/src/tokens/types.ts
@@ -1,4 +1,4 @@
-import type { CssColor } from '../colors/types';
+import type { CssColor } from '../colors/types.js';
 
 export type Token = { $value: string; $type: string };
 export type Tokens1ary = Record<string, Token>;

diff --git a/packages/cli/tsconfig.json b/packages/cli/tsconfig.json
@@ -9,8 +9,8 @@
     "noEmit": false,
     "esModuleInterop": true,
     "resolveJsonModule": true,
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext",
     "sourceMap": false,
     "incremental": false
   },
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		export { type CreateTokensOptions, createTokens, colorCliOptions } from './create';
		export { type CreateTokensOptions, createTokens, colorCliOptions } from './create.js';