@imtf/profile-scripts 1.1.0 → 1.1.1

package/bin/profile-scripts.js

@@ -1,39 +1,39 @@
 #!/usr/bin/env node
 
-const concurrently = require('concurrently');
-const spawn = require('cross-spawn');
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const spawn = require("cross-spawn");
 
 const args = process.argv.slice(2);
-const scriptIndex = args.findIndex((x) => x === 'build' || x === 'start');
+const scriptIndex = args.findIndex((x) => x === "build" || x === "start");
 const script = scriptIndex === -1 ? args[0] : args[scriptIndex];
 
 const scriptPath = require.resolve(`../scripts/esbuild.mjs`);
 
 switch (script) {
-  case 'start':
-  case 'build': {
+  case "start":
+  case "build": {
     const nodeArgs = scriptIndex > 0 ? args.slice(0, scriptIndex) : [];
     const scriptArgs = args.slice(scriptIndex + 1);
 
-    if (script === 'start') {
-      scriptArgs.push('--watch');
+    if (script === "start") {
+      scriptArgs.push("--watch");
     }
 
     const processArgs = nodeArgs.concat(scriptPath).concat(scriptArgs);
 
-    const child = spawn.sync('node', processArgs, {
-      stdio: 'inherit',
-      env: { ...process.env, NODE_ENV: 'production' },
+    const child = spawn.sync("node", processArgs, {
+      stdio: "inherit",
+      env: { ...process.env, NODE_ENV: "production" },
     });
 
     if (child.signal) {
-      if (child.signal === 'SIGKILL') {
+      if (child.signal === "SIGKILL") {
         console.log(`
                     The build failed because the process exited too early.
                     This probably means the system ran out of memory or someone called
                     \`kill -9\` on the process.
                 `);
-      } else if (child.signal === 'SIGTERM') {
+      } else if (child.signal === "SIGTERM") {
         console.log(`
                     The build failed because the process exited too early.
                     Someone might have called  \`kill\` or \`killall\`, or the system could

package/changelog.md

@@ -2,6 +2,12 @@
 
 Here you can find a resume of all changes between versions.
 
+## 1.1.1
+
+### Chores
+
+- Upgraded dependencies
+
 ## 1.1.0
 
 ### Features

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@imtf/profile-scripts",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "Default scripts to bundle & transpile imtf front-end plugins",
   "main": "index.js",
   "bin": {
@@ -12,27 +12,29 @@
     "changelog.md"
   ],
   "scripts": {
-    "build": "NODE_ENV=production node scripts/esbuild.mjs",
-    "start": "node scripts/esbuild.mjs --watch"
+    "build": "NODE_ENV=production node scripts/esbuild.mjs --entryPoint=index.tsx",
+    "start": "node scripts/esbuild.mjs --entryPoint=index.tsx --watch"
   },
   "eslintConfig": {
-    "extends": "@imtf/eslint-config-react"
+    "extends": "@imtf/eslint-config-react",
+    "rules": {
+      "import/default": "off"
+    }
   },
   "prettier": "@imtf/prettier-config",
-  "author": "Luca Pillonel",
   "license": "UNLICENSED",
   "private": false,
   "dependencies": {
-    "@svgr/core": "^7.0.0",
-    "@svgr/plugin-jsx": "^7.0.0",
-    "@svgr/plugin-svgo": "^7.0.0",
+    "@svgr/core": "^8.0.0",
+    "@svgr/plugin-jsx": "^8.0.1",
+    "@svgr/plugin-svgo": "^8.0.1",
     "concurrently": "^8.0.1",
-    "esbuild": "^0.17.16",
+    "esbuild": "^0.18.6",
     "esbuild-plugin-external-global": "^1.0.1",
     "serve": "^14.1.2"
   },
   "devDependencies": {
-    "@imtf/eslint-config-react": "^1.0.0",
-    "@imtf/prettier-config": "^2.0.0"
+    "@imtf/eslint-config-react": "^3.0.0",
+    "@imtf/prettier-config": "^3.0.0"
   }
 }

package/scripts/esbuild.mjs

@@ -1,54 +1,57 @@
-import { context, build } from 'esbuild';
-import externalGlobalPlugin from 'esbuild-plugin-external-global';
-import minimist from 'minimist';
+import { build, context } from "esbuild";
+import esbuild from "esbuild-plugin-external-global";
+import minimist from "minimist";
 
-import notifierPlugin from './notifierPlugin.mjs';
-import svgPlugin from './svgPlugin.mjs';
+// eslint-disable-next-line import/no-named-as-default-member
+const externalGlobalPlugin = esbuild.externalGlobalPlugin;
+
+import notifierPlugin from "./notifierPlugin.mjs";
+import svgPlugin from "./svgPlugin.mjs";
 
 const { watch, entryPoint } = minimist(process.argv.slice(2));
 
 const entryPoints = entryPoint
-  ? typeof entryPoint === 'string'
+  ? typeof entryPoint === "string"
     ? [entryPoint]
     : entryPoint
-  : ['src/index.js'];
+  : ["src/index.js"];
 
 /**
  * @type {import('esbuild').BuildOptions}
  */
 const config = {
   entryPoints,
-  outdir: 'build',
-  platform: 'browser',
+  outdir: "build",
+  platform: "browser",
   bundle: true,
-  target: 'es2020',
+  target: "es2020",
 
   minify:
-    process.env.NODE_ENV === 'production' &&
-    process.env.IMTF_MINIFY_WEBAPP !== 'false',
+    process.env.NODE_ENV === "production" &&
+    process.env.IMTF_MINIFY_WEBAPP !== "false",
 
   loader: {
-    '.css': 'text',
+    ".css": "text",
     // Enable JSX in .js files too
-    '.js': 'jsx',
+    ".js": "jsx",
     // Embed fonts
-    '.eot': 'dataurl',
-    '.ttf': 'dataurl',
-    '.woff': 'dataurl',
-    '.woff2': 'dataurl',
+    ".eot": "dataurl",
+    ".ttf": "dataurl",
+    ".woff": "dataurl",
+    ".woff2": "dataurl",
     // Embed images
-    '.gif': 'dataurl',
-    '.jpg': 'dataurl',
-    '.png': 'dataurl',
+    ".gif": "dataurl",
+    ".jpg": "dataurl",
+    ".png": "dataurl",
   },
 
   plugins: [
     svgPlugin(),
-    externalGlobalPlugin.externalGlobalPlugin({
-      react: 'window.React',
-      'react-dom': 'window.ReactDOM',
-      'react-router-dom': 'window.reactRouterDom',
-      IMTFPlugins: 'window.IMTFPlugins',
+    externalGlobalPlugin({
+      react: "window.React",
+      "react-dom": "window.ReactDOM",
+      "react-router-dom": "window.reactRouterDom",
+      IMTFPlugins: "window.IMTFPlugins",
     }),
     notifierPlugin(),
   ],

package/scripts/notifierPlugin.mjs

@@ -1,20 +1,20 @@
-const notifierPlugin = (options = {}) => ({
-  name: 'svgr',
+const notifierPlugin = () => ({
+  name: "svgr",
   setup(build) {
-    let count = 0
+    let count = 0;
 
-    build.onEnd(result => {
+    build.onEnd((result) => {
       if (result.errors.length > 0) {
-        return
+        return;
       }
 
       if (count++ === 0) {
-        console.log(`1st build: ${new Date().getTime()}`)
+        console.log(`1st build: ${new Date().getTime()}`);
       } else {
-        console.log(`Rebuilt: ${new Date().getTime()}`)
+        console.log(`Rebuilt: ${new Date().getTime()}`);
       }
-    })
+    });
   },
-})
+});
 
-export default notifierPlugin
+export default notifierPlugin;

package/scripts/svgPlugin.mjs

@@ -1,44 +1,44 @@
-import { transform } from '@svgr/core'
-import fs from 'fs'
-import path from 'path'
+import { transform } from "@svgr/core";
+import fs from "fs";
+import path from "path";
 
 const svgPlugin = (options = {}) => ({
-  name: 'svgr',
+  name: "svgr",
   setup(build) {
-    build.onLoad({ filter: /\.svg$/ }, async args => {
+    build.onLoad({ filter: /\.svg$/ }, async (args) => {
       // Read file content
-      const svg = await fs.promises.readFile(args.path, 'utf8')
+      const svg = await fs.promises.readFile(args.path, "utf8");
 
       // Determine relative path
-      const relativePath = path.relative(process.cwd(), args.path)
+      const relativePath = path.relative(process.cwd(), args.path);
 
       // This is an asset ==> dataurl
       if (
-        !relativePath.startsWith('src/') ||
-        relativePath.startsWith('src/assets/')
+        !relativePath.startsWith("src/") ||
+        relativePath.startsWith("src/assets/")
       ) {
         return {
           contents: svg,
-          loader: 'dataurl',
-        }
+          loader: "dataurl",
+        };
       }
 
       // Otherwise it's a react component
       const contents = await transform(
         svg,
         {
-          plugins: ['@svgr/plugin-svgo', '@svgr/plugin-jsx'],
+          plugins: ["@svgr/plugin-svgo", "@svgr/plugin-jsx"],
           ...options,
         },
         { filePath: args.path }
-      )
+      );
 
       return {
         contents,
-        loader: 'jsx',
-      }
-    })
+        loader: "jsx",
+      };
+    });
   },
-})
+});
 
-export default svgPlugin
+export default svgPlugin;