@massimo-cassandro/minimo 1.11.1 → 1.12.1

package/snippets/config-templates/_htaccess

@@ -0,0 +1,69 @@
+
+# no cache
+# <IfModule mod_headers.c>
+#   Header set Cache-Control "no-cache, no-store, must-revalidate"
+#   Header set Pragma "no-cache"
+#   Header set Expires 0
+# </IfModule>
+
+# blocco iframe
+# "deny" = tutti siti
+# "sameorigin" tutti tranne quelli che vengono dalla stessa origine
+# https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options
+Header set X-Frame-Options "sameorigin"
+
+
+<IfModule mod_expires.c>
+  ExpiresActive On
+  AddType application/vnd.ms-fontobject .eot
+  AddType application/x-font-ttf .ttf
+  AddType application/x-font-opentype .otf
+  AddType application/x-font-woff .woff
+  AddType application/x-font-woff2 .woff2
+  AddType application/font-sfnt otf ttf
+  AddType application/font-woff  woff
+  AddType application/font-woff2 woff2
+  AddType image/svg+xml .svg
+
+  ExpiresByType application/vnd.ms-fontobject "access plus 1 year"
+  ExpiresByType application/x-font-ttf "access plus 1 year"
+  ExpiresByType application/x-font-opentype "access plus 1 year"
+  ExpiresByType application/x-font-woff "access plus 1 year"
+  ExpiresByType application/x-font-woff2 "access plus 1 year"
+  ExpiresByType application/font-sfnt "access plus 1 year"
+  ExpiresByType application/font-woff "access plus 1 year"
+  ExpiresByType application/font-woff2 "access plus 1 year"
+
+  ExpiresByType text/html "access plus 1 hour"
+  ExpiresByType text/css "access plus 1 year"
+  ExpiresByType text/x-javascript "access plus 1 year"
+  ExpiresByType application/javascript "access plus 1 year"
+  ExpiresByType application/x-javascript "access plus 1 year"
+
+  ExpiresByType image/svg+xml "access plus 1 year"
+  ExpiresByType image/gif "access plus 1 year"
+  ExpiresByType image/png "access plus 1 year"
+  ExpiresByType image/jpeg "access plus 1 year"
+  ExpiresByType image/pjpeg "access plus 1 year"
+  ExpiresByType image/webp "access plus 1 year"
+  ExpiresByType image/avif "access plus 1 year"
+
+  ExpiresByType application/pdf "access plus 1 year"
+
+  ExpiresByType video/mp4 "access plus 1 year"
+  ExpiresByType video/webm "access plus 1 year"
+  ExpiresByType video/x-m4v "access plus 1 year"
+  ExpiresByType video/quicktime "access plus 1 year"
+  ExpiresByType audio/mpeg "access plus 1 year"
+  ExpiresByType audio/x-wav "access plus 1 year"
+
+  ExpiresByType image/x-icon "access plus 1 year"
+  ExpiresDefault "access plus 1 year"
+</IfModule>
+
+<IfModule !mod_expires.c>
+  <IfModule mod_headers.c>
+    # 1 year
+    Header set Cache-Control 'public, max-age 31536000'
+  </IfModule>
+</IfModule>

package/snippets/config-templates/_npmignore

@@ -0,0 +1,8 @@
+*~
+.codekit-cache/
+config.codekit3
+*.code-workspace
+.DS_Store*
+ehthumbs.db
+Icon?
+Thumbs.db

package/snippets/config-templates/_npmrc

@@ -0,0 +1 @@
+package-lock=false

package/snippets/config-templates/_stylelintignore

@@ -0,0 +1,5 @@
+
+/**/*.css
+/**/node_modules/**/*.css
+/**/node_modules/**/*.scss
+/**/node_modules/**/*.less

package/snippets/config-templates/babel.config--react.json

@@ -0,0 +1,20 @@
+{
+    "presets": [
+      "@babel/preset-env",
+      [
+        "@babel/preset-react",
+        {
+          "runtime": "automatic"
+        }
+      ]
+    ],
+    "plugins": [],
+    "env": {
+      "production": {
+        "plugins": [
+          "transform-react-remove-prop-types"
+        ]
+      }
+    }
+  }
+

package/snippets/config-templates/babel.config--solidJS.json

@@ -0,0 +1,8 @@
+{
+  "presets": [
+    "@babel/preset-env", "babel-preset-solid"
+  ],
+  "plugins": [
+    "@babel/plugin-syntax-jsx"
+  ]
+}

