create-flow-os 0.0.1-dev.1771840262 → 0.0.1-dev.1771979366

package/profiles/client/packages/client/LICENSE

@@ -1,97 +0,0 @@
-Flow OS Framework and all packages in this repository are licensed under the
-PolyForm Shield License 1.0.0. This license applies to the entire repository
-(framework, packages/*, client, server, and any other code herein).
-
-Required Notice: Copyright (c) Flow OS. All rights reserved.
-
--------------------------------------------------------------------------------
-
-# PolyForm Shield License 1.0.0
-
-## Acceptance
-
-In order to get any license under these terms, you must agree to them as both strict obligations and conditions to all your licenses.
-
-## Copyright License
-
-The licensor grants you a copyright license for the software to do everything you might do with the software that would otherwise infringe the licensor's copyright in it for any permitted purpose. However, you may only distribute the software according to [Distribution License](#distribution-license) and make changes or new works based on the software according to [Changes and New Works License](#changes-and-new-works-license).
-
-## Distribution License
-
-The licensor grants you an additional copyright license to distribute copies of the software. Your license to distribute covers distributing the software with changes and new works permitted by [Changes and New Works License](#changes-and-new-works-license).
-
-## Notices
-
-You must ensure that anyone who gets a copy of any part of the software from you also gets a copy of these terms or the URL for them above, as well as copies of any plain-text lines beginning with `Required Notice:` that the licensor provided with the software. For example:
-
-> Required Notice: Copyright Yoyodyne, Inc. (http://example.com)
-
-## Changes and New Works License
-
-The licensor grants you an additional copyright license to make changes and new works based on the software for any permitted purpose.
-
-## Patent License
-
-The licensor grants you a patent license for the software that covers patent claims the licensor can license, or becomes able to license, that you would infringe by using the software.
-
-## Noncompete
-
-Any purpose is a permitted purpose, except for providing any product that competes with the software or any product the licensor or any of its affiliates provides using the software.
-
-## Competition
-
-Goods and services compete even when they provide functionality through different kinds of interfaces or for different technical platforms. Applications can compete with services, libraries with plugins, frameworks with development tools, and so on, even if they're written in different programming languages or for different computer architectures. Goods and services compete even when provided free of charge. If you market a product as a practical substitute for the software or another product, it definitely competes.
-
-## New Products
-
-If you are using the software to provide a product that does not compete, but the licensor or any of its affiliates brings your product into competition by providing a new version of the software or another product using the software, you may continue using versions of the software available under these terms beforehand to provide your competing product, but not any later versions.
-
-## Discontinued Products
-
-You may begin using the software to compete with a product or service that the licensor or any of its affiliates has stopped providing, unless the licensor includes a plain-text line beginning with `Licensor Line of Business:` with the software that mentions that line of business. For example:
-
-> Licensor Line of Business: YoyodyneCMS Content Management System (http://example.com/cms)
-
-Licensor Line of Business: Flow OS application framework and development tooling (create-flow, @flow.os/* packages, and related framework components).
-
-## Sales of Business
-
-If the licensor or any of its affiliates sells a line of business developing the software or using the software to provide a product, the buyer can also enforce [Noncompete](#noncompete) for that product.
-
-## Fair Use
-
-You may have "fair use" rights for the software under the law. These terms do not limit them.
-
-## No Other Rights
-
-These terms do not allow you to sublicense or transfer any of your licenses to anyone else, or prevent the licensor from granting licenses to anyone else. These terms do not imply any other licenses.
-
-## Patent Defense
-
-If you make any written claim that the software infringes or contributes to infringement of any patent, your patent license for the software granted under these terms ends immediately. If your company makes such a claim, your patent license ends immediately for work on behalf of your company.
-
-## Violations
-
-The first time you are notified in writing that you have violated any of these terms, or done anything with the software not covered by your licenses, your licenses can nonetheless continue if you come into full compliance with these terms, and take practical steps to correct past violations, within 32 days of receiving notice. Otherwise, all your licenses end immediately.
-
-## No Liability
-
-***As far as the law allows, the software comes as is, without any warranty or condition, and the licensor will not be liable to you for any damages arising out of these terms or the use or nature of the software, under any kind of legal claim.***
-
-## Definitions
-
-The **licensor** is the individual or entity offering these terms, and the **software** is the software the licensor makes available under these terms.
-
-A **product** can be a good or service, or a combination of them.
-
-**You** refers to the individual or entity agreeing to these terms.
-
-**Your company** is any legal entity, sole proprietorship, or other kind of organization that you work for, plus all its affiliates.
-
-**Affiliates** means the other organizations than an organization has control over, is under the control of, or is under common control with.
-
-**Control** means ownership of substantially all the assets of an entity, or the power to direct its management and policies by vote, contract, or otherwise. Control can be direct or indirect.
-
-**Your licenses** are all the licenses granted to you for the software under these terms.
-
-**Use** means anything you do with the software requiring one of your licenses.

package/profiles/client/packages/client/build/config.ts

@@ -1,211 +0,0 @@
-import fs from 'node:fs';
-import path from 'node:path';
-import os from 'node:os';
-import net from 'node:net';
-import type { Plugin } from 'vite';
-import { createLogger } from 'vite';
-
-function isPortFree(port: number): Promise<boolean> {
-  return new Promise((resolve) => {
-    const s = net.createServer();
-    s.once('error', () => resolve(false));
-    s.once('listening', () => {
-      s.close(() => resolve(true));
-    });
-    s.listen(port, '127.0.0.1');
-  });
-}
-
-async function findFreePort(from: number, to: number): Promise<number> {
-  for (let p = from; p <= to; p++) {
-    if (await isPortFree(p)) return p;
-  }
-  throw new Error(`Nessuna porta libera tra ${from} e ${to}`);
-}
-
-const cyan = (s: string) => `\x1b[36m${s}\x1b[0m`;
-const bold = (s: string) => `\x1b[1m${s}\x1b[0m`;
-const dim = (s: string) => `\x1b[2m${s}\x1b[0m`;
-const stripAnsi = (s: string) => s.replace(/\x1b\[[0-9;]*m/g, '');
-const MIN_CONTENT_W = 40;
-const EXTRA_BOX_WIDTH = 20;
-
-function getNetworkUrl(port: number): string | null {
-  const ifaces = os.networkInterfaces();
-  for (const list of Object.values(ifaces ?? {})) {
-    if (!list) continue;
-    for (const i of list) {
-      if (i.family === 'IPv4' && !i.internal) return `http://${i.address}:${port}/`;
-    }
-  }
-  return null;
-}
-
-/** Monorepo: alias a path assoluti (Rollup in Docker non segue symlink). Fuori monorepo ritorna {}. */
-function resolveAlias(): Record<string, string> {
-  const root = path.resolve(process.cwd());
-  const packagesDir = path.join(root, 'packages');
-  if (!fs.existsSync(packagesDir)) return {};
-  const alias: Record<string, string> = {};
-  const clientRuntime = path.join(root, 'packages', 'client', 'runtime');
-  const jrx = path.join(clientRuntime, 'jsx-runtime.ts');
-  if (fs.existsSync(jrx)) {
-    alias['@flow.os/client/jsx-runtime'] = jrx;
-    alias['@flow.os/client/jsx-dev-runtime'] = path.join(clientRuntime, 'jsx-dev-runtime.ts');
-  }
-  for (const name of fs.readdirSync(packagesDir)) {
-    const dir = path.join(packagesDir, name);
-    if (!fs.statSync(dir).isDirectory()) continue;
-    const pkgPath = path.join(dir, 'package.json');
-    if (!fs.existsSync(pkgPath)) continue;
-    const abs = path.resolve(dir);
-    try {
-      const pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf8')) as { name?: string };
-      if (pkg.name?.startsWith('@flow.os/') || pkg.name === '@flow.os') alias[pkg.name] = abs;
-    } catch {}
-    alias[`@flow.os/${name}`] = abs;
-  }
-  return alias;
-}
-
-const FLOW_STYLE_POSITIONS = ['top-left', 'top-right', 'bottom-left', 'bottom-right'] as const;
-export type FlowStyleBuilderPosition = (typeof FLOW_STYLE_POSITIONS)[number];
-
-export type FlowConfigOptions = {
-  /** Porta del dev server. Default: 3000 */
-  port?: number;
-  /** Esporre su rete. Default: true */
-  host?: boolean;
-  /**
-   * Backend in dev: true = server Flow (come flowServer() da @flow.os/server), false/undefined = nessuno.
-   * Puoi anche passare un plugin Vite (es. server: flowServer() da @flow.os/server).
-   */
-  server?: Plugin | boolean;
-  /** Plugin Vite aggiuntivi. Default: [] */
-  plugins?: Plugin[];
-  /**
-   * In dev: Flow Style Builder. Passa la posizione (es. 'bottom-right').
-   * Se non lo usi, non mettere la proprietà. Per i plugin Vite: flowStyleBuilder('bottom-right') da @flow.os/style.
-   */
-  flowStyleBuilder?: FlowStyleBuilderPosition;
-};
-
-const DEFAULTS = {
-  port: 3000,
-  host: true,
-  server: undefined as Plugin | boolean | undefined,
-  plugins: [] as Plugin[],
-};
-
-function flowServerUrlPlugin(hostEnabled: boolean): Plugin {
-  return {
-    name: 'flow:server-url',
-    configureServer(server) {
-      (server as { printUrls?: () => void }).printUrls = () => {};
-      server.httpServer?.once('listening', () => {
-        const addr = server.httpServer?.address();
-        if (!addr || typeof addr !== 'object' || !('port' in addr)) return;
-        const port = (addr as { port: number }).port;
-        const host = (addr as { address: string }).address;
-        const localHost = host === '::' || host === '0.0.0.0' ? 'localhost' : host;
-        const localUrl = `http://${localHost}:${port}/`;
-        const networkUrl = hostEnabled ? getNetworkUrl(port) : null;
-        const styleServerUrl = (server as { __flowStyleServerUrl?: string }).__flowStyleServerUrl;
-
-        const styleLine = styleServerUrl ? dim('Style server: ') + cyan(styleServerUrl) : '';
-        const contents = [
-          bold('Flow OS'),
-          cyan('🏠') + ' ' + dim('Local:   ') + cyan(localUrl),
-          networkUrl ? cyan('🌐') + ' ' + dim('Network: ') + cyan(networkUrl) : '',
-          styleLine,
-        ].filter(Boolean);
-        // Larghezza fissa: max lunghezza testo + extra così il rettangolo chiude bene a destra
-        const contentWidth =
-          Math.max(MIN_CONTENT_W, ...contents.map((c) => stripAnsi(c).length)) + EXTRA_BOX_WIDTH;
-        const borderW = contentWidth + 3;
-
-        const line = (content: string) => {
-          const pad = Math.max(0, contentWidth - stripAnsi(content).length);
-          return dim(' │ ') + content + ' '.repeat(pad) + dim(' │');
-        };
-        const top = dim(' ╭') + '─'.repeat(borderW) + dim('╮');
-        const bottom = dim(' ╰') + '─'.repeat(borderW) + dim('╯');
-
-        const lines = [
-          top,
-          line(bold('Flow OS')),
-          line(cyan('🏠') + ' ' + dim('Local:   ') + cyan(localUrl)),
-          networkUrl ? line(cyan('🌐') + ' ' + dim('Network: ') + cyan(networkUrl)) : line(''),
-          ...(styleLine ? [line(styleLine)] : []),
-          bottom,
-        ];
-        // Sovrascrive le 2 righe sopra (comando shell + echo di bun)
-        process.stdout.write('\x1b[2A\r' + lines.join('\n') + '\n');
-      });
-    },
-  };
-}
-
-/** Config per flow.config.ts. Client + Vite; server opzionale con server: flowServer(). */
-export default function config(
-  options: FlowConfigOptions = {}
-): () => Promise<ReturnType<typeof import('vite').defineConfig>> {
-  const {
-    port: optPort = DEFAULTS.port,
-    host = DEFAULTS.host,
-    server = DEFAULTS.server,
-    plugins = DEFAULTS.plugins,
-    flowStyleBuilder,
-  } = options;
-  return async () => {
-    let port: number;
-    if (process.env.FLOW_DEV_PORT) {
-      port = parseInt(process.env.FLOW_DEV_PORT, 10);
-    } else {
-      port = await findFreePort(3000, 3020);
-    }
-    const serverPlugin: Plugin | undefined =
-      server === true
-        ? (await import('@flow.os/server')).flowServer()
-        : typeof server === 'object' && server != null
-          ? server
-          : undefined;
-    const flowStyleBuilderPosition: FlowStyleBuilderPosition | undefined =
-      typeof flowStyleBuilder === 'string' && (FLOW_STYLE_POSITIONS as readonly string[]).includes(flowStyleBuilder)
-        ? flowStyleBuilder
-        : undefined;
-    const { flow } = await import('./vite.js');
-    const stylePlugin =
-      flowStyleBuilderPosition != null
-        ? (await import('@flow.os/style/vite-plugin')).styleFlowServerPlugin()
-        : undefined;
-    const allPlugins = [
-      ...(stylePlugin ? [stylePlugin] : []),
-      flowServerUrlPlugin(host === true),
-      ...(serverPlugin
-        ? [serverPlugin, flow({ flowStyleBuilder: flowStyleBuilderPosition }), ...plugins]
-        : [flow({ flowStyleBuilder: flowStyleBuilderPosition }), ...plugins]),
-    ];
-    const alias = resolveAlias();
-    const baseLogger = createLogger('info');
-    const customLogger = {
-      ...baseLogger,
-      info: (msg: string, opts?: { clear?: boolean }) => {
-        const t = msg.replace(/\s+/g, ' ');
-        if (/VITE\s+v?\d|ready\s+in|Local:\s*http|Network:\s*http|press\s+h\s+enter|Port\s+\d+\s+is\s+in\s+use|optimizing\s+dependencies|re-optimizing/i.test(t)) return;
-        baseLogger.info(msg, opts);
-      },
-    };
-    return {
-      resolve: Object.keys(alias).length ? { alias } : {},
-      server: { port, host, strictPort: true },
-      customLogger,
-      build: {
-        rollupOptions: {
-          external: ['@flow.os/server', /^@flow.os\/server\/.+/],
-        },
-      },
-      plugins: allPlugins,
-    };
-  };
-}

package/profiles/client/packages/client/build/vite.ts

@@ -1,98 +0,0 @@
-/// <reference types="node" />
-import { writeFileSync } from 'fs';
-import { resolve } from 'path';
-import type { Plugin } from 'vite';
-
-const FLOW_ENTRY_ID = '\0flow-entry';
-
-const POSITIONS = ['top-left', 'top-right', 'bottom-left', 'bottom-right'] as const;
-type Position = (typeof POSITIONS)[number];
-
-function isPosition(s: unknown): s is Position {
-  return typeof s === 'string' && (POSITIONS as readonly string[]).includes(s);
-}
-
-function getEntryWithBuilder(position: Position): string {
-  const pos = JSON.stringify(position);
-  return `(async () => {
-  const isPreview = typeof window !== 'undefined' && new URLSearchParams(window.location.search).has('preview');
-  if (import.meta.env.DEV && !isPreview) {
-    const app = document.getElementById('app');
-    if (app) {
-      app.innerHTML = '';
-      app.style.cssText = 'position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1';
-      const iframe = document.createElement('iframe');
-      iframe.setAttribute('data-flow-preview', '1');
-      iframe.src = window.location.pathname + '?preview=1' + (window.location.hash || '');
-      iframe.style.cssText = 'width:100%;height:100%;border:0';
-      app.appendChild(iframe);
-      const { initFlowStyleBuilder } = await import('@flow.os/style');
-      initFlowStyleBuilder({ previewIframe: iframe, position: ${pos} });
-    }
-    return;
-  }
-  const root = await import('/client/root.tsx');
-  const { run } = await import('@flow.os/router');
-  const opts = {};
-  if (root.fallback != null) opts.fallback = root.fallback;
-  run(root.default, import.meta.glob('/client/routes/**/*.tsx'), Object.keys(opts).length ? opts : undefined);
-})();
-`;
-}
-
-const ENTRY_DEFAULT = `(async () => {
-  const root = await import('/client/root.tsx');
-  const { run } = await import('@flow.os/router');
-  const opts = {};
-  if (root.fallback != null) opts.fallback = root.fallback;
-  run(root.default, import.meta.glob('/client/routes/**/*.tsx'), Object.keys(opts).length ? opts : undefined);
-})();
-`;
-
-/** Reset stili browser: niente margin/padding di default, layout full viewport. */
-const FLOW_BASE_STYLE = `<style>html,body{margin:0;padding:0;min-height:100vh}#app{min-height:100vh;box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}</style>`;
-
-const HTML = `<!DOCTYPE html>
-<html lang="it">
-<head><meta charset="UTF-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><title>Flow</title>${FLOW_BASE_STYLE}</head>
-<body><div id="app"></div><script type="module" src="/entry.tsx"></script></body>
-</html>`;
-
-export type FlowPluginOptions = {
-  flowStyleBuilder?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
-};
-
-export function flow(options: FlowPluginOptions = {}): Plugin {
-  const flowStyleBuilder = options.flowStyleBuilder;
-  const position: Position | undefined = flowStyleBuilder != null && isPosition(flowStyleBuilder) ? flowStyleBuilder : undefined;
-  const entryCode = position != null ? getEntryWithBuilder(position) : ENTRY_DEFAULT;
-  const cwd = process.cwd();
-  return {
-    name: 'flow',
-    config() {
-      return {
-        root: resolve(cwd),
-        base: '/',
-        esbuild: { jsx: 'automatic', jsxImportSource: '@flow.os/client' },
-        resolve: { alias: { '~': resolve(cwd, 'client') } },
-        build: { target: 'esnext', minify: 'esbuild', sourcemap: true },
-      };
-    },
-    configResolved(_config) {
-      writeFileSync(resolve(cwd, 'index.html'), HTML);
-    },
-    resolveId(id) {
-      return id === '/entry.tsx' ? FLOW_ENTRY_ID : null;
-    },
-    load(id) {
-      return id === FLOW_ENTRY_ID ? entryCode : null;
-    },
-    buildEnd(err) {
-      if (err) {
-        const msg = err.message ?? String(err);
-        const stack = err.stack ?? (err as Error).cause?.toString?.();
-        console.error('[flow] build error:', msg, stack ?? '');
-      }
-    },
-  };
-}

package/profiles/client/packages/client/features/attrs.ts

@@ -1,32 +0,0 @@
-import { effect } from '@flow.os/core';
-import { isGetter } from './utils.js';
-
-/** Props gestite altrove (non passare qui). */
-const SKIP = new Set(['children', 'class', 'className', 'classList', 'classFlow', 'style', 's', 'styleFlow']);
-
-export function applyAttrs(el: HTMLElement, rest: Record<string, unknown>): void {
-  for (const [k, v] of Object.entries(rest)) {
-    if (v == null || SKIP.has(k)) continue;
-    if (k.startsWith('on') && typeof v === 'function') {
-      el.addEventListener(k.slice(2).toLowerCase(), v as EventListener);
-      continue;
-    }
-    if (isGetter(v)) {
-      effect(() => {
-        const x = (v as () => unknown)();
-        if (typeof x === 'boolean') {
-          if (x) el.setAttribute(k, '');
-          else el.removeAttribute(k);
-        } else {
-          el.setAttribute(k, String(x));
-        }
-      });
-      continue;
-    }
-    if (typeof v === 'boolean') {
-      if (v) el.setAttribute(k, '');
-      continue;
-    }
-    if (typeof v === 'string' || typeof v === 'number') el.setAttribute(k, String(v));
-  }
-}

package/profiles/client/packages/client/features/class-flow.ts

@@ -1,116 +0,0 @@
-import { effect } from '@flow.os/core';
-import { isGetter } from './utils.js';
-
-export function toStyleValue(v: unknown): string {
-  return typeof v === 'number' ? `${v}px` : String(v ?? '');
-}
-
-export function setStyleProp(el: HTMLElement, key: string, value: string): void {
-  if (key.startsWith('--')) el.style.setProperty(key, value);
-  else (el.style as unknown as Record<string, string>)[key] = value;
-}
-
-const CLASS_FLOW_MAP: Record<string, string> = {
-  text: 'fontSize',
-  mb: 'marginBottom',
-  mt: 'marginTop',
-  ml: 'marginLeft',
-  mr: 'marginRight',
-  mx: 'marginLeft',
-  my: 'marginTop',
-  m: 'margin',
-  pb: 'paddingBottom',
-  pt: 'paddingTop',
-  pl: 'paddingLeft',
-  pr: 'paddingRight',
-  px: 'paddingLeft',
-  py: 'paddingTop',
-  p: 'padding',
-  w: 'width',
-  h: 'height',
-  minW: 'minWidth',
-  minH: 'minHeight',
-  maxW: 'maxWidth',
-  maxH: 'maxHeight',
-  gap: 'gap',
-  rounded: 'borderRadius',
-  top: 'top',
-  left: 'left',
-  right: 'right',
-  bottom: 'bottom',
-};
-
-function resolveClassFlowKey(k: string): string {
-  if (k.startsWith('--')) return k;
-  return CLASS_FLOW_MAP[k] ?? k;
-}
-
-function isClassFlowReactive(val: unknown): boolean {
-  return isGetter(val) || (Array.isArray(val) && val.length === 2 && isGetter(val[0]));
-}
-
-function resolveClassFlowValue(val: unknown): string {
-  if (isGetter(val)) return toStyleValue((val as () => unknown)());
-  if (Array.isArray(val) && val.length === 2 && isGetter(val[0]))
-    return String((val[0] as () => unknown)()) + String(val[1]);
-  return toStyleValue(val);
-}
-
-function applyClassFlowObj(el: HTMLElement, obj: Record<string, unknown>): void {
-  for (const [k, val] of Object.entries(obj))
-    setStyleProp(el, resolveClassFlowKey(k), resolveClassFlowValue(val));
-}
-
-export function applyClassFlow(el: HTMLElement, classFlowVal: unknown): void {
-  if (classFlowVal == null) return;
-  if (isGetter(classFlowVal)) {
-    effect(() => applyClassFlowObj(el, (classFlowVal as () => Record<string, unknown>)()));
-    return;
-  }
-  if (typeof classFlowVal !== 'object' || Array.isArray(classFlowVal) || classFlowVal instanceof Node) return;
-  const obj = classFlowVal as Record<string, unknown>;
-  const hasReactive = Object.values(obj).some(isClassFlowReactive);
-  if (hasReactive) {
-    effect(() => {
-      for (const [k, val] of Object.entries(obj))
-        setStyleProp(el, resolveClassFlowKey(k), resolveClassFlowValue(val));
-    });
-  } else {
-    applyClassFlowObj(el, obj);
-  }
-}
-
-export function applyClassAndClassList(
-  el: HTMLElement,
-  classVal: unknown,
-  classNameVal: unknown,
-  classListVal: unknown
-): void {
-  const base = classVal ?? classNameVal;
-  if (base == null && (classListVal == null || typeof classListVal !== 'object')) return;
-  effect(() => {
-    let baseStr = '';
-    if (base != null) {
-      if (Array.isArray(base)) {
-        baseStr = base
-          .map((item) => (isGetter(item) ? String((item as () => unknown)()) : String(item)))
-          .filter(Boolean)
-          .join(' ');
-      } else if (isGetter(base)) {
-        baseStr = String((base as () => unknown)());
-      } else {
-        baseStr = String(base);
-      }
-    }
-    const list = classListVal as Record<string, boolean | (() => boolean)> | undefined;
-    const truthy: string[] = [];
-    if (list && typeof list === 'object' && !(list instanceof Node)) {
-      for (const [cls, val] of Object.entries(list)) {
-        const v = isGetter(val) ? (val as () => boolean)() : val;
-        if (v) truthy.push(cls);
-      }
-    }
-    const full = [baseStr, ...truthy].filter(Boolean).join(' ');
-    el.setAttribute('class', full);
-  });
-}

package/profiles/client/packages/client/features/index.ts

@@ -1,8 +0,0 @@
-/**
- * Feature applicate a div, p, button, ecc.
- * Un file per feature; qui si raggruppano e si espongono a jsx.
- */
-export { applyClassFlow, applyClassAndClassList } from './class-flow.js';
-export { applyStyle } from './style.js';
-export { applyStyleFlow } from './style-flow.js';
-export { applyAttrs } from './attrs.js';

package/profiles/client/packages/client/features/pseudo-injector.ts

@@ -1,40 +0,0 @@
-import { styleToCssText } from '@flow.os/style';
-import type { PseudoKey } from '@flow.os/style';
-
-const PSEUDO_SELECTOR: Record<PseudoKey, string> = {
-  hover: ':hover',
-  active: ':active',
-  focus: ':focus',
-  focusVisible: ':focus-visible',
-};
-
-let styleEl: HTMLStyleElement | null = null;
-const cache = new Map<string, string>();
-let id = 0;
-
-function ensureStyleEl(): HTMLStyleElement {
-  if (styleEl) return styleEl;
-  styleEl = document.createElement('style');
-  styleEl.setAttribute('data-flow-style', '');
-  document.head.appendChild(styleEl);
-  return styleEl;
-}
-
-/** Restituisce className da aggiungere all'elemento. La regola .sf-{pseudo}-{id}:{pseudo} { ... } è iniettata una sola volta. */
-export function getPseudoClass(
-  pseudo: PseudoKey,
-  style: Record<string, string>
-): string {
-  const cssText = styleToCssText(style);
-  if (!cssText) return '';
-  const key = `${pseudo}:${cssText}`;
-  let className = cache.get(key);
-  if (className) return className;
-  className = `sf-${pseudo}-${++id}`;
-  cache.set(key, className);
-  const selector = `.${className}${PSEUDO_SELECTOR[pseudo]}`;
-  const rule = `${selector} { ${cssText} }`;
-  const el = ensureStyleEl();
-  el.appendChild(document.createTextNode(rule));
-  return className;
-}