feat: adding type=module to package.json (#974)

* feat: add `type=module` to `package.json`

* refactor: replace `glob-promise` with `glob`

* feat: converting theme-compiler to ESM

* feat: converting scripts to ESM

* chore: reverts web-component-analyzer

* fix: use commonjs module for web-component-analyzer

* chore: update dependencies

* test: fix interactive chart mock test data (#985)

* fix: use type module for create-efx

* chore: update chalk to latest version

* refactor: simplify create efx tsconfig

* chore: update ts module target

* chore: update package-lock

* fix: replace __dirname with esm compatible syntax

* fix: replace `demo-block` start command with `vite`

* chore: remove `.mjs` from format command

Co-authored-by: wattachai <[email protected]>

* fix: adding await to `isValidAPI()` function that returns a Promise

Co-authored-by: wattachai <[email protected]>

* fix: adding await to `isValidAPI()` function that returns a Promise

Co-authored-by: wattachai <[email protected]>

* refactor: replace `for` loop with `for of`

* refactor: replace IIFE with simple try catch and utilise `getJson()` util

* refactor: simplify `getElementFiles()`

* fix: theme's `package.json` should be relative to current working directory

* refactor: remove `log()` out of try...catch block

* refactor: simplify URL creation

---------

Co-authored-by: wattachai <[email protected]>

Author: wsuwt

browsers.config.mjs renamed to browsers.config.js

@@ -5,7 +5,7 @@ import path from 'node:path';
 import { hideBin } from 'yargs/helpers';
 import yargs from 'yargs/yargs';
 
-import { PACKAGES_ROOT, errorHandler, getJSON } from './scripts/helpers/esm.mjs';
+import { PACKAGES_ROOT, errorHandler, getJSON } from './scripts/helpers/index.js';
 
 const argvNoBin = hideBin(process.argv);
 const argv = yargs(argvNoBin)

cli.mjs renamed to cli.js

@@ -1,8 +1,7 @@
-const fg = require('fast-glob');
-const esbuild = require('esbuild');
+import fg from 'fast-glob';
+import esbuild from 'esbuild'
 
 const DIST = 'dist/resources';
-
 const OPTIONS = {
   format: 'esm',
   bundle: true,

documents/esbuild.js

@@ -2,6 +2,7 @@
   "name": "@refinitiv-ui/docs",
   "version": "7.5.3",
   "private": true,
+  "type": "module",
   "description": "Element Framework Documentation",
   "engines": {
     "node": ">=16.11.0",
@@ -11,7 +12,7 @@
     "start:dev": "concurrently \"pandora src dist --watch\" \"serve dist -s\"",
     "start": "serve dist -s",
     "copy:resources": "cp src/_redirects dist/_redirects && cp src/_routes.json dist/_routes.json && cp -r resources dist/resources",
-    "prebuild": "rm -rf build && nx run @refinitiv-ui/elements:api-analyzer && node ./scripts/element.injector.mjs",
+    "prebuild": "rm -rf build && nx run @refinitiv-ui/elements:api-analyzer && node ./scripts/element.injector.js",
     "build": "pandora build dist --clean --logo=./resources/images/ef-logo.svg",
     "postbuild": "npm run copy:resources && npm run bundle",
     "bundle": "node esbuild.js"

documents/package.json

@@ -2,7 +2,7 @@ import path from 'node:path';
 import fs from 'node:fs';
 import fg from 'fast-glob';
 import chalk from 'chalk';
-import { Source, Build } from './paths.mjs';
+import { Source, Build } from './paths.js';
 
 const PACKAGE_ROOT = '../node_modules/@refinitiv-ui/elements/lib';
 const ELEMENT_API_FILENAME = 'custom-elements.md';

documents/scripts/element.injector.mjs renamed to documents/scripts/element.injector.js

@@ -1,5 +1,5 @@
 import path from 'node:path';
-import { fileDirName } from '../../scripts/helpers/esm.mjs';
+import { fileDirName } from '../../scripts/helpers/index.js';
 
 const { dirName } = fileDirName(import.meta);
 const root = path.resolve(dirName, '../');