@massimo-cassandro/minimo 1.18.0 → 1.18.2

package/charts/TODO charts/1a-vers DA RIFATTORIZZARE/test/browser-test/src/settimanale-mensile-test.js

@@ -0,0 +1,260 @@
+import { datiSettimanali } from './settimanale-mensile-dati-settimanale.js';
+
+export function settimanaleMensileTest(cfg) {
+
+  const default_line_attrs = {
+    stroke: '#3b3a3a',
+    'stroke-width': 1,
+    'shape-rendering': 'crispEdges',
+    'stroke-linecap': 'round',
+    fill: 'none'
+  };
+
+  const opts = {
+
+    /** mostra info utile per il debug */
+    debug: true,
+
+    /**
+      larghezza e altezza del grafico (px),
+      Se il container è presente e i parametro `width` o `height` sono `null`,
+      quelli mancanti vengono ricavati dallaìe dimensioni del container
+    */
+    width: null,
+    height: null,
+
+    /** attributi facoltativi per l'svg */
+    svgAttrs: {},
+
+    /** griglia orizzontale e verticale */
+    horizGrid: true,
+    horizGridAttrs: {...default_line_attrs, stroke: '#b5b3b3'},
+
+    vertGrid: true,
+    vertGridAttrs: {...default_line_attrs, stroke: '#b5b3b3', 'stroke-dasharray': '0 4 0'},
+
+
+
+    /**  suddivisioni asse Y */
+    stepY_count: 4,
+
+    /**  px, altezza o larghezza ticks (secondo l'orientamento) */
+    ticksLength: 10,
+
+
+    /**  larghezza area  etichette asse y */
+    eti_asseY_width: 90,
+
+    /**  altezza area etichette asse x */
+    eti_asseX_height: 30,
+
+    /**  altezza aggiuntiva area asse x per visualizzazione dei mesi (solo settimanale) */
+    eti_asseX_additional_height: 30,
+
+    /**  spazio extra attorno al bordo */
+    padding: 10,
+
+
+    /** titoli assi */
+    asseYTitle: 'Travel Value',
+    asseYTitleAttrs: {
+      fill: '#999999',
+      'font-size': 18,
+      'font-weight': 600
+    },
+    asseYTitleFontFilePath: null,
+
+    asseXTitle: 'Settimana',
+    asseXTitleAttrs: {
+      fill: '#999999',
+      'font-size': 18,
+      'font-weight': 600
+    },
+    asseXTitleFontFilePath: null,
+
+    /**
+      solo settimanale.
+      la settimana zero corrisponde ai dati al 31/12 dell'anno precedente a quello in esame
+      se true la settimana zero non viene rappresentata nel grafico
+      e l'origine x del grafico corrisponde alla settimana 1
+    */
+    skipWeek0: true,
+
+    /** evidenzia la griglia verticale corrispondente alla settimana / mese correnti */
+    showCurrent: true,
+    currentWeekAttrs: {
+      ...default_line_attrs,
+      stroke: '#06407a',
+      'stroke-width': 2,
+      'stroke-dasharray': '12 4',
+    },
+    currentMonthAttrs: {},
+
+    /**
+      Aree di evidenziazione dei mesi (settimanale)
+    */
+    monthsAreasAttrs: {
+      fill: '#eaebed'
+    },
+
+    /**  se true mostra un area di relativa ai valori min/max degli scenari */
+    mostraRangeScenari: true,
+    rangeScenariAttrs: {
+      fill: '#e1d2e3'
+    },
+
+    /**
+      se `lineeRangeScenari` non è un oggetto vuoto, vengono mostrate
+      le linee positive/negativo secondo gli attributi svg.js indicati.
+      Questa opzione è indipendente da `mostraRangeScenari`
+    */
+    lineeRangeScenari: {
+      ...default_line_attrs,
+      stroke: '#7d3c8567'
+    },
+
+    /**  anno esaminato */
+    anno: new Date().getFullYear(),
+
+    /**  parametri infoBox (vedi componente) */
+    // infoBoxItems,
+    // infoBoxPositionRefs,
+
+
+    chartData: datiSettimanali,
+
+    /**
+    classi e attributi dei vari elementi.
+    Per gli attributi, ogni variabile è un oggetto di attributi svg.js
+    {
+      stroke: '#414141',
+      'stroke-width': 1,
+      'shape-rendering': 'crispEdges'
+    }
+  */
+    axisAttrs: default_line_attrs,
+    ticksAttrs: default_line_attrs,
+
+    gridLinesAttrs: {},
+
+    labelXAttrs: {
+      size: 14,
+      weight: 400,
+      fill: '#676565',
+    },
+    labelXFontFilePath: null,  // percorso font per textToPath
+
+    labelYAttrs: {
+      size: 14,
+      weight: 400,
+      fill: '#4c4949',
+    },
+    labelYFontFilePath: null,  // percorso font per textToPath
+
+    budget_standard_line_attrs: {
+      ...default_line_attrs,
+      stroke: '#9a0b9a'
+    },
+    budget_positivo_line_attrs: {
+      ...default_line_attrs,
+      'stroke-width': 1
+    },
+    budget_negativo_line_attrs: {
+      ...default_line_attrs,
+      'stroke-width': 1
+    },
+    consolidato_line_attrs: {
+      ...default_line_attrs,
+      'stroke-width': 3,
+      stroke: '#06407a'
+    },
+    consolidato_points_attrs: {
+      r: 3,
+      fill: '#06407a'
+    },
+    consolidato_prec_line_attrs: {
+      ...default_line_attrs,
+      'stroke-width': 3,
+      stroke: '#6985ac',
+      'stroke-dasharray': '.1 6'
+    },
+
+    showConsolidatoForecast: false,
+    consolidato_forecast_line_attrs: {
+      ...default_line_attrs,
+
+    },
+
+    /**
+      Funzione per formattare le etichette dei valori dell'asse Y.
+      Null per nessuna eleborazione.
+      La funzione di default assume che il valore sia di tipo numerico
+    */
+    labelYFormatter: labelValue =>  Math.ceil(labelValue / 1e3)
+      .toLocaleString('it-IT', {
+        minimumFractionDigits: 0,
+        maximumFractionDigits: 0
+      }) +
+      (labelValue > 0? '\u200AK' : ''), // \u2009 = thin space, \u200A hair space (https://www.compart.com/en/unicode/U+2009)
+
+  };
+
+
+  // voci legenda
+  opts.legenda = {
+    /** altezza legenda */
+    height: 20,
+
+    /** spazio tra gli elementi della legenda */
+    elements_gap: 25,
+
+    /** dimensioni delle forme della legenda */
+    lines_width: 20,
+    circles_radius: 16,
+
+    /** attributi svg.js dei font del testo della legenda (null utilizza default) */
+    fontAttrs: {
+      fill: '#000',
+      'font-size': 14,
+      'font-weight': 400
+    },
+    fontFilePath: null,
+
+    /** elementi della legenda */
+    items: [
+      {
+        shape: 'line', // line || circle
+        attrs: opts.consolidato_line_attrs, // attributi js di shape
+        text: `Consolidato ${opts.anno}`, // testo della voce
+      },
+      {
+        shape: 'line',
+        attrs: opts.consolidato_prec_line_attrs, //
+        text: `Consolidato ${opts.anno - 1}`,
+      },
+      {
+        shape: 'line',
+        attrs: opts.budget_standard_line_attrs,
+        text: 'Budget',
+      },
+      {
+        shape: 'circle',
+        attrs: {...opts.lineeRangeScenari, ...opts.rangeScenariAttrs},
+        text: 'Range positivo-negativo',
+      },
+    ],
+
+  };
+
+  cfg.charts.settimanaleMensile({
+    ...opts,
+    container: '#settimanaleMensile',
+    modo: 'settimanale',
+
+  });
+
+
+}
+
+
+

