fix: use js extensions instead of ts in imports (#1374)

amzn · Nov 4, 2024 · ef61399 · ef61399
1 parent 9c1df34
commit ef61399
Show file tree

Hide file tree

Showing 84 changed files with 327 additions and 287 deletions.
diff --git a/docs/src/components/sd-playground.ts b/docs/src/components/sd-playground.ts
@@ -6,12 +6,12 @@ import '@shoelace-style/shoelace/dist/components/radio-button/radio-button.js';
 import '@shoelace-style/shoelace/dist/components/radio-group/radio-group.js';
 import '@shoelace-style/shoelace/dist/components/select/select.js';
 import '@shoelace-style/shoelace/dist/components/option/option.js';
-import { bundle } from '../utils/rollup-bundle.ts';
-import { changeLang, init, monaco } from '../monaco/monaco.ts';
-import { analyzeDependencies } from '../utils/analyzeDependencies.ts';
+import { bundle } from '../utils/rollup-bundle.js';
+import { changeLang, init, monaco } from '../monaco/monaco.js';
+import { analyzeDependencies } from '../utils/analyzeDependencies.js';
 import { downloadZIP } from '../../../lib/utils/downloadFile.js';
 import type SlRadioGroup from '@shoelace-style/shoelace/dist/components/radio-group/radio-group.js';
-import type { Config } from '../../../types/Config.ts';
+import type { Config } from '../../../types/Config.js';
 
 const defaults = {
   tokens: {

diff --git a/docs/src/monaco/monaco.ts b/docs/src/monaco/monaco.ts
@@ -1,6 +1,6 @@
 import type * as monacoType from 'monaco-editor';
-import darkTheme from './dark-theme';
-import githubTheme from './github-light-theme';
+import darkTheme from './dark-theme.js';
+import githubTheme from './github-light-theme.js';
 
 export let monaco: typeof monacoType;
 

diff --git a/docs/src/setup.ts b/docs/src/setup.ts
@@ -1,7 +1,7 @@
 import dark from '@shoelace-style/shoelace/dist/themes/dark.css?raw' assert { type: 'css' };
 import light from '@shoelace-style/shoelace/dist/themes/light.css?raw' assert { type: 'css' };
 import mermaid from 'mermaid';
-import { registeredComponents } from './components/sd-playground.ts';
+import { registeredComponents } from './components/sd-playground.js';
 
 type Theme = 'dark' | 'light';
 type EnhancedCSSSheet = CSSStyleSheet & { theme?: boolean };

diff --git a/docs/starlight-config.ts b/docs/starlight-config.ts
@@ -1,11 +1,9 @@
 import type { StarlightUserConfig } from '@astrojs/starlight/types';
-import starlightLinksValidator from 'starlight-links-validator'
-import { pluginLanguageClass } from './expressive-code-plugin-language-class.ts';
+import starlightLinksValidator from 'starlight-links-validator';
+import { pluginLanguageClass } from './expressive-code-plugin-language-class.js';
 
 export default {
-  plugins: [
-    starlightLinksValidator()
-  ],
+  plugins: [starlightLinksValidator()],
   expressiveCode: {
     plugins: [
       // Call the plugin initialization function inside the `plugins` array

diff --git a/lib/Register.js b/lib/Register.js
@@ -6,14 +6,14 @@ import filterBuiltins from './common/filters.js';
 import { deepmerge } from './utils/deepmerge.js';
 
 /**
- * @typedef {import('../types/File.ts').FileHeader} FileHeader
- * @typedef {import('../types/Parser.ts').Parser} Parser
- * @typedef {import('../types/Preprocessor.ts').Preprocessor} Preprocessor
- * @typedef {import('../types/Transform.ts').Transform} Transform
- * @typedef {import('../types/Filter.ts').Filter} Filter
- * @typedef {import('../types/Format.ts').Format} Format
- * @typedef {import('../types/Action.ts').Action} Action
- * @typedef {import('../types/Config.ts').Hooks} Hooks
+ * @typedef {import('../types/File.d.ts').FileHeader} FileHeader
+ * @typedef {import('../types/Parser.d.ts').Parser} Parser
+ * @typedef {import('../types/Preprocessor.d.ts').Preprocessor} Preprocessor
+ * @typedef {import('../types/Transform.d.ts').Transform} Transform
+ * @typedef {import('../types/Filter.d.ts').Filter} Filter
+ * @typedef {import('../types/Format.d.ts').Format} Format
+ * @typedef {import('../types/Action.d.ts').Action} Action
+ * @typedef {import('../types/Config.d.ts').Hooks} Hooks
  */
 
 /**

diff --git a/lib/StyleDictionary.js b/lib/StyleDictionary.js
@@ -42,20 +42,20 @@ import cleanActions from './cleanActions.js';
 import { isNode } from './utils/isNode.js';
 
 /**
- * @typedef {import('../types/Volume.ts').Volume} Volume
- * @typedef {import('../types/Config.ts').Config} Config
- * @typedef {import('../types/Config.ts').PlatformConfig} PlatformConfig
- * @typedef {import('../types/Config.ts').LogConfig} LogConfig
- * @typedef {import('../types/Config.ts').Expand} Expand
- * @typedef {import('../types/Config.ts').ExpandConfig} ExpandConfig
- * @typedef {import('../types/File.ts').File} File
- * @typedef {import('../types/Filter.ts').Filter} Filter
- * @typedef {import('../types/DesignToken.ts').DesignToken} Token
- * @typedef {import('../types/DesignToken.ts').TransformedToken} TransformedToken
- * @typedef {import('../types/DesignToken.ts').DesignTokens} Tokens
- * @typedef {import('../types/DesignToken.ts').PreprocessedTokens} PreprocessedTokens
- * @typedef {import('../types/DesignToken.ts').TransformedTokens} TransformedTokens
- * @typedef {import('../types/DesignToken.ts').Dictionary} Dictionary
+ * @typedef {import('../types/Volume.d.ts').Volume} Volume
+ * @typedef {import('../types/Config.d.ts').Config} Config
+ * @typedef {import('../types/Config.d.ts').PlatformConfig} PlatformConfig
+ * @typedef {import('../types/Config.d.ts').LogConfig} LogConfig
+ * @typedef {import('../types/Config.d.ts').Expand} Expand
+ * @typedef {import('../types/Config.d.ts').ExpandConfig} ExpandConfig
+ * @typedef {import('../types/File.d.ts').File} File
+ * @typedef {import('../types/Filter.d.ts').Filter} Filter
+ * @typedef {import('../types/DesignToken.d.ts').DesignToken} Token
+ * @typedef {import('../types/DesignToken.d.ts').TransformedToken} TransformedToken
+ * @typedef {import('../types/DesignToken.d.ts').DesignTokens} Tokens
+ * @typedef {import('../types/DesignToken.d.ts').PreprocessedTokens} PreprocessedTokens
+ * @typedef {import('../types/DesignToken.d.ts').TransformedTokens} TransformedTokens
+ * @typedef {import('../types/DesignToken.d.ts').Dictionary} Dictionary
  */
 
 const PROPERTY_VALUE_COLLISIONS = GroupMessages.GROUP.PropertyValueCollisions;

diff --git a/lib/cleanActions.js b/lib/cleanActions.js
@@ -13,10 +13,10 @@
 import { fs } from 'style-dictionary/fs';
 
 /**
- * @typedef {import('../types/Volume.ts').Volume} Volume
- * @typedef {import('../types/DesignToken.ts').Dictionary} Dictionary
- * @typedef {import('../types/Config.ts').PlatformConfig} PlatformConfig
- * @typedef {import('../types/Config.ts').Config} Config
+ * @typedef {import('../types/Volume.d.ts').Volume} Volume
+ * @typedef {import('../types/DesignToken.d.ts').Dictionary} Dictionary
+ * @typedef {import('../types/Config.d.ts').PlatformConfig} PlatformConfig
+ * @typedef {import('../types/Config.d.ts').Config} Config
  */
 
 /**

diff --git a/lib/cleanDir.js b/lib/cleanDir.js
@@ -16,9 +16,9 @@ import { dirname } from 'path-unified';
 import { fs } from 'style-dictionary/fs';
 
 /**
- * @typedef {import('../types/Volume.ts').Volume} Volume
- * @typedef {import('../types/Config.ts').PlatformConfig} Config
- * @typedef {import('../types/File.ts').File} File
+ * @typedef {import('../types/Volume.d.ts').Volume} Volume
+ * @typedef {import('../types/Config.d.ts').PlatformConfig} Config
+ * @typedef {import('../types/File.d.ts').File} File
  */
 
 /**

diff --git a/lib/cleanDirs.js b/lib/cleanDirs.js
@@ -14,8 +14,8 @@
 import cleanDir from './cleanDir.js';
 
 /**
- * @typedef {import('../types/Volume.ts').Volume} Volume
- * @typedef {import('../types/Config.ts').PlatformConfig} Config
+ * @typedef {import('../types/Volume.d.ts').Volume} Volume
+ * @typedef {import('../types/Config.d.ts').PlatformConfig} Config
  */
 
 /**

diff --git a/lib/cleanFile.js b/lib/cleanFile.js
@@ -15,9 +15,9 @@ import chalk from 'chalk';
 import { fs } from 'style-dictionary/fs';
 
 /**
- * @typedef {import('../types/Volume.ts').Volume} Volume
- * @typedef {import('../types/File.ts').File} File
- * @typedef {import('../types/Config.ts').PlatformConfig} PlatformConfig
+ * @typedef {import('../types/Volume.d.ts').Volume} Volume
+ * @typedef {import('../types/File.d.ts').File} File
+ * @typedef {import('../types/Config.d.ts').PlatformConfig} PlatformConfig
  */
 
 /**

diff --git a/lib/cleanFiles.js b/lib/cleanFiles.js
@@ -14,8 +14,8 @@
 import cleanFile from './cleanFile.js';
 
 /**
- * @typedef {import('../types/Volume.ts').Volume} Volume
- * @typedef {import('../types/Config.ts').PlatformConfig} PlatformConfig
+ * @typedef {import('../types/Volume.d.ts').Volume} Volume
+ * @typedef {import('../types/Config.d.ts').PlatformConfig} PlatformConfig
  */
 
 /**

diff --git a/lib/common/actions.js b/lib/common/actions.js
@@ -14,10 +14,10 @@
 import { fs } from 'style-dictionary/fs';
 
 /**
- * @typedef {import('../../types/DesignToken.ts').Dictionary} Dictionary
- * @typedef {import('../../types/Action.ts').Action} Action
+ * @typedef {import('../../types/DesignToken.d.ts').Dictionary} Dictionary
+ * @typedef {import('../../types/Action.d.ts').Action} Action
  * @typedef {import('../../types/Config.js').PlatformConfig} Config
- * @typedef {import('../../types/DesignToken.ts').TransformedToken} Token
+ * @typedef {import('../../types/DesignToken.d.ts').TransformedToken} Token
  */
 
 /**

diff --git a/lib/common/filters.js b/lib/common/filters.js
@@ -12,7 +12,7 @@
  */
 
 /**
- * @typedef {import('../../types/Filter.ts').Filter} Filter
+ * @typedef {import('../../types/Filter.d.ts').Filter} Filter
  */
 
 /**

diff --git a/lib/common/formatHelpers/createPropertyFormatter.js b/lib/common/formatHelpers/createPropertyFormatter.js
@@ -14,10 +14,10 @@ import { getReferences } from '../../utils/references/getReferences.js';
 import usesReferences from '../../utils/references/usesReferences.js';
 
 /**
- * @typedef {import('../../../types/DesignToken.ts').TransformedToken} TransformedToken
- * @typedef {import('../../../types/DesignToken.ts').Dictionary} Dictionary
- * @typedef {import('../../../types/File.ts').FormattingOptions} Formatting
- * @typedef {import('../../../types/Format.ts').OutputReferences} OutputReferences
+ * @typedef {import('../../../types/DesignToken.d.ts').TransformedToken} TransformedToken
+ * @typedef {import('../../../types/DesignToken.d.ts').Dictionary} Dictionary
+ * @typedef {import('../../../types/File.d.ts').FormattingOptions} Formatting
+ * @typedef {import('../../../types/Format.d.ts').OutputReferences} OutputReferences
  */
 
 /**
@@ -116,7 +116,7 @@ export function addComment(to_ret_token, comment, options) {
  * @param {Formatting} [options.formatting] - Custom formatting properties that define parts of a declaration line in code. The configurable strings are: `prefix`, `indentation`, `separator`, `suffix`, `lineSeparator`, `fileHeaderTimestamp`, `header`, `footer`, `commentStyle` and `commentPosition`. Those are used to generate a line like this: `${indentation}${prefix}${token.name}${separator} ${prop.value}${suffix}`. The remaining formatting options are used for the fileHeader helper.
  * @param {boolean} [options.themeable] [false] - Whether tokens should default to being themeable.
  * @param {boolean} [options.usesDtcg] [false] - Whether DTCG token syntax should be uses.
- * @returns {(token: import('../../../types/DesignToken.ts').TransformedToken) => string}
+ * @returns {(token: import('../../../types/DesignToken.d.ts').TransformedToken) => string}
  */
 export default function createPropertyFormatter({
   outputReferences = false,

diff --git a/lib/common/formatHelpers/fileHeader.js b/lib/common/formatHelpers/fileHeader.js
@@ -13,10 +13,10 @@
 
 /**
  *
- * @typedef {import('../../../types/File.ts').File} File
- * @typedef {import('../../../types/File.ts').FileHeader} FileHeader
- * @typedef {import('../../../types/File.ts').FormattingOptions} Formatting
- * @typedef {import('../../../types/Config.ts').Config} Config
+ * @typedef {import('../../../types/File.d.ts').File} File
+ * @typedef {import('../../../types/File.d.ts').FileHeader} FileHeader
+ * @typedef {import('../../../types/File.d.ts').FormattingOptions} Formatting
+ * @typedef {import('../../../types/Config.d.ts').Config} Config
  */
 
 const lineSeparator = `\n`;

diff --git a/lib/common/formatHelpers/formattedVariables.js b/lib/common/formatHelpers/formattedVariables.js
@@ -15,11 +15,11 @@ import createPropertyFormatter from './createPropertyFormatter.js';
 import sortByReference from './sortByReference.js';
 
 /**
- * @typedef {import('../../../types/DesignToken.ts').TransformedToken} Token
- * @typedef {import('../../../types/DesignToken.ts').TransformedTokens} Tokens
- * @typedef {import('../../../types/File.ts').FormattingOptions} Formatting
- * @typedef {import('../../../types/Format').OutputReferences} OutputReferences
- * @typedef {import('../../../types/DesignToken.ts').Dictionary} Dictionary
+ * @typedef {import('../../../types/DesignToken.d.ts').TransformedToken} Token
+ * @typedef {import('../../../types/DesignToken.d.ts').TransformedTokens} Tokens
+ * @typedef {import('../../../types/File.d.ts').FormattingOptions} Formatting
+ * @typedef {import('../../../types/Format.d.ts').OutputReferences} OutputReferences
+ * @typedef {import('../../../types/DesignToken.d.ts').Dictionary} Dictionary
  */
 
 const defaultFormatting = {

diff --git a/lib/common/formatHelpers/getTypeScriptType.js b/lib/common/formatHelpers/getTypeScriptType.js
@@ -12,8 +12,8 @@
  */
 
 /**
- * @typedef {import('../../../types/Config.ts').LocalOptions} Options
- * @typedef {import('../../../types/Config.ts').Config} Config
+ * @typedef {import('../../../types/Config.d.ts').LocalOptions} Options
+ * @typedef {import('../../../types/Config.d.ts').Config} Config
  */
 
 /**

diff --git a/lib/common/formatHelpers/iconsWithPrefix.js b/lib/common/formatHelpers/iconsWithPrefix.js
@@ -12,9 +12,9 @@
  */
 
 /**
- * @typedef {import('../../../types/DesignToken.ts').TransformedToken} Token
- * @typedef {import('../../../types/Config.ts').Config} Options
- * @typedef {import('../../../types/Config.ts').PlatformConfig} PlatformConfig
+ * @typedef {import('../../../types/DesignToken.d.ts').TransformedToken} Token
+ * @typedef {import('../../../types/Config.d.ts').Config} Options
+ * @typedef {import('../../../types/Config.d.ts').PlatformConfig} PlatformConfig
  */
 
 /**

diff --git a/lib/common/formatHelpers/minifyDictionary.js b/lib/common/formatHelpers/minifyDictionary.js
@@ -12,7 +12,7 @@
  */
 
 /**
- * @typedef {import('../../../types/DesignToken.ts').TransformedTokens} Tokens
+ * @typedef {import('../../../types/DesignToken.d.ts').TransformedTokens} Tokens
  */
 
 /**

diff --git a/lib/common/formatHelpers/setComposeObjectProperties.js b/lib/common/formatHelpers/setComposeObjectProperties.js
@@ -12,7 +12,7 @@
  */
 
 /**
- * @typedef {import('../../../types/Config.ts').LocalOptions} Options
+ * @typedef {import('../../../types/Config.d.ts').LocalOptions} Options
  */
 
 /**

diff --git a/lib/common/formatHelpers/setSwiftFileProperties.js b/lib/common/formatHelpers/setSwiftFileProperties.js
@@ -12,7 +12,7 @@
  */
 
 /**
- * @typedef {import('../../../types/Config.ts').LocalOptions} Options
+ * @typedef {import('../../../types/Config.d.ts').LocalOptions} Options
  */
 
 /**

diff --git a/lib/common/formatHelpers/sortByReference.js b/lib/common/formatHelpers/sortByReference.js
@@ -15,8 +15,8 @@ import usesReferences from '../../utils/references/usesReferences.js';
 import { getReferences } from '../../utils/references/getReferences.js';
 
 /**
- * @typedef {import('../../../types/DesignToken.ts').TransformedTokens} Tokens
- * @typedef {import('../../../types/DesignToken.ts').TransformedToken} Token
+ * @typedef {import('../../../types/DesignToken.d.ts').TransformedTokens} Tokens
+ * @typedef {import('../../../types/DesignToken.d.ts').TransformedToken} Token
  */
 
 const A_COMES_FIRST = -1;

diff --git a/lib/common/formats.js b/lib/common/formats.js
@@ -47,12 +47,12 @@ import macrosTemplate from './templates/ios/macros.template.js';
 import plistTemplate from './templates/ios/plist.template.js';
 
 /**
- * @typedef {import('../../types/Format.ts').Format} Format
- * @typedef {import('../../types/Format.ts').FormatFnArguments} FormatArgs
- * @typedef {import('../../types/File').FormattingOverrides} FormattingOverrides
- * @typedef {import('../../types/Format.ts').OutputReferences} OutputReferences
- * @typedef {import('../../types/DesignToken.ts').TransformedToken} Token
- * @typedef {import('../../types/DesignToken.ts').TransformedTokens} Tokens
+ * @typedef {import('../../types/Format.d.ts').Format} Format
+ * @typedef {import('../../types/Format.d.ts').FormatFnArguments} FormatArgs
+ * @typedef {import('../../types/File.d.ts').FormattingOverrides} FormattingOverrides
+ * @typedef {import('../../types/Format.d.ts').OutputReferences} OutputReferences
+ * @typedef {import('../../types/DesignToken.d.ts').TransformedToken} Token
+ * @typedef {import('../../types/DesignToken.d.ts').TransformedTokens} Tokens
  */
 
 /**
@@ -668,7 +668,7 @@ const formats = {
       return type;
     }
 
-    // TODO: find a browser+node compatible way to read from '../../types/DesignToken.ts'
+    // TODO: find a browser+node compatible way to read from '../../types/DesignToken.d.ts'
     const designTokenInterface = `interface DesignToken {
   ${options.usesDtcg ? '$' : ''}value?: any;
   ${options.usesDtcg ? '$' : ''}type?: string;

diff --git a/lib/common/templates/android/colors.template.js b/lib/common/templates/android/colors.template.js
@@ -1,7 +1,7 @@
 /**
- * @typedef {import('../../../../types/DesignToken.ts').Dictionary} Dictionary
- * @typedef {import('../../../../types/Config.ts').Config} Config
- * @typedef {import('../../../../types/Config.ts').LocalOptions} LocalOptions
+ * @typedef {import('../../../../types/DesignToken.d.ts').Dictionary} Dictionary
+ * @typedef {import('../../../../types/Config.d.ts').Config} Config
+ * @typedef {import('../../../../types/Config.d.ts').LocalOptions} LocalOptions
  */
 
 /**

diff --git a/lib/common/templates/android/dimens.template.js b/lib/common/templates/android/dimens.template.js
@@ -1,7 +1,7 @@
 /**
- * @typedef {import('../../../../types/DesignToken.ts').Dictionary} Dictionary
- * @typedef {import('../../../../types/Config.ts').Config} Config
- * @typedef {import('../../../../types/Config.ts').LocalOptions} LocalOptions
+ * @typedef {import('../../../../types/DesignToken.d.ts').Dictionary} Dictionary
+ * @typedef {import('../../../../types/Config.d.ts').Config} Config
+ * @typedef {import('../../../../types/Config.d.ts').LocalOptions} LocalOptions
  */
 
 /**

diff --git a/lib/common/templates/android/fontDimens.template.js b/lib/common/templates/android/fontDimens.template.js
@@ -1,7 +1,7 @@
 /**
- * @typedef {import('../../../../types/DesignToken.ts').Dictionary} Dictionary
- * @typedef {import('../../../../types/Config.ts').Config} Config
- * @typedef {import('../../../../types/Config.ts').LocalOptions} LocalOptions
+ * @typedef {import('../../../../types/DesignToken.d.ts').Dictionary} Dictionary
+ * @typedef {import('../../../../types/Config.d.ts').Config} Config
+ * @typedef {import('../../../../types/Config.d.ts').LocalOptions} LocalOptions
  */
 
 /**

diff --git a/lib/common/templates/android/integers.template.js b/lib/common/templates/android/integers.template.js
@@ -1,7 +1,7 @@
 /**
- * @typedef {import('../../../../types/DesignToken.ts').Dictionary} Dictionary
- * @typedef {import('../../../../types/Config.ts').Config} Config
- * @typedef {import('../../../../types/Config.ts').LocalOptions} LocalOptions
+ * @typedef {import('../../../../types/DesignToken.d.ts').Dictionary} Dictionary
+ * @typedef {import('../../../../types/Config.d.ts').Config} Config
+ * @typedef {import('../../../../types/Config.d.ts').LocalOptions} LocalOptions
  */
 
 /**