@sensorario/sg-components 0.0.9 → 0.0.21

package/EXPORT_STORYBOOK.md

@@ -0,0 +1,23 @@
+# Esportazione e pubblicazione di Storybook
+
+Questo progetto include uno script per esportare la build statica di Storybook e copiarla direttamente nel progetto principale simonegentili.com.
+
+## Come pubblicare Storybook
+
+1. **Costruisci ed esporta Storybook:**
+
+   ```sh
+   npm run export-storybook
+   ```
+
+   Questo comando:
+   - Esegue la build statica di Storybook (output in `storybook-static`)
+   - Copia tutti i file generati in `../simonegentili.com/public/storybook/`
+
+2. **Verifica l'integrazione:**
+   - I file statici saranno disponibili in simonegentili.com all'indirizzo `/public/storybook/`.
+   - Puoi ora pubblicare o servire il sito principale con Storybook incluso.
+
+## Note
+- Assicurati che la cartella di destinazione esista o che lo script abbia i permessi per crearla.
+- Puoi personalizzare la destinazione modificando `scripts/export-storybook.sh`.

package/dist/index.es.js

@@ -1,190 +1,13 @@
-//#region \0rolldown/runtime.js
-var e = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), t = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
-	if (typeof require < "u") return require.apply(this, arguments);
-	throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
-}), n = /* @__PURE__ */ e(((e) => {
-	var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
-	function r(e, n, r) {
-		var i = null;
-		if (r !== void 0 && (i = "" + r), n.key !== void 0 && (i = "" + n.key), "key" in n) for (var a in r = {}, n) a !== "key" && (r[a] = n[a]);
-		else r = n;
-		return n = r.ref, {
-			$$typeof: t,
-			type: e,
-			key: i,
-			ref: n === void 0 ? null : n,
-			props: r
-		};
-	}
-	e.Fragment = n, e.jsx = r, e.jsxs = r;
-})), r = /* @__PURE__ */ e(((e) => {
-	process.env.NODE_ENV !== "production" && (function() {
-		function n(e) {
-			if (e == null) return null;
-			if (typeof e == "function") return e.$$typeof === k ? null : e.displayName || e.name || null;
-			if (typeof e == "string") return e;
-			switch (e) {
-				case v: return "Fragment";
-				case b: return "Profiler";
-				case y: return "StrictMode";
-				case w: return "Suspense";
-				case T: return "SuspenseList";
-				case O: return "Activity";
-			}
-			if (typeof e == "object") switch (typeof e.tag == "number" && console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), e.$$typeof) {
-				case _: return "Portal";
-				case S: return e.displayName || "Context";
-				case x: return (e._context.displayName || "Context") + ".Consumer";
-				case C:
-					var t = e.render;
-					return e = e.displayName, e ||= (e = t.displayName || t.name || "", e === "" ? "ForwardRef" : "ForwardRef(" + e + ")"), e;
-				case E: return t = e.displayName || null, t === null ? n(e.type) || "Memo" : t;
-				case D:
-					t = e._payload, e = e._init;
-					try {
-						return n(e(t));
-					} catch {}
-			}
-			return null;
-		}
-		function r(e) {
-			return "" + e;
-		}
-		function i(e) {
-			try {
-				r(e);
-				var t = !1;
-			} catch {
-				t = !0;
-			}
-			if (t) {
-				t = console;
-				var n = t.error, i = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-				return n.call(t, "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.", i), r(e);
-			}
-		}
-		function a(e) {
-			if (e === v) return "<>";
-			if (typeof e == "object" && e && e.$$typeof === D) return "<...>";
-			try {
-				var t = n(e);
-				return t ? "<" + t + ">" : "<...>";
-			} catch {
-				return "<...>";
-			}
-		}
-		function o() {
-			var e = A.A;
-			return e === null ? null : e.getOwner();
-		}
-		function s() {
-			return Error("react-stack-top-frame");
-		}
-		function c(e) {
-			if (j.call(e, "key")) {
-				var t = Object.getOwnPropertyDescriptor(e, "key").get;
-				if (t && t.isReactWarning) return !1;
-			}
-			return e.key !== void 0;
-		}
-		function l(e, t) {
-			function n() {
-				P || (P = !0, console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)", t));
-			}
-			n.isReactWarning = !0, Object.defineProperty(e, "key", {
-				get: n,
-				configurable: !0
-			});
-		}
-		function u() {
-			var e = n(this.type);
-			return F[e] || (F[e] = !0, console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")), e = this.props.ref, e === void 0 ? null : e;
-		}
-		function d(e, t, n, r, i, a) {
-			var o = n.ref;
-			return e = {
-				$$typeof: g,
-				type: e,
-				key: t,
-				props: n,
-				_owner: r
-			}, (o === void 0 ? null : o) === null ? Object.defineProperty(e, "ref", {
-				enumerable: !1,
-				value: null
-			}) : Object.defineProperty(e, "ref", {
-				enumerable: !1,
-				get: u
-			}), e._store = {}, Object.defineProperty(e._store, "validated", {
-				configurable: !1,
-				enumerable: !1,
-				writable: !0,
-				value: 0
-			}), Object.defineProperty(e, "_debugInfo", {
-				configurable: !1,
-				enumerable: !1,
-				writable: !0,
-				value: null
-			}), Object.defineProperty(e, "_debugStack", {
-				configurable: !1,
-				enumerable: !1,
-				writable: !0,
-				value: i
-			}), Object.defineProperty(e, "_debugTask", {
-				configurable: !1,
-				enumerable: !1,
-				writable: !0,
-				value: a
-			}), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
-		}
-		function f(e, t, r, a, s, u) {
-			var f = t.children;
-			if (f !== void 0) if (a) if (M(f)) {
-				for (a = 0; a < f.length; a++) p(f[a]);
-				Object.freeze && Object.freeze(f);
-			} else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
-			else p(f);
-			if (j.call(t, "key")) {
-				f = n(e);
-				var m = Object.keys(t).filter(function(e) {
-					return e !== "key";
-				});
-				a = 0 < m.length ? "{key: someKey, " + m.join(": ..., ") + ": ...}" : "{key: someKey}", R[f + a] || (m = 0 < m.length ? "{" + m.join(": ..., ") + ": ...}" : "{}", console.error("A props object containing a \"key\" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />", a, f, m, f), R[f + a] = !0);
-			}
-			if (f = null, r !== void 0 && (i(r), f = "" + r), c(t) && (i(t.key), f = "" + t.key), "key" in t) for (var h in r = {}, t) h !== "key" && (r[h] = t[h]);
-			else r = t;
-			return f && l(r, typeof e == "function" ? e.displayName || e.name || "Unknown" : e), d(e, f, r, o(), s, u);
-		}
-		function p(e) {
-			m(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e && e.$$typeof === D && (e._payload.status === "fulfilled" ? m(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
-		}
-		function m(e) {
-			return typeof e == "object" && !!e && e.$$typeof === g;
-		}
-		var h = t("react"), g = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), x = Symbol.for("react.consumer"), S = Symbol.for("react.context"), C = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), T = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), D = Symbol.for("react.lazy"), O = Symbol.for("react.activity"), k = Symbol.for("react.client.reference"), A = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, j = Object.prototype.hasOwnProperty, M = Array.isArray, N = console.createTask ? console.createTask : function() {
-			return null;
-		};
-		h = { react_stack_bottom_frame: function(e) {
-			return e();
-		} };
-		var P, F = {}, I = h.react_stack_bottom_frame.bind(h, s)(), L = N(a(s)), R = {};
-		e.Fragment = v, e.jsx = function(e, t, n) {
-			var r = 1e4 > A.recentlyCreatedOwnerStacks++;
-			return f(e, t, n, !1, r ? Error("react-stack-top-frame") : I, r ? N(a(e)) : L);
-		}, e.jsxs = function(e, t, n) {
-			var r = 1e4 > A.recentlyCreatedOwnerStacks++;
-			return f(e, t, n, !0, r ? Error("react-stack-top-frame") : I, r ? N(a(e)) : L);
-		};
-	})();
-})), i = (/* @__PURE__ */ e(((e, t) => {
-	process.env.NODE_ENV === "production" ? t.exports = n() : t.exports = r();
-})))(), a = ({ copyright: e = "© 2026 My Company", links: t = [] }) => /* @__PURE__ */ (0, i.jsxs)("footer", {
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/stories/Footer/Footer.tsx
+var n = ({ copyright: n = "© 2026 My Company", links: r = [] }) => /* @__PURE__ */ t("footer", {
 	className: "footer",
-	children: [/* @__PURE__ */ (0, i.jsx)("span", { children: e }), t.length > 0 && /* @__PURE__ */ (0, i.jsx)("nav", { children: t.map(({ label: e, href: t }) => /* @__PURE__ */ (0, i.jsx)("a", {
-		href: t,
+	children: [/* @__PURE__ */ e("span", { children: n }), r.length > 0 && /* @__PURE__ */ e("nav", { children: r.map(({ label: t, href: n }) => /* @__PURE__ */ e("a", {
+		href: n,
 		style: { marginLeft: "16px" },
-		children: e
-	}, t)) })]
-}), o = [
+		children: t
+	}, n)) })]
+}), r = [
 	{
 		label: "guitar.simonegentili.com",
 		href: "https://guitar.simonegentili.com"
@@ -201,9 +24,9 @@ var e = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 		label: "code2image.simonegentili.com",
 		href: "https://code2image.simonegentili.com"
 	}
-], s = () => /* @__PURE__ */ (0, i.jsx)(a, {
+], i = () => /* @__PURE__ */ e(n, {
 	copyright: "© 2026 simonegentili.com",
-	links: o
+	links: r
 });
 //#endregion
-export { a as Footer, s as SGFooter };
+export { n as Footer, i as SGFooter };

package/global.d.ts

@@ -0,0 +1,4 @@
+declare module '*.css' {
+  const content: Record<string, string>;
+  export default content;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sensorario/sg-components",
   "private": false,
-  "version": "0.0.9",
+  "version": "0.0.21",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -11,6 +11,8 @@
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
+    ,
+    "export-storybook": "bash ./scripts/export-storybook.sh"
   },
   "main": "dist/index.es.js",
   "module": "dist/index.es.js",
@@ -28,6 +30,9 @@
   "devDependencies": {
     "@chromatic-com/storybook": "^5.2.1",
     "@eslint/js": "^10.0.1",
+    "@rollup/plugin-commonjs": "^29.0.2",
+    "@rollup/plugin-node-resolve": "^16.0.3",
+    "@rollup/plugin-typescript": "^12.3.0",
     "@storybook/addon-a11y": "^10.4.1",
     "@storybook/addon-docs": "^10.4.1",
     "@storybook/addon-mcp": "^0.6.0",
@@ -45,6 +50,10 @@
     "eslint-plugin-storybook": "^10.4.1",
     "globals": "^17.6.0",
     "playwright": "^1.60.0",
+    "rollup": "^4.60.4",
+    "rollup-plugin-dts": "^6.4.1",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
     "storybook": "^10.4.1",
     "typescript": "~6.0.2",
     "typescript-eslint": "^8.59.2",

package/rollup.config.js

@@ -0,0 +1,23 @@
+import typescript from '@rollup/plugin-typescript';
+import peerDepsExternal from 'rollup-plugin-peer-deps-external';
+import { nodeResolve } from '@rollup/plugin-node-resolve';
+import postcss from 'rollup-plugin-postcss';
+import dts from 'rollup-plugin-dts';
+
+export default {
+  input: 'src/index.ts',
+  output: [
+    {
+      file: 'dist/index.es.js',
+      format: 'es',
+      sourcemap: true,
+    },
+  ],
+  plugins: [
+    peerDepsExternal(),
+    nodeResolve(),
+    postcss(),
+    typescript({ tsconfig: './tsconfig.build.json' }),
+  ],
+  external: ['react', 'react-dom'],
+};

package/scripts/export-storybook.sh

@@ -0,0 +1,17 @@
+#!/bin/bash
+# Script per esportare la build statica di Storybook in simonegentili.com
+
+# Costanti
+STORYBOOK_DIR="storybook-static"
+DEST_DIR="../simonegentili.com/public/storybook"
+
+# Build Storybook
+npm run build-storybook
+
+# Crea la cartella di destinazione se non esiste
+mkdir -p "$DEST_DIR"
+
+# Copia la build statica
+cp -r "$STORYBOOK_DIR"/* "$DEST_DIR"/
+
+echo "Storybook esportato in $DEST_DIR"

package/vite.config.ts

@@ -5,8 +5,6 @@ import react from '@vitejs/plugin-react';
 // https://vite.dev/config/
 import path from 'node:path';
 import { fileURLToPath } from 'node:url';
-import { storybookTest } from '@storybook/addon-vitest/vitest-plugin';
-import { playwright } from '@vitest/browser-playwright';
 const dirname = typeof __dirname !== 'undefined' ? __dirname : path.dirname(fileURLToPath(import.meta.url));
 
 // More info at: https://storybook.js.org/docs/next/writing-tests/integrations/vitest-addon
@@ -20,35 +18,19 @@ export default defineConfig({
       formats: ['es']
     },
     rollupOptions: {
-      external: ['react', 'react-dom'],
+      external: ['react', 'react-dom', 'react/jsx-runtime', 'react/jsx-dev-runtime'],
       output: {
         globals: {
           react: 'React',
           'react-dom': 'ReactDOM',
+          'react/jsx-runtime': 'ReactJsxRuntime',
+          'react/jsx-dev-runtime': 'ReactJsxDevRuntime',
         },
       },
     },
+    commonjsOptions: {
+      transformMixedEsModules: true
+    }
   },
-  test: {
-    projects: [{
-      extends: true,
-      plugins: [
-      // The plugin will run tests for the stories defined in your Storybook config
-      // See options at: https://storybook.js.org/docs/next/writing-tests/integrations/vitest-addon#storybooktest
-      storybookTest({
-        configDir: path.join(dirname, '.storybook')
-      })],
-      test: {
-        name: 'storybook',
-        browser: {
-          enabled: true,
-          headless: true,
-          provider: playwright({}),
-          instances: [{
-            browser: 'chromium'
-          }]
-        }
-      }
-    }]
-  }
+  // test config temporaneamente rimossa per build ESM pulita
 });