package/snippets/config-templates/react/offcanvas/offcanvas.jsx

@@ -0,0 +1,89 @@
+/**
+* Offcanvas
+*
+*
+*/
+
+
+import { useEffect } from 'react';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import styles from './offcanvas.module.scss';
+
+// https://react-icons.github.io/react-icons/icons/pi/
+import { PiXCircleBold } from 'react-icons/pi';
+
+
+function Offcanvas(props) {
+  const [isHiding, setIsHiding] = React.useState(false),
+    [isShowing, setIsShowing] = React.useState(props.show),
+    [content, setContent] = React.useState();
+
+  React.useEffect(() => {
+
+    // disable body scroll
+    document.body.classList.toggle('no-scroll', props.show);
+
+    if(props.show) {
+      setIsShowing(true);
+    }
+  }, [props.show]);
+
+  useEffect(() => {
+    setContent(
+      <div
+        role="dialog"
+        aria-modal="true"
+        className={classnames(
+          styles.offcanvas,
+          props.className,
+          {
+            [styles.fullscreen]: props.fullscreen,
+            [styles.show]: props.show,
+            [styles.hiding]: isHiding,
+            [styles.showing]: isShowing
+          }
+        )}
+        tabIndex="-1"
+        onTransitionEnd={() => {setIsHiding(false); setIsShowing(false);}}
+      >
+        <div className={styles.offcanvasInner}>
+          <div className={styles.offcanvasHeader}>
+            <button
+              type="button"
+              className={styles.offcanvasClose}
+              aria-label="Close"
+              onClick={() => {
+                setIsHiding(true);
+                props.offcanvasShowHandler(props.handlerHideValue);
+              }}
+            ><PiXCircleBold /></button>
+          </div>
+          <div className={styles.offcanvasBody}>
+            {props.children}
+          </div>
+        </div>
+      </div>
+    );
+  }, [isHiding, isShowing, props]);
+
+  return (content);
+}
+
+// https://www.npmjs.com/package/prop-types
+
+Offcanvas.propTypes = {
+  className: PropTypes.string,
+  offcanvasShowHandler: PropTypes.func,
+  show: PropTypes.bool,
+  fullscreen: PropTypes.bool,
+  handlerHideValue: PropTypes.any
+
+};
+Offcanvas.defaultProps = {
+  show: false,
+  fullscreen: false,
+  handlerHideValue: false
+};
+
+export default Offcanvas;

package/snippets/config-templates/react/offcanvas/offcanvas.module.scss

@@ -0,0 +1,109 @@
+// da bs
+
+// @use '../scss/cfg/cfg-settings' as settings;
+// @use '../scss/cfg/grid-breakpoints' as breakpoints;
+// @use 'sass:map
+
+@use '../scss/mixins/media-mixins' as mediaMixins;
+@use '../scss/mixins/buttons-mixins' as buttonsMixins;
+// @use '../scss/cfg/status-mixins' as statusMixins;
+// @use '../scss/cfg/text-mixins' as textMixins;
+
+.offcanvas {
+  --offcanvas-padding-x: 1.4rem;
+  --offcanvas-padding-y: 2rem;
+
+  position: fixed;
+  inset: 0;
+  z-index: 1045;
+  display: block;
+  visibility: hidden;
+  background-color: var(--overlay-color);
+  backdrop-filter: blur(1px);
+
+  &.show, &.hiding, &.showing {
+    visibility: visible;
+  }
+
+}
+
+.offcanvasInner {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  flex-direction: column;
+  width: 18rem;
+  min-width: 280px;
+  max-width: 100dvw;
+  // height: 100%;
+  color: var(--text-color);
+  background-color: var(--body-bg-color);
+  background-clip: padding-box;
+  border-left: var(--text-color);
+  outline: 0;
+  box-shadow: var(--shadow-3);
+  // opacity: 0;
+  // transition: transform, opacity .3s ease-in-out;
+  transition: transform .3s ease-in-out;
+  transform: translateX(100%);
+
+  .show & {
+    box-shadow: -.5rem 0 .5rem var(--text-color);
+    // opacity: 1;
+    transform: none;
+  }
+
+  .fullscreen & {
+    inset: 0;
+    width: auto;
+    border-left: none;
+  }
+  .fullscreen.show & {
+    box-shadow: none;
+  }
+
+  // @include mediaMixins.media-desktop-up() {}
+  @media screen and (min-width: __desktop_breakpoint__) {
+    .fullscreen & {
+      inset: 1.5rem;
+    }
+    .fullscreen.show & {
+      inset: 1.5rem;
+      box-shadow:
+        10px 10px 1rem var(--overlay),
+        -10px 10px 1rem var(--overlay),
+        10px -10px 1rem var(--overlay),
+        -10px -10px 1rem var(--overlay);
+
+    }
+
+  }
+
+}
+
+.offcanvasHeader {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--offcanvas-padding-y) var(--offcanvas-padding-x) calc(var(--offcanvas-padding-y) / 2);
+}
+
+.offcanvasClose {
+  @include buttonsMixins.reset-button();
+  font-size: 2rem;
+  color: var(--bz-primary);
+}
+
+.offcanvasBody {
+  flex-grow: 1;
+  padding: 0 var(--offcanvas-padding-x) var(--offcanvas-padding-y);
+  overflow-y: auto;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .offcanvas {
+    transition: none;
+  }
+}