package/charts/TODO charts/1a-vers DA RIFATTORIZZARE/test/browser-test/src/signal-bars-test.js

@@ -0,0 +1,64 @@
+
+export function signalBarsTest(cfg) {
+
+  const signalBarsOpts = {
+    height: 250,
+    ranges: [1,2,3,4,5],
+    labelFont: {
+      // family: 'Roboto Condensed',
+      size: 72,
+      // stretch: 'normal',
+      // style: 'italic',
+      // variant: 'normal',
+      weight: 700
+    },
+    labelFill: '#051b52',
+    barsStrokeWidth: 4,
+    barsOnAttr: {
+      fill: '#4664af',
+      opacity: 0.5,
+      stroke: '#213c7f'
+    },
+    barsOffAttr: {
+      fill: '#fff',
+      stroke: '#213c7f'
+    }
+  };
+
+  cfg.charts.signalBars({
+    ...signalBarsOpts,
+    container: '#signalBars1',
+    height: 150,
+    value: 3.63,
+    label: null,
+    labelPosition: 'right',
+  });
+
+  cfg.charts.signalBars({
+    ...signalBarsOpts,
+    // height: 150,
+    container: '#signalBars2',
+    value: 3.33,
+    // maxBarWidth: 40,
+    barsRelativeCornerRadius: .5,
+    label: '' // fa sì che nessuna etichetta sia mostrata
+  });
+
+  cfg.charts.signalBars({
+    ...signalBarsOpts,
+    container: '#signalBars3',
+    // value: 2.83,
+    label: 'Tra 1 e 2',
+    labelPosition: 'bottom',
+    maxBarWidth: 40,
+    barsStrokeWidth: 0,
+    barsOnAttr: {
+      fill: '#0c811c',
+    },
+    barsOffAttr: {
+      fill: '#c00',
+    },
+    activeBars: 1,
+    svgClassName: 'test-class'
+  });
+}

