@imtf/profile-scripts 1.5.0-beta.1 → 1.5.0-beta.3

package/changelog.md

@@ -2,6 +2,20 @@
 
 Here you can find a resume of all changes between versions.
 
+## 1.5.0
+
+### Features
+
+- CSS Modules are now supported. You can use the `*.module.css` extension to
+  enable CSS Modules. The generated class names will be hashed and available
+  in the JS file.
+
+## 1.4.0
+
+### Features
+
+- Sourcemaps are now generated for the built files.
+
 ## 1.3.0
 
 ### Features

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@imtf/profile-scripts",
-  "version": "1.5.0-beta.1",
+  "version": "1.5.0-beta.3",
   "description": "Default scripts to bundle & transpile imtf front-end plugins",
   "main": "index.js",
   "bin": {
@@ -13,9 +13,7 @@
   ],
   "scripts": {
     "build": "NODE_ENV=production node scripts/esbuild.mjs --entryPoint=index.tsx",
-    "watch": "node scripts/esbuild.mjs --entryPoint=index.tsx --watch",
-    "serve": "npx serve build -l 3010",
-    "start": "concurrently \"npm run watch\" \"npm run serve\""
+    "start": "node scripts/esbuild.mjs --entryPoint=index.tsx --watch"
   },
   "prettier": "@imtf/prettier-config",
   "license": "UNLICENSED",
@@ -24,12 +22,11 @@
     "@svgr/core": "^8.1.0",
     "@svgr/plugin-jsx": "^8.1.0",
     "@svgr/plugin-svgo": "^8.1.0",
-    "concurrently": "^9.0.0",
     "esbuild": "^0.24.0",
     "esbuild-css-modules-plugin": "^3.1.4",
     "esbuild-plugin-external-global": "^1.0.1",
     "esbuild-plugin-inline-css": "^0.0.1",
     "minimist": "^1.2.8",
-    "serve": "^14.2.4"
+    "serve-handler": "^6.1.6"
   }
 }

package/scripts/esbuild.mjs

@@ -3,6 +3,8 @@ import esbuild from "esbuild-plugin-external-global";
 import InlineCSSPlugin from "esbuild-plugin-inline-css";
 import CssModulesPlugin from "esbuild-css-modules-plugin";
 import minimist from "minimist";
+import handler from "serve-handler";
+import http from "http";
 
 // eslint-disable-next-line import/no-named-as-default-member
 const externalGlobalPlugin = esbuild.externalGlobalPlugin;
@@ -71,7 +73,7 @@ const config = {
       IMTFPlugins: "window.IMTFPlugins",
       ...externalGlobals,
     }),
-    notifierPlugin(),
+    notifierPlugin(watch),
   ],
 };
 
@@ -81,10 +83,10 @@ if (watch) {
   // Enable watch mode
   await ctx.watch();
 
-  // // Enable serve mode
-  // await ctx.serve({
-  //   port: 3010,
-  // });
+  // Create a server for the build directory
+  http
+    .createServer((...params) => handler(...params, { public: "build" }))
+    .listen(3010, () => console.log("Running at http://localhost:3010"));
 } else {
   build(config);
 }

package/scripts/notifierPlugin.mjs

@@ -1,4 +1,4 @@
-const notifierPlugin = () => ({
+const notifierPlugin = (watch) => ({
   name: "svgr",
   setup(build) {
     let count = 0;
@@ -9,7 +9,11 @@ const notifierPlugin = () => ({
       }
 
       if (count++ === 0) {
-        console.log(`1st build: ${new Date().getTime()}`);
+        if(watch) {
+          console.log(`1st build: ${new Date().getTime()}`);
+        } else {
+          console.log(`Successfully built`);
+        }
       } else {
         console.log(`Rebuilt: ${new Date().getTime()}`);
       }