Convert script to TypeScript

dnbexperience · Apr 13, 2023 · 4be3345 · 4be3345
1 parent 0b86309
commit 4be3345
Show file tree

Hide file tree

Showing 1,107 changed files with 1,116 additions and 1,116 deletions.
diff --git a/packages/dnb-eufemia/package.json b/packages/dnb-eufemia/package.json
@@ -40,7 +40,7 @@
     "build:types:dev": "nodemon --exec 'babel-node --extensions .js,.ts,.tsx ./scripts/prebuild/generateTypes.js' --ext js --watch './src/**/*' --watch './scripts/**/*'",
     "build:types:esm": "yarn tsc --project tsconfig.definitions.json --declarationDir ./build/esm --rootDir src",
     "precommit": "yarn lint-staged",
-    "dev:icons": "nodemon --exec 'babel-node --extensions .js,.ts,.tsx ./scripts/tools/convertIcons' --ignore '/icons/**' --ignore '*.json'",
+    "dev:icons": "nodemon --exec 'babel-node --extensions .js,.ts,.tsx ./scripts/tools/convertIcons' --ext ts --ignore '/icons/**' --ignore '*.json'",
     "dev:packages": "nodemon --exec 'yarn build:packages && yarn build:copy' --ext js,html,json,css,scss --watch './src/**/*' --ignore './umd/*'",
     "dev:resources": "nodemon --exec 'babel-node --extensions .js,.ts,.tsx ./scripts/prebuild/resources/makeResourcesPackage.js' --ext js,html,json,css,scss --watch './build/style/**/*' --watch './scripts/**/*' --ignore '*.json'",
     "dev:tasks": "nodemon --exec 'babel-node --extensions .js,.ts,.tsx ./scripts/prebuild/dev.js' --watch 'rollup.config.js' --ext js,html,json,css,scss --watch './src/components/**/*' --watch './src/style/**/*' --watch './scripts/**/*' --ignore '*.json'",