package/charts/TODO charts/1a-vers DA RIFATTORIZZARE/test/node-test/node-test.mjs

@@ -0,0 +1,86 @@
+/* eslint-disable no-console */
+import { AdaCharts }  from '../../index.js';
+import { createSvgCanvasNode } from '../../src/create-svg-canvas-node.mjs';
+import * as fs_promises from 'node:fs/promises';
+import path from 'node:path';
+
+import { pieNodeTest } from './src/pie-node-test.mjs';
+// import { hBarsNodeTest } from './src/hBars-node-test.mjs';
+import { signalBarsNodeTest } from './src/signalBars-node-test.mjs';
+import { ratingDisplayNodeTest } from './src/ratingDisplay-node-test.mjs';
+// import { radialsBarNodeTest } from './src/radialsBar-node-test.mjs';
+import { settimanaleMensileNodeTest } from './src/settimanale-mensile-node-test.mjs';
+import { mcnNodeTest } from './src/mcn-node-test.mjs';
+import { linesNodeTest } from './src/lines-node-test.mjs';
+import { barsNodeTest } from './src/bars-node-test.mjs';
+
+const output_path = new URL(import.meta.resolve('./_output')).pathname;
+
+// const fontFolder = new URL(import.meta.resolve('../../../ada-brochure-business-analysis/2025/assets/fonts/Roboto_Condensed/static')).pathname;
+const fontFolder = new URL(import.meta.resolve('../../../ada-brochure-business-analysis/2025/assets/fonts/nunito-sans_5.2.7_fontsource/ttf')).pathname;
+
+const cfg = {
+  charts: new AdaCharts({
+
+    // ridefinizione di createSvgCanvas in modo che sia utilizzata la versione per node
+    createSvgCanvas: createSvgCanvasNode,
+
+    textToPath: true, // converte i font in tracciati
+  }),
+
+  testValues: {
+    'Label 1': 120,
+    'B': 20,
+    'Label 3': 50,
+    'Qualcosa': 95,
+    'E': 144
+  },
+
+  // fontFile: {
+  //   bold: fontFolder + '/RobotoCondensed-Bold.ttf'
+  //   medium: fontFolder + '/RobotoCondensed-Medium.ttf',
+  //   regular: fontFolder + '/RobotoCondensed-Regular.ttf',
+  // },
+
+  fontFile: {
+    extrabold: fontFolder + '/nunito-sans-latin-900-normal.ttf',
+    bold: fontFolder + '/nunito-sans-latin-700-normal.ttf',
+    medium: fontFolder + '/nunito-sans-latin-600-normal.ttf',
+    regular: fontFolder + '/nunito-sans-latin-400-normal.ttf',
+    italic: fontFolder + '/nunito-sans-latin-400-italic.ttf',
+    lightItalic: fontFolder + '/nunito-sans-latin-300-italic.ttf',
+  },
+
+  writeFile: async (svgString, fileName) => {
+    try {
+      await fs_promises.writeFile(path.join(output_path, fileName), svgString);
+    } catch (err) {
+      console.error(err);
+    }
+
+  }
+};
+
+
+// svuota cartella output
+try {
+  await fs_promises.rm(output_path, { recursive: true, force: true });
+  await fs_promises.mkdir(output_path, { recursive: true });
+} catch (err) {
+  console.error('Error clearing output folder:', err);
+}
+
+
+await pieNodeTest(cfg);
+// await hBarsNodeTest(cfg);
+await signalBarsNodeTest(cfg);
+await ratingDisplayNodeTest(cfg);
+// await radialsBarNodeTest(cfg);
+await settimanaleMensileNodeTest(cfg);
+await mcnNodeTest(cfg);
+await linesNodeTest(cfg);
+await barsNodeTest(cfg);
+
+
+
+console.log(' DONE ');

