Fix theme package (#667)

.changeset/ten-carrots-mix.md

@@ -0,0 +1,5 @@
+---
+'@jpmorganchase/mosaic-theme': patch
+---
+
+Added type:module to the package.json

packages/theme/package.json

@@ -9,6 +9,7 @@
     "url": "[email protected]:jpmorganchase/mosaic.git",
     "directory": "packages/theme"
   },
+  "type": "module",
   "types": "./dist/index.d.ts",
   "style": "./dist/index.css",
   "exports": {
@@ -28,11 +29,11 @@
   ],
   "scripts": {
     "build": "npm-run-all --parallel build:*",
-    "build:bundle": "node ./scripts/bundle.js",
+    "build:bundle": "node ./scripts/bundle.mjs",
     "build:types": "tsc",
     "clean": "npx del-cli 'dist/**' && find . -type d -empty -delete",
     "lint": "eslint --ignore-pattern \"**/__tests__/**\"",
-    "dev": "node ./scripts/bundle.js watch"
+    "dev": "node ./scripts/bundle.mjs watch"
   },
   "devDependencies": {
     "@vanilla-extract/esbuild-plugin": "^2.0.0",

packages/theme/scripts/bundle.js → packages/theme/scripts/bundle.mjs

@@ -1,10 +1,9 @@
-const path = require('path');
-const esbuild = require('esbuild');
-const { vanillaExtractPlugin } = require('@vanilla-extract/esbuild-plugin');
-const glob = require('fast-glob');
+import esbuild from 'esbuild';
+import { vanillaExtractPlugin } from '@vanilla-extract/esbuild-plugin';
+import glob from 'fast-glob';
 
-const publicImageResolver = require('./publicImageResolver');
-const saltIconNames = require('./saltIconNames');
+import { publicImageResolver } from './publicImageResolver.mjs';
+import { saltIconNames } from './saltIconNames.mjs';
 
 const args = process.argv.slice(2);
 const watchEnabled = args[0] === 'watch';

packages/theme/scripts/publicImageResolver.js → packages/theme/scripts/publicImageResolver.mjs

@@ -1,9 +1,9 @@
-const path = require('path');
-const fs = require('fs');
+import path from 'node:path';
+import fs from 'node:fs';
 
 const publicPath = path.join(process.cwd(), 'src/assets');
 
-const publicImageResolver = {
+export const publicImageResolver = {
   name: 'imagePlugin',
   setup(build) {
     build.onResolve({ filter: /^img_/ }, args => ({
@@ -18,5 +18,3 @@ const publicImageResolver = {
     });
   }
 };
-
-module.exports = publicImageResolver;

packages/theme/scripts/saltIconNames.js → packages/theme/scripts/saltIconNames.mjs

@@ -1,5 +1,5 @@
-const fs = require('fs');
-const path = require('path');
+import fs from 'node:fs';
+import path from 'node:path';
 
 const typesPath = path.join(process.cwd(), 'types/saltIconNames.d.ts');
 
@@ -13,7 +13,7 @@ ${iconItems.join('\n')};
 `;
 }
 
-const saltIconNames = {
+export const saltIconNames = {
   name: 'iconEnum',
   setup(build) {
     const icons = [];
@@ -31,5 +31,3 @@ const saltIconNames = {
     });
   }
 };
-
-module.exports = saltIconNames;