package/snippets/config-templates/robots.txt

@@ -0,0 +1,5 @@
+User-agent: *
+Allow: /
+# Disallow: /
+
+Sitemap: https://www.example.com/sitemap.xml

package/snippets/config-templates/rollup.config.mjs

@@ -0,0 +1,115 @@
+import terser  from '@rollup/plugin-terser';
+import fs from 'fs';
+import node_resolve from '@rollup/plugin-node-resolve';
+import commonjs from '@rollup/plugin-commonjs';
+
+// https://github.com/hyhappy/rollup-plugin-string-html
+// import htmlString from 'rollup-plugin-string-html';
+
+// https://github.com/exuanbo/rollup-plugin-minify-html-template-literals
+// https://github.com/asyncLiz/minify-html-literals
+// https://github.com/kangax/html-minifier#options-quick-reference
+// import minifyHTML from 'rollup-plugin-minify-html-template-literals';
+
+import p from '../package.json'; // assert { type: 'json' };
+
+const terserOptions = {
+    compress: {
+      passes: 2
+    }
+  },
+  anno = new Date().getFullYear(),
+  dirs = [
+    {source_dir: './front-end/js', output_dir: './AppBundle/Resources/public/js'}
+  ];
+
+let config = [];
+
+// lettura subdir apps e aggiunta a `dirs`
+fs.readdirSync('./front-end/apps').forEach(item => {
+  let stats = fs.statSync(`./front-end/apps/${item}`); // stats.isFile() / stats.isDirectory()
+  if(stats.isDirectory()) {
+    dirs.push({
+      source_dir: `./front-end/apps/${item}`,
+      output_dir: `./AppBundle/Resources/public/apps/${item}`
+    });
+  }
+});
+
+dirs.forEach(dir => {
+
+  fs.readdirSync(dir.source_dir)
+    .filter(f => /\.js$/.test(f))
+    .filter(f => /^[^_]/.test(f)) // ignore files starting with _
+    .forEach(file => {
+
+      let format = 'iife',
+        name = null;
+
+      if(/(-umd\.js)$/.test(file)) {
+        format = 'umd';
+        name = file.replace('-umd.js', '').replace(/-/g, '_');
+      }
+
+      config.push(
+        {
+          // preserveEntrySignatures: false,
+          input: `${dir.source_dir}/${file}`,
+          plugins: [
+            // deve essere il primo
+            // minifyHTML({
+            //   options: {
+            //     minifyOptions: {
+            //       html5: true,
+            //       collapseWhitespace: true,
+            //       collapseInlineTagWhitespace: true,
+            //       conservativeCollapse: true,
+            //       decodeEntities: true
+            //     },
+            //     shouldMinify: () => true
+            //   },
+            // }),
+            node_resolve(),
+            commonjs(),
+            terser(terserOptions),
+          ],
+          output: [{
+            file: `${dir.output_dir}/${file.replace('.js', '-min.js')}`,
+            format: format,
+            sourcemap: true,
+            name: name,
+            banner: `/*! xxxx v.${p.version} - Massimo Cassandro ${anno} */`,
+            // footer: `//! Released on ${new Date().toLocaleString('it-IT', { year: 'numeric',  month: 'short', day: '2-digit', hour12: false, hour:'2-digit', minute:'2-digit' })}`
+          }]
+        }
+      );
+
+    });
+});
+
+export default config;
+
+
+// versione statica
+
+// export default [
+//   {
+//     input: 'input.js',
+//     plugins: [
+//       node_resolve(),
+//       // commonjs(),
+//       terser({ compress: { passes: 2 } }),
+//     ],
+//     output: [
+//       {
+//         file: 'output.min.js',
+//         format: 'iife',
+//         sourcemap: true,
+
+//         banner: `/*! xxxx v.${p.version} - Massimo Cassandro ${anno} */`,
+//         // footer: `//! Released on ${new Date().toLocaleString('it-IT', { year: 'numeric',  month: 'short', day: '2-digit', hour12: false, hour:'2-digit', minute:'2-digit' })}`
+//       }
+//     ]
+//   },
+//   ...
+// ];

