@massimo-cassandro/minimo 1.19.5 → 1.19.7

package/design-tokens/README.md

@@ -163,7 +163,7 @@ Alias references (`{color.brand.primary}`) are preserved in the output so Penpot
 Scans all `.css` files in `dirToCheck` (recursively) and reports:
 
 - **unresolved properties** — `var(--...)` references that are not defined in the generated token CSS file or in any `extraCustomPropsFiles`
-- **unused properties** — custom properties defined in the generated token CSS file (or an `extraCustomPropsFiles` entry) but never referenced via `var()` in any scanned CSS file. Only reported if `checkUnused: true` is set in the config, since it re-runs the Style Dictionary transform pipeline over the token sources to resolve, when possible, the `.mjs` source file for each unused property.
+- **unused properties** — custom properties defined in the generated token CSS file (or an `extraCustomPropsFiles` entry) but never referenced via `var()` in any scanned CSS file. Only reported if `checkUnused: true` is set in the config, since it re-runs the Style Dictionary transform pipeline over the token sources to resolve, when possible, the `.mjs` source file for each unused property. When `ignoreUnusedInNodeModules` is true (default), properties sourced from a token file under `node_modules` (e.g. a third-party token package) are never reported as unused.
 
 Results are written to `unresolved-unused-props.md` in the same directory as the config file.
 

package/design-tokens/tokens-config-sample.mjs

@@ -96,6 +96,12 @@ const config = {
   // .mjs source file for each unused property. Default: false.
   checkUnused: true,
 
+  // When checkUnused is true: if true (default), custom properties sourced
+  // from a token file under node_modules (e.g. a third-party token package)
+  // are never reported as unused — the consuming project isn't expected to
+  // prune those.
+  ignoreUnusedInNodeModules: true,
+
   // Additional CSS files that define custom properties used in the project
   // but not generated by build-tokens (e.g. third-party libraries)
   extraCustomPropsFiles: [

package/design-tokens/utilities/check-unresolved-custom-props.mjs

@@ -143,19 +143,13 @@ async function run() {
     // just to resolve source files, which adds a noticeable cost.
     const checkUnused = config.checkUnused === true;
 
-    // ---------------------------------------------------------------------------
-    // 5. Build the list of unused custom properties (defined but never
-    // referenced via var() in any scanned CSS file) — the opposite check
-    // of section 4.
-    // ---------------------------------------------------------------------------
-    const unused_props = checkUnused
-      ? defined_props
-        .filter(item => !used_props_set.has(item.prop))
-        .sort((a, b) => a.prop.localeCompare(b.prop))
-      : [];
+    // If true (default), properties sourced from a token file under
+    // node_modules (e.g. a third-party token package) are never reported as
+    // unused — the consuming project isn't expected to prune those.
+    const ignoreUnusedInNodeModules = config.ignoreUnusedInNodeModules !== false;
 
     // ---------------------------------------------------------------------------
-    // 6. Best-effort: resolve the .mjs token source file for each unused
+    // 5. Best-effort: resolve the .mjs token source file for each defined
     // property, by running the same transform pipeline used to generate the
     // CSS (see build-tokens-src/formats/css.mjs) over the token sources
     // declared in config.source. Properties that only exist in the generated
@@ -184,6 +178,24 @@ async function run() {
       }
     }
 
+    // ---------------------------------------------------------------------------
+    // 6. Build the list of unused custom properties (defined but never
+    // referenced via var() in any scanned CSS file) — the opposite check
+    // of section 4. Properties sourced from node_modules are skipped when
+    // ignoreUnusedInNodeModules is true (default).
+    // ---------------------------------------------------------------------------
+    const unused_props = checkUnused
+      ? defined_props
+        .filter(item => !used_props_set.has(item.prop))
+        .filter(item => {
+          if (!ignoreUnusedInNodeModules) return true;
+          const sourceFilePath = sourceFileByProp.get(item.prop);
+          if (!sourceFilePath) return true;
+          return !/(^|[\\/])node_modules([\\/]|$)/.test(sourceFilePath);
+        })
+        .sort((a, b) => a.prop.localeCompare(b.prop))
+      : [];
+
     // ---------------------------------------------------------------------------
     // 7. Write the report
     // ---------------------------------------------------------------------------

package/dev-tools/starter-kit/templates/package-tpl.json

@@ -27,7 +27,7 @@
     "launchChrome": "open -n -a 'Google Chrome' --args --profile-directory='Profile 3'",
     "python server": "python3 -m http.server 8000 # --directory __dirname__ # 8000 = default port",
     "php server": "php -S localhost:8000 # -t root_dir/",
-    "symfony local server": "symfony serve -d",
+    "symfony server": "symfony serve -d --port=8100 --listen-ip=0.0.0.0 # symfony server:stop # http://192.168.1.135:8100",
     "node server": "node serve # richiede ‘npm i serve’",
     "build tokens": "npx buildTokens --config ./path/to/tokens-config.mjs",
     "check unresolved props": "npx checkUnresolvedProps --config ./path/to/tokens-config.mjs"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@massimo-cassandro/minimo",
-  "version": "1.19.5",
+  "version": "1.19.7",
   "description": "Light css framework & utilities",
   "type": "module",
   "main": "./index.js",

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

@@ -1,10 +1,10 @@
 {#-
 https://symfony.com/doc/current/controller/error_pages.html#testing-error-pages-during-development
 
-test errori: https://project.local:8890/_error/<error code>
+test: https://project.local:8890/_error/500 (or 403, 404... )
 -#}
 <!DOCTYPE html>
-<html lang="it" data-err-code="{{ status_code }}" data-err-text="{{ status_text}}">
+<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">

package/snippets/error-pages/error-pages.js

@@ -33,6 +33,4 @@ unsplashPage({
   text             : `(${errCode} ${errText})`,
   backLink         : errCode !== '503'? 'Torna alla <a href="/">Home</a>' : '',
   // hidePhotoLink    : true,
-  // cssModules       : false,
-  // cssModulesObj    : null
 });

package/src/components/unsplash-page/unsplash-page.js

@@ -36,7 +36,6 @@ export async function unsplashPage(settings) {
       text             : null,
       backLink         : null,
       hidePhotoLink    : true,
-      cssModulesObj    : null
     },
     required_settings = ['targetElement', 'unsplashDataUrl', 'utmSource', 'title'];