diff --git a/...scripts/prebuild/tasks/convertSvgToJsx.js → ...scripts/prebuild/tasks/convertSvgToJsx.ts b/...scripts/prebuild/tasks/convertSvgToJsx.js → ...scripts/prebuild/tasks/convertSvgToJsx.ts
@@ -68,7 +68,7 @@ export default async function convertSvgToJsx({
       `> PrePublish: converting "svg to jsx" for "${assetsDir}" as started ...`
     )
 
-    const icons = await transformSvg({
+    const icons: Array<{ name: string }> = await transformSvg({
       srcPath,
       destPath,
       assetsDir,
@@ -144,7 +144,7 @@ const transformSvgToReact = ({ srcPath, destPath }) => {
     try {
       gulp
         .src(srcPath, { cwd: ROOT_DIR })
-        .pipe(transform('utf8', transformToJsx))
+        .pipe(transform('utf8' as gulp.Encoding, transformToJsx))
         .pipe(
           rename((path) => {
             path.extname = '.tsx'
@@ -159,7 +159,7 @@ const transformSvgToReact = ({ srcPath, destPath }) => {
   })
 }
 
-const transformToJsx = (content, file) => {
+const transformToJsx = (content, file): PromiseLike<string> => {
   if (String(content).trim().length === 0) {
     fs.unlinkSync(file.path)
     return Promise.resolve('')
@@ -192,7 +192,7 @@ const transformToJsx = (content, file) => {
         .then((res) => {
           log.info(`> PrePublish: Icon was converted: ${basename}`)
           resolve(
-            '/** This file is auto generated by convertSvgToJsx.js */\n\n' +
+            '/** This file is auto generated by convertSvgToJsx.ts */\n\n' +
               prettier
                 .format(res, {
                   ...prettierrc,
@@ -255,7 +255,6 @@ const makeIconsEntryFiles = async ({
 
   await generateIndexFile({ icons, destPath, assetsDir })
   await generateGroupFiles({
-    icons,
     destPath,
     assetsDir,
     customIconsLockFilePath,
@@ -279,7 +278,7 @@ const generateIndexFile = async ({ icons, destPath, assetsDir }) => {
   const _keys = icons.map(({ name }) => name).join(', ')
 
   const indexContent = prettier.format(
-    `/** This file is auto generated by convertSvgToJsx.js */
+    `/** This file is auto generated by convertSvgToJsx.ts */
 
       ${_imports}
 
@@ -312,9 +311,10 @@ const generateGroupFiles = async ({
 }) => {
   // get the svg lock file
   const { iconsLockFile } = IconsConfig({ assetsDir })
-  const lockFileContent = await readIconsLockFile({
-    file: customIconsLockFilePath || iconsLockFile,
-  })
+  const lockFileContent: Record<string, { bundleName: string }> =
+    await readIconsLockFile({
+      file: customIconsLockFilePath || iconsLockFile,
+    })
 
   // from the svg lock file we can generate groups out of the "bundleName"
   const groups = Object.entries(lockFileContent).reduce(
@@ -367,7 +367,7 @@ const generateGroupFiles = async ({
         const _keys = entries.map(({ name }) => name).join(', ')
 
         const groupFileContent = prettier.format(
-          `/** This file is auto generated by convertSvgToJsx.js */
+          `/** This file is auto generated by convertSvgToJsx.ts */
 
             ${_imports}
 
@@ -395,7 +395,7 @@ const generateFallbackIndexFiles = async ({
   try {
     await asyncForEach(Object.entries(icons), async ([, { filename }]) => {
       const indexFileContent = prettier.format(
-        `/** This file is auto generated by convertSvgToJsx.js */
+        `/** This file is auto generated by convertSvgToJsx.ts */
                 
             import icon from './${assetsDir}/${filename}'
             export default icon

diff --git a/...dnb-eufemia/scripts/tools/convertIcons.js → ...dnb-eufemia/scripts/tools/convertIcons.ts b/...dnb-eufemia/scripts/tools/convertIcons.js → ...dnb-eufemia/scripts/tools/convertIcons.ts
diff --git a/packages/dnb-eufemia/src/components/icon/__tests__/test-files/index.ts b/packages/dnb-eufemia/src/components/icon/__tests__/test-files/index.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import question from './question'
 

diff --git a/packages/dnb-eufemia/src/components/icon/__tests__/test-files/question.tsx b/packages/dnb-eufemia/src/components/icon/__tests__/test-files/question.tsx
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import React from 'react'
 const bell = (props) => (

diff --git a/packages/dnb-eufemia/src/icons/above_the_line.ts b/packages/dnb-eufemia/src/icons/above_the_line.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/above_the_line'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/above_the_line_medium.ts b/packages/dnb-eufemia/src/icons/above_the_line_medium.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/above_the_line_medium'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/account.ts b/packages/dnb-eufemia/src/icons/account.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/account'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/account_card.ts b/packages/dnb-eufemia/src/icons/account_card.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/account_card'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/account_card_medium.ts b/packages/dnb-eufemia/src/icons/account_card_medium.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/account_card_medium'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/account_in.ts b/packages/dnb-eufemia/src/icons/account_in.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/account_in'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/account_in_medium.ts b/packages/dnb-eufemia/src/icons/account_in_medium.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/account_in_medium'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/account_medium.ts b/packages/dnb-eufemia/src/icons/account_medium.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/account_medium'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/account_out.ts b/packages/dnb-eufemia/src/icons/account_out.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/account_out'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/account_out_medium.ts b/packages/dnb-eufemia/src/icons/account_out_medium.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/account_out_medium'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/account_percent.ts b/packages/dnb-eufemia/src/icons/account_percent.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/account_percent'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/account_percent_medium.ts b/packages/dnb-eufemia/src/icons/account_percent_medium.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/account_percent_medium'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/add.ts b/packages/dnb-eufemia/src/icons/add.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/add'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/add_circled.ts b/packages/dnb-eufemia/src/icons/add_circled.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/add_circled'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/add_circled_medium.ts b/packages/dnb-eufemia/src/icons/add_circled_medium.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/add_circled_medium'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/add_medium.ts b/packages/dnb-eufemia/src/icons/add_medium.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/add_medium'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/ainvoice.ts b/packages/dnb-eufemia/src/icons/ainvoice.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/ainvoice'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/ainvoice_medium.ts b/packages/dnb-eufemia/src/icons/ainvoice_medium.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/ainvoice_medium'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/ambulance.ts b/packages/dnb-eufemia/src/icons/ambulance.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/ambulance'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/ambulance_medium.ts b/packages/dnb-eufemia/src/icons/ambulance_medium.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/ambulance_medium'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/animal_print.ts b/packages/dnb-eufemia/src/icons/animal_print.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/animal_print'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/animal_print_medium.ts b/packages/dnb-eufemia/src/icons/animal_print_medium.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/animal_print_medium'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/apple_watch.ts b/packages/dnb-eufemia/src/icons/apple_watch.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/apple_watch'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/apple_watch_medium.ts b/packages/dnb-eufemia/src/icons/apple_watch_medium.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/apple_watch_medium'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/arrow_down.ts b/packages/dnb-eufemia/src/icons/arrow_down.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/arrow_down'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/arrow_down_medium.ts b/packages/dnb-eufemia/src/icons/arrow_down_medium.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/arrow_down_medium'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/arrow_left.ts b/packages/dnb-eufemia/src/icons/arrow_left.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/arrow_left'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/arrow_left_medium.ts b/packages/dnb-eufemia/src/icons/arrow_left_medium.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/arrow_left_medium'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/arrow_right.ts b/packages/dnb-eufemia/src/icons/arrow_right.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/arrow_right'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/arrow_right_medium.ts b/packages/dnb-eufemia/src/icons/arrow_right_medium.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/arrow_right_medium'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/arrow_up.ts b/packages/dnb-eufemia/src/icons/arrow_up.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/arrow_up'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/arrow_up_medium.ts b/packages/dnb-eufemia/src/icons/arrow_up_medium.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/arrow_up_medium'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/attachment.ts b/packages/dnb-eufemia/src/icons/attachment.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/attachment'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/attachment_medium.ts b/packages/dnb-eufemia/src/icons/attachment_medium.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/attachment_medium'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/baby.ts b/packages/dnb-eufemia/src/icons/baby.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/baby'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/baby_medium.ts b/packages/dnb-eufemia/src/icons/baby_medium.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/baby_medium'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/bandage.ts b/packages/dnb-eufemia/src/icons/bandage.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/bandage'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/bandage_medium.ts b/packages/dnb-eufemia/src/icons/bandage_medium.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/bandage_medium'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/bank.ts b/packages/dnb-eufemia/src/icons/bank.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/bank'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/bank_medium.ts b/packages/dnb-eufemia/src/icons/bank_medium.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/bank_medium'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/bankid.ts b/packages/dnb-eufemia/src/icons/bankid.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/bankid'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/bankid_medium.ts b/packages/dnb-eufemia/src/icons/bankid_medium.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/bankid_medium'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/bankid_mobile.ts b/packages/dnb-eufemia/src/icons/bankid_mobile.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/bankid_mobile'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/bankid_mobile_medium.ts b/packages/dnb-eufemia/src/icons/bankid_mobile_medium.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/bankid_mobile_medium'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/bankid_qr.ts b/packages/dnb-eufemia/src/icons/bankid_qr.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/bankid_qr'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/bankid_qr_medium.ts b/packages/dnb-eufemia/src/icons/bankid_qr_medium.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/bankid_qr_medium'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/bell.ts b/packages/dnb-eufemia/src/icons/bell.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/bell'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/bell_medium.ts b/packages/dnb-eufemia/src/icons/bell_medium.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/bell_medium'
 export default icon
diff --git a/packages/dnb-eufemia/src/icons/bicycle.ts b/packages/dnb-eufemia/src/icons/bicycle.ts
@@ -1,4 +1,4 @@
-/** This file is auto generated by convertSvgToJsx.js */
+/** This file is auto generated by convertSvgToJsx.ts */
 
 import icon from './dnb/bicycle'
 export default icon