package/snippets/controllo-codice-fiscale-IT.js

@@ -0,0 +1,48 @@
+// basato sulla classe `CodiceFiscale` di Umberto Salsi <salsi@icosaedro.it>
+// http://www.icosaedro.it/cf-pi/index.html
+
+import {controllo_partita_iva} from './controllo-partita-iva-IT.js';
+
+export function controllo_codice_fiscale(cf) {
+
+  cf = cf.replace(/\s/g, '').toUpperCase();
+
+
+  const controllo_cf = cf => {
+    if( ! /^[0-9A-Z]{16}$/.test(cf) )
+      return false;
+
+    var s = 0;
+    var even_map = 'BAFHJNPRTVCESULDGIMOQKWZYX';
+    for(var i = 0; i < 15; i++){
+      var c = cf[i];
+      var n = 0;
+      if( '0' <= c && c <= '9' ) {
+        n = c.charCodeAt(0) - '0'.charCodeAt(0);
+      } else {
+        n = c.charCodeAt(0) - 'A'.charCodeAt(0);
+      }
+      if( (i & 1) === 0 ) {
+        n = even_map.charCodeAt(n) - 'A'.charCodeAt(0);
+      }
+      s += n;
+    }
+    if( s % 26 + 'A'.charCodeAt(0) !== cf.charCodeAt(15) ) {
+      return false;
+    }
+    return true;
+  };
+
+
+
+  if( cf.length === 11 ) {
+    return controllo_partita_iva(cf); // il codice fiscale può corrispondere alla partita IVA
+
+  } else if( cf.length === 16 )
+    return controllo_cf(cf);
+
+  else {
+    return false;
+  }
+
+}

package/snippets/controllo-partita-iva-IT.js

@@ -0,0 +1,32 @@
+// basato sulla classe `PartitaIVA` di Umberto Salsi <salsi@icosaedro.it>
+// http://www.icosaedro.it/cf-pi/index.html
+
+export function controllo_partita_iva(piva='') {
+
+  piva = piva.replace(/\s/g, '');
+
+  if( piva.length !== 11 ) {
+    return false;
+  }
+
+  if( !/^[0-9]{11}$/.test(piva) ) {
+    return false;
+  }
+
+  let s = 0;
+  for(let i = 0; i < 11; i++ ){
+    let n = piva.charCodeAt(i) - '0'.charCodeAt(0);
+
+    if( (i & 1) === 1 ){
+      n *= 2;
+      if( n > 9 ) n -= 9;
+    }
+    s += n;
+  }
+
+  if( s % 10 !== 0 ) {
+    return false;
+  }
+
+  return true;
+}

package/snippets/email-antispam.js

