@massimo-cassandro/minimo 1.3.1 → 1.4.0

package/README.md

@@ -1,4 +1,4 @@
-# minimo
+# Minimo
 
 My light framework + utilities
 
@@ -10,21 +10,6 @@ npm i @massimo-cassandro/minimo
 
 > Note: **minimo** is designed to be used with WebPack using the configuration you can find in the [webpack-setup folder](./webpack-setup/) of this repository. If changes are made (for example, to how SVG files are imported), things may not work as expected
 
+---
 
-## Utilities
-
-### Dom builder
-
-Builds dom elements from array of objects.
-
-Only available as module script.
-
-```
-import { domBuilder } from '@massimo.cassandro/dom-builder';
-
-domBuilder({ /* options */}); // see source code for details
-```
-
-### Classnames
-
-TODO
+[Docs](docs) | [Demo](demo-build)

package/charts/README.md

@@ -26,7 +26,7 @@ Test ed esempi nella directory `test`.
 ## Uso (JS)
 
 ```javascript
-import { MinimoCharts, barsChart } from '@MinimoCharts/index.js';
+import { MinimoCharts, barsChart } from '@minimoCharts/index.js';
 
 const chartInstance = new MinimoCharts();
 

package/charts/index.js

@@ -3,19 +3,20 @@ import { MinimoCharts } from './src/helpers/core.js';
 
 import { bars } from './src/bars.js';
 import { goal } from './src/goal.js';
-import { ratingDisplay } from './src/rating-display/index.js';
+import { lines } from './src/lines.js';
+// import { ratingDisplay } from './src/rating-display/index.js';
 // import { pie } from './src/charts/pie.js';
 // import { hbars } from './src/charts/hbars.js';
 // import { signalBars } from './src/charts/signal-bars.js';
 // import { radialBars } from './src/charts/radial-bars.js';
 // import { settimanaleMensile } from './src/charts/settimanale-mensile.js';
 // import { mcn } from './src/charts/mcn.js';
-// import { lines } from './src/charts/lines.js';
 
 
 // wrapper
 export const barsChart = (chartInstance, params) => bars.call(chartInstance, params);
 export const goalChart = (chartInstance, params) => goal.call(chartInstance, params);
-export const ratingDisplayChart = (chartInstance, params) => ratingDisplay.call(chartInstance, params);
+export const linesChart = (chartInstance, params) => lines.call(chartInstance, params);
+// export const ratingDisplayChart = (chartInstance, params) => ratingDisplay.call(chartInstance, params);
 
 export { MinimoCharts };

package/charts/src/helpers/create-text-element.js

@@ -1,4 +1,3 @@
-import { textToSvgPath } from './svg-text-to-path.js';
 import { SVG, Text } from '@svgdotjs/svg.js';
 
 export async function createTextEl (chartInstance, {
@@ -6,41 +5,36 @@ export async function createTextEl (chartInstance, {
   textFill = '#000',
   fontAttr = {},
   fontFilePath = null,
-  parentElement = null, // se null viene restituito l'elemento generato (text o path)
-  textToPath = false, // bypassa l'impostazione globale, per usi particolari
+  parentElement = null,
 }) {
 
   let textEl;
 
-
   if(text == null) {
     throw '`createTextEl`: missing `text`';
   }
 
-  // Utilizza i defaults dell'istanza (grazie al bind nel costruttore)
-  // Se fontAttr è nullo, usa un oggetto vuoto per evitare errori di spread
   fontAttr = { ...chartInstance.defaults.font, ...(fontAttr ?? {}), fill: textFill };
 
-  if(chartInstance.textToPath || textToPath) {
+  if(chartInstance.textToPath) {
 
     if(!fontFilePath) {
-      throw `‘createTextEl’: missing ‘fontFilePath’ for text ‘${text}’`;
+      throw `'createTextEl': missing 'fontFilePath' for text '${text}'`;
     }
 
-    // Qui recuperiamo sia il tracciato che la stringa SVG (come nel tuo originale)
+    const { textToSvgPath } = await import('../node-helpers/svg-text-to-path.js');
+
     const { pathData, pathElementString } = await textToSvgPath(fontFilePath, text, fontAttr.size ?? 16);
 
     if(parentElement) {
       textEl = parentElement.path(pathData);
     } else {
-      // Nota: utilizzando path con pathData direttamente su SVG() a volte dà errore in svg.js 3.x
       textEl = SVG(pathElementString);
     }
 
     textEl.attr({ fill: textFill });
 
   } else {
-    // Modalità testo standard (non tracciato)
     if(parentElement) {
       textEl = parentElement.plain(text);
     } else {

package/charts/src/node-helpers/TODO.md

@@ -0,0 +1,2 @@
+documentare modalità d'uso
+richide l'instalalzione di opentype

package/charts/src/{helpers → node-helpers}/svg-text-to-path.js

@@ -1,7 +1,5 @@
 // https://stackblitz.com/edit/vitejs-vite-acphht?file=main.js
 
-import opentype from 'opentype.js';
-
 /*
 // Example usage:
 const fontUrl = './Rubik Moonrocks.ttf';
@@ -20,6 +18,7 @@ textToSvgPath(fontUrl, text, fontSize)
 
 export async function textToSvgPath(fontUrl, text, fontSize) {
   try {
+    const opentype = (await import(/* webpackIgnore: true */ 'opentype.js')).default;
     const font = await opentype.load(fontUrl);
 
     // Define the x and y coordinates where the text should start

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@massimo-cassandro/minimo",
-  "version": "1.3.1",
+  "version": "1.4.0",
   "description": "Light css framework & utilities",
   "type": "module",
   "homepage": "https://github.com/massimo-cassandro/minimo#readme",
@@ -19,8 +19,6 @@
     "UPD-version": "npx update-version  # --config=./dev-utilities.config.mjs",
     "upd@m": "npx upd@m",
     "npm-publish": "npm publish",
-    "webpack DEMO dev": "NODE_ENV=development webpack serve --config ./demo-src/webpack.config.mjs",
-    "webpack DEMO prod": "NODE_ENV=production webpack --config ./demo-src/webpack.config.mjs",
     "build-tokens": "node ./design-tokens-utilities/build-tokens.mjs --config ./tokens-config.mjs",
     "check unresolved props": "node ./design-tokens-utilities/check-unresolved-custom-props.mjs --config ./tokens-config.mjs"
   },
@@ -41,40 +39,17 @@
     "design-tokens-utilities/**/*.{mjs,md}",
     "charts/**/*.{js,md}"
   ],
+  "peerDependencies": {
+    "@svgdotjs/svg.js": "^3.2.5"
+  },
+  "peerDependenciesMeta": {
+    "@svgdotjs/svg.js": {
+      "optional": true
+    }
+  },
   "devDependencies": {
-    "@babel/core": "^7.29.0",
-    "@babel/preset-env": "^7.29.5",
-    "@csstools/postcss-global-data": "^4.0.0",
     "@massimo-cassandro/dev-updater": "^3.0.4",
     "@massimo-cassandro/eslint-config": "^3.0.7",
-    "@massimo-cassandro/stylelint-config": "^2.3.7",
-    "autoprefixer": "^10.5.0",
-    "babel-loader": "^10.1.1",
-    "css-loader": "^7.1.4",
-    "css-minimizer-webpack-plugin": "^8.0.0",
-    "cssnano": "^8.0.1",
-    "ejs-loader": "^0.5.0",
-    "html-loader": "^5.1.0",
-    "html-webpack-plugin": "^5.6.7",
-    "mini-css-extract-plugin": "^2.10.2",
-    "mini-svg-data-uri": "^1.4.4",
-    "postcss": "^8.5.15",
-    "postcss-custom-media": "^12.0.1",
-    "postcss-loader": "^8.2.1",
-    "postcss-preset-env": "^11.3.0",
-    "process": "^0.11.10",
-    "style-dictionary": "^5.4.1",
-    "style-loader": "^4.0.0",
-    "svg-url-loader": "^8.0.0",
-    "svgo": "^4.0.1",
-    "svgo-add-viewbox": "^3.1.0",
-    "svgo-loader": "^5.0.0",
-    "terser-webpack-plugin": "^5.6.0",
-    "webpack": "^5.107.1",
-    "webpack-cli": "^7.0.2",
-    "webpack-dev-server": "^5.2.4"
-  },
-  "dependencies": {
-    "@svgdotjs/svg.js": "^3.2.5"
+    "@massimo-cassandro/stylelint-config": "^2.3.7"
   }
 }