@imtf/profile-scripts 1.0.4 → 1.0.5

package/changelog.md

@@ -0,0 +1,36 @@
+# Versions
+
+Here you can find a resume of all changes between versions.
+
+## 1.0.5
+
+### Bug fixes
+
+- Npm package issues fixed.
+
+## 1.0.4
+
+### Features
+
+- Use differents loaders for svgs :
+    * Svgs part of /src except ones that are in /src/assets will be
+      loaded as React components with svgr.
+    * Others will be loaded as dataurl (base64)
+
+## 1.0.3
+
+### Features
+
+- Load fonts (.ttf, .eot) and images (.gif, .svg) within js file as data-urls
+
+## 1.0.2
+
+### Features
+
+- Load fonts (.woff, .woff2) and images (.jpg, .png) within js file as data-urls
+
+## 1.0.1
+
+### Bug fixes
+
+- Moved some dependencies from devDepenencies to dependencies.

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@imtf/profile-scripts",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "Default scripts to bundle & transpile imtf front-end plugins",
   "main": "index.js",
   "bin": {
     "profile-scripts": "./bin/profile-scripts.js"
   },
   "files": [
-    "scripts/esbuild.mjs",
-    ".prettierrc.js",
-    "yarn.lock"
+    "bin/",
+    "scripts/",
+    "changelog.md"
   ],
   "scripts": {
     "build": "NODE_ENV=production node scripts/esbuild.mjs",

package/scripts/svgPlugin.mjs

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