@@ -0,0 +1,108 @@
+/**
+ * email_antispam
+ * Nasconde le email agli spammer
+ * sostituire i tag mailto con
+ *
+ *    <span data-as-e="xxxx" data-as-d="xxxx/it">__argument__</span>
+ *
+ * dove:
+ *  - `e` è la porzione utente dell'indirizzo email (prima della chiocciola)
+ *  - `d` è il dominio (dopo la chiocciola). Se è indicato un dominio di default
+ *        può essere omesso. È possibile sostituire i punti con lo slash ('/')
+ *        per rendere meno riconoscibile il dominio
+ * - `__argument__` è il testo (opzionale) da mostrare. Se non è presente viene
+ *                  mostrato l'indirizzo email (offuscato)
+ */
+
+export function obfuscate_email (email, hard = true) {
+
+  // const rand_string = () => {
+  //   const chars='abcedefghjilmnopqestuvwxyz ABCEDEFGHJILMNOPQESTUVWXYZ 0123456789' +
+  //     '\n\t“”"«»%$£&/()=?^*駰çòàù+èùàò-_.:,;',
+  //     lunghezza = 4;
+
+  //   let str = '', i, pos;
+
+  //   for( i = 0; i < lunghezza; i++ ) {
+  //     pos = Math.floor(Math.random() * chars.length);
+  //     str += chars.charAt(pos);
+  //   }
+  //   return str;
+  // };
+
+  let encoded_email = '';
+
+  email.split('').forEach((char, idx) => {
+    // if(hard && [2,5,6,79,10,13,15,20,22].indexOf(idx) !== -1) {
+    //   encoded_email += `<span style="display:none" aria-hidden="true">${rand_string()}</span>`;
+    // }
+    if( char === '@') {
+      encoded_email += hard?'<span>&commat;</span><wbr>' : '&commat;';
+
+    } else if (char === '.') {
+      encoded_email += hard? '<span>&#x0002E;</span><wbr>' : '&#x0002E;';
+
+    } else if (char === '-') {
+      encoded_email += hard? '<span>&#x02010;</span><span></span>' : '&#x02010;';
+
+    } else if (char === '_') {
+      encoded_email += hard? '<span>&lowbar;</span><span></span>' : '&lowbar;';
+
+    } else if(idx % 2 === 0) {
+      encoded_email += `&#${email.charCodeAt(idx)};`;
+
+    } else {
+      encoded_email += char;
+    }
+
+  });
+  return encoded_email;
+
+}
+
+export function email_antispam (options) {
+
+  const default_options = {
+    default_domain: null
+  };
+
+  options = Object.assign(default_options, options);
+
+  if( Object.assign && typeof Object.assign === 'function') {
+    options = Object.assign(default_options, options);
+
+  } else { // IE
+    let opts = {};
+    for(let i in default_options) {
+      opts[i] = options[i] ? options[i] : default_options[i];
+    }
+    options = opts;
+  }
+
+  document.querySelectorAll('[data-as-e]').forEach(el => {
+    let domain = el.dataset.asD || options.default_domain;
+    if(domain) {
+      domain = domain.replace(/\//g, '.');
+      let email = el.dataset.asE + '@' + domain,
+        content = el.innerHTML || obfuscate_email(email);
+
+      // el.innerHTML = `<a href="mailto:${email}" target="_blank" rel="noopener noreferrer">${content}</a>`;
+
+      el.innerHTML = `<!--googleoff: all-->
+        <a href="#" target="_blank" rel="noopener noreferrer">${content}</a>
+        <!--googleon: all-->`;
+      if(el.dataset.addMicrodata !== undefined) {
+
+        el.insertAdjacentHTML('beforeend',
+          `<meta itemprop="email" content="${obfuscate_email(email, false)}">`
+        );
+      }
+      el.querySelector('a').addEventListener('click', (e) => {
+        e.preventDefault();
+        window.location.href = `mailto:${email}`;
+      }, false);
+    }
+  });
+}
+
+

package/snippets/error-pages/bundles/TwigBundle/Exception/error.html.twig

@@ -0,0 +1,33 @@
+{#-
+https://symfony.com/doc/current/controller/error_pages.html#testing-error-pages-during-development
+
+test errori: https://governance.local:8890/_error/<error code>
+-#}
+<!DOCTYPE html>
+<html lang="it" data-err-code="{{ status_code }}" data-err-text="{{ status_text}}">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <title>Errore {{ status_code }}</title>
+  <meta name="robots" content="noindex, nofollow, noarchive">
+  {%- include 'incl/favicons.incl.html.twig'-%}
+  <link rel="preload" href="{{ asset('governance.css') }}" as="style">
+  <link rel="stylesheet" href="{{ asset('governance.css') }}" media="all">
+  <link rel="preload" href="{{ asset('error-pages.css') }}" as="style">
+  <link rel="stylesheet" href="{{ asset('error-pages.css') }}" media="all">
+  <link rel="preload" href="{{ asset('error-pages.js') }}" as="script">
+
+  <link rel="preload" href="{{ asset('vendors.js') }}" as="script">
+  <link rel="preload" href="{{ asset('runtime.js') }}" as="script">
+  <link rel="preload" href="{{ asset('vendors.css') }}" as="style">
+  <link rel="stylesheet" href="{{ asset('vendors.css') }}" type="text/css" media="all">
+</head>
+<body>
+  <div id="root"></div>
+
+  <script src="{{ asset('runtime.js') }}"></script>
+  <script src="{{ asset('vendors.js') }}"></script>
+  <script src="{{ asset('error-pages.js') }}"></script>
+</body>
+</html>