fix npx not working with cli

digdir · Jun 19, 2024 · 1b73a43 · 1b73a43
1 parent 69e96d4
commit 1b73a43
Show file tree

Hide file tree

Showing 8 changed files with 17 additions and 16 deletions.
diff --git a/packages/cli/src/colors/index.ts b/packages/cli/src/colors/index.ts
@@ -1,3 +1,3 @@
-export * from './colorUtils';
-export * from './themeUtils';
-export * from './types';
+export * from './colorUtils.js';
+export * from './themeUtils.js';
+export * from './types.js';
diff --git a/packages/cli/src/colors/themeUtils.ts b/packages/cli/src/colors/themeUtils.ts
@@ -3,7 +3,7 @@ import { BackgroundColor, Color, Theme } from '@adobe/leonardo-contrast-colors';
 import { Hsluv } from 'hsluv';
 
 import type { ContrastMode, Mode, ColorInfo, ColorNumber, ThemeInfo, ColorType } from './types.ts';
-import { getContrastFromHex, getContrastFromLightness, getLightnessFromHex } from './colorUtils';
+import { getContrastFromHex, getContrastFromLightness, getLightnessFromHex } from './colorUtils.js';
 
 const blueBaseColor = '#0A71C0';
 const greenBaseColor = '#078D19';

diff --git a/packages/cli/src/tokens/configs.ts b/packages/cli/src/tokens/configs.ts
@@ -5,13 +5,13 @@ import type { Config, TransformedToken } from 'style-dictionary/types';
 import * as R from 'ramda';
 import type { ThemeObject } from '@tokens-studio/types';
 
-import { permutateThemes as permutateThemes_ } from './utils/permutateThemes';
+import { permutateThemes as permutateThemes_ } from './utils/permutateThemes.js';
 import { nameKebab, typographyShorthand, sizeRem } from './transformers.js';
 import { jsTokens } from './formats/js-tokens.js';
 import { cssVariables } from './formats/css-variables.js';
-import { cssClassesTypography } from './formats/css-classes';
+import { cssClassesTypography } from './formats/css-classes.js';
 import { makeEntryFile } from './actions.js';
-import { typeEquals } from './utils/utils';
+import { typeEquals } from './utils/utils.js';
 
 void tokenStudio.registerTransforms(StyleDictionary);
 

diff --git a/packages/cli/src/tokens/formats/css-classes.ts b/packages/cli/src/tokens/formats/css-classes.ts
@@ -3,8 +3,8 @@ import type { TransformedToken } from 'style-dictionary';
 import type { Format } from 'style-dictionary/types';
 import { fileHeader, createPropertyFormatter, getReferences } from 'style-dictionary/utils';
 
-import { getValue, typeEquals } from '../utils/utils';
-import { prefix } from '../configs';
+import { getValue, typeEquals } from '../utils/utils.js';
+import { prefix } from '../configs.js';
 
 type Typgraphy = {
   fontWeight: string;

diff --git a/packages/cli/src/tokens/formats/css-variables.ts b/packages/cli/src/tokens/formats/css-variables.ts
@@ -3,8 +3,8 @@ import type { TransformedToken } from 'style-dictionary';
 import type { Format } from 'style-dictionary/types';
 import { fileHeader, createPropertyFormatter, usesReferences } from 'style-dictionary/utils';
 
-import type { IsCalculatedToken } from '../configs';
-import { getValue } from '../utils/utils';
+import type { IsCalculatedToken } from '../configs.js';
+import { getValue } from '../utils/utils.js';
 
 const calculatedVariable = R.pipe(R.split(/:(.*?);/g), (split) => `${split[0]}: calc(${R.trim(split[1])});`);
 

diff --git a/packages/cli/src/tokens/formats/js-tokens.ts b/packages/cli/src/tokens/formats/js-tokens.ts
@@ -2,7 +2,7 @@ import * as R from 'ramda';
 import type { TransformedToken, Format } from 'style-dictionary/types';
 import { fileHeader, createPropertyFormatter } from 'style-dictionary/utils';
 
-import { getType } from '../utils/utils';
+import { getType } from '../utils/utils.js';
 
 const groupByType = R.groupBy((token: TransformedToken) => getType(token));
 

diff --git a/packages/cli/src/tokens/transformers.ts b/packages/cli/src/tokens/transformers.ts
@@ -1,8 +1,8 @@
 import * as R from 'ramda';
 import type { Transform } from 'style-dictionary/types';
 
-import { noCase } from './utils/noCase';
-import { getValue, typeEquals } from './utils/utils';
+import { noCase } from './utils/noCase.js';
+import { getValue, typeEquals } from './utils/utils.js';
 
 const isPx = R.test(/\b\d+px\b/g);
 

diff --git a/packages/cli/tsconfig.json b/packages/cli/tsconfig.json
@@ -8,8 +8,9 @@
     "emitDeclarationOnly": false,
     "noEmit": false,
     "esModuleInterop": true,
-    "module": "esnext",
-    "moduleResolution": "bundler",
+    "target": "esnext",
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext",
     "sourceMap": false
   },
   "rootDir": "./src",