package/charts/TODO charts/1a-vers DA RIFATTORIZZARE/test/node-test/src/hBars-node-test.mjs

@@ -0,0 +1,40 @@
+
+export async function hBarsNodeTest(cfg) {
+  const bars_params = {
+    width: 400,
+    height: 350,
+    values: Object.values(cfg.testValues),
+    labels: Object.keys(cfg.testValues),
+    showValues: true,
+    showValuesAs: 'percent',
+    barsStrokeWidth: 4,
+    barsStrokeColor: '#333',
+    // barsDirection: 'right', // default
+    labelsFont: {
+      family: 'Roboto Flex',
+      size: 16,
+      // stretch: 'normal',
+      // style: 'normal',
+      // variant: 'normal',
+      weight: 800
+    },
+    valuesFont: {
+      family: 'Roboto Flex',
+      size: 14,
+      // stretch: 'normal',
+      style: 'italic',
+      // variant: 'normal',
+      // weight: 400
+    },
+    labelsFontFilePath: cfg.fontFile.medium,
+    valuesFontFilePath: cfg.fontFile.regular,
+  };
+  let hbars_svg = await cfg.charts.hbars(bars_params);
+
+  await cfg.writeFile(hbars_svg, 'hbars.svg');
+
+
+  hbars_svg = await cfg.charts.hbars({...bars_params, barsDirection: 'left'});
+  await cfg.writeFile(hbars_svg, 'hbars-dx-sx.svg');
+
+}

package/charts/TODO charts/1a-vers DA RIFATTORIZZARE/test/node-test/src/lines-node-test.mjs

@@ -0,0 +1,73 @@
+export async function linesNodeTest(cfg) {
+
+
+  const svgFile = await cfg.charts.lines({
+
+    yAxisTitleFontFilePath: cfg.fontFile.medium,
+    xAxisTitleFontFilePath: cfg.fontFile.medium,
+    labelXFontFilePath: cfg.fontFile.regular,
+    labelYFontFilePath: cfg.fontFile.regular,
+
+
+
+    /** mostra info utili per il debug */
+    debug: true,
+
+    /**
+      larghezza e altezza del grafico (px),
+      Se il container è presente e i parametro `width` o `height` sono `null`,
+      quelli mancanti vengono ricavati dallaìe dimensioni del container
+    */
+    width: 800,
+    height: 500,
+
+
+    /**
+      valori numerici per la definizione delle linee
+      è un array di array, in cui ogni subarray contiene i valori di una singola linea
+    */
+    values: [
+      [1000, 1400, 3450, 230, 450, 1203],
+      [600, 1404, 3106, 3085, 730, 2405],
+      [1765, 3407, 598, 3555, 3416, 1051],
+    ],
+
+    /**
+      etichette corrispondenti ai vari valori. Sono posizionate sull'asse X
+    */
+    xLabels: ['A', 'B', 'C', 'D', 'E', 'F'],
+
+    /**  suddivisioni asse Y */
+    stepY_count: 5,
+
+    /**  parametri legenda (vedi componente ada-charts/src/components/legenda.js) */
+    legenda: {
+      fontFilePath: cfg.fontFile.regular,
+      items:[{text:'Serie 1'}, {text: 'Serie 2'}, {text: 'Serie 3'}]
+    },
+
+    yAxisTitle: 'Titolo asse Y',
+    xAxisTitle: 'Titolo asse X',
+
+    // data_lines_attrs: {
+    //   ...default_grid_lines_attrs,
+    //   'stroke-width': 2
+    // },
+    // data_points_attrs: {
+    //   radius: 3
+    // },
+
+    // /** colori delle linee */
+    // data_colors: null,
+
+    data_lines_widths: [null, null, 4],
+
+    labelYFormatter: etiValue => etiValue.toLocaleString('it-IT', {
+      minimumFractionDigits: 0,
+      maximumFractionDigits: 0
+    }),
+  });
+
+  await cfg.writeFile(svgFile, 'lines.svg');
+
+}

package/charts/TODO charts/1a-vers DA RIFATTORIZZARE/test/node-test/src/mcn-node-test.mjs

@@ -0,0 +1,64 @@
+
+export async function mcnNodeTest(cfg) {
+
+
+  const opts = {
+    debug: true,
+    svgBackground: '#fff',
+    labelMargin: 8,
+    // barsCircleGap
+    labelFont: {
+      // family: 'sans-serif',
+      size: 18,
+      // stretch: 'normal',
+      // style: 'normal',
+      // variant: 'normal',
+      weight: 700
+    },
+    labelFill: '#333',
+    labelYearFill: '#035869',
+    labelFontFilePath: cfg.fontFile.bold,
+    miniLabelFontFilePath: cfg.fontFile.regular,
+    valuesFontFilePath: cfg.fontFile.regular,
+    mcnFontFilePath: cfg.fontFile.extrabold,
+    barsNullFontFilePath: cfg.fontFile.italic,
+    mcnNullFontFilePath: cfg.fontFile.lightItalic,
+  };
+
+  let svgFile = await cfg.charts.mcn({
+    ...opts,
+    direction: 'right',
+    mese: 3,
+    anno: 2025,
+    values: {
+      tv: 99458.55,
+      tv_budget: null,
+      ricavi: 26458.88,
+      costi: 9458.4,
+      compenso: 35811,
+      mcn: null
+    },
+    // showValues: false
+  });
+
+  await cfg.writeFile(svgFile, 'mcn1.svg');
+
+  svgFile = await cfg.charts.mcn({
+    ...opts,
+    direction: 'left',
+    label: 'conguaglio',
+    isCurrentYear: false,
+    values: {
+      tv: 99458.55,
+      tv_budget: 82797.82,
+      ricavi: 26458.88,
+      costi: 39458.4,
+      compenso: -35811,
+      mcn: -0.1842
+    },
+    // showValues: true,
+  });
+
+  await cfg.writeFile(svgFile, 'mcn2.svg');
+
+}

package/charts/TODO charts/1a-vers DA RIFATTORIZZARE/test/node-test/src/pie-node-test.mjs

@@ -0,0 +1,12 @@
+
+
+export async function pieNodeTest(cfg) {
+
+  const pie_svg = cfg.charts.pie({
+    innerRadius: 30,
+    radius: 50,
+    values: Object.values(cfg.testValues)
+  });
+
+  await cfg.writeFile(pie_svg, 'pie.svg');
+}

package/charts/TODO charts/1a-vers DA RIFATTORIZZARE/test/node-test/src/radialsBar-node-test.mjs

@@ -0,0 +1,44 @@
+export async function radialsBarNodeTest(cfg) {
+
+  const radialBarsCfg = {
+
+    gap                : 5, // px
+    strokeWidth        : 30, // px
+    start              : 'bottom', // bottom | top
+    circleRadius       : 150,  // se null è calcolato dalla larghezza del container
+
+    barStrokeLinecap   : 'round',  // bars stroke-linecap (round, butt, square)
+    barColors          : null, // array di colori per le barre, se non presente vengono utilizzati i colori di default
+
+    labelsFillColor     : '#000',  // fill per tutte le etichette, se null viene usato il colore impostato in `data`
+    labelsFontFilePath  : cfg.fontFile.bold,  // percorso font per textToPath
+    labelsFont          : {
+      size: 24
+    },
+
+    data: [
+
+      {
+        label: 'Lorem ipsum',
+        value: 250,
+      },
+
+      {
+        label: 'Dolor sit amet',
+        value: 120,
+      },
+      {
+        label: 'Consectuor',
+        value: 90,
+      }
+    ]
+  };
+
+  let radialBarsSvg = await cfg.charts.radialBars({...radialBarsCfg, debug: true, clockwise: true});
+
+  await cfg.writeFile(radialBarsSvg, 'radial-bars-clockwise-w-debug.svg');
+
+  radialBarsSvg = await cfg.charts.radialBars({...radialBarsCfg, debug: false, clockwise: false, start: 'top'});
+  await cfg.writeFile(radialBarsSvg, 'radial-bars-anticlockwise.svg');
+
+}