@ressjs/assets 0.6.0-experimental.0 → 0.6.0-rc.0

package/LICENSE

@@ -0,0 +1,69 @@
+ress.js Proprietary License
+
+Copyright (c) 2025-2026 gabrielspisso. All rights reserved.
+
+This license applies to the ress.js packages (the "Software"), published on npm
+under the @ressjs and @gzzy scopes, in every version released from 0.6.0-rc.0
+onwards. Earlier versions were released under the MIT License and remain
+available under those terms.
+
+1. GRANT
+   Subject to this license, the Licensor grants you a worldwide, non-exclusive,
+   non-transferable, non-sublicensable, royalty-free license to install and use
+   the Software, as distributed by the Licensor, to build, run and deploy your
+   own applications and services, including commercial ones, and to charge your
+   own customers for them.
+
+2. RESTRICTIONS
+   You may not:
+   a) fork, copy, or redistribute the Software, in whole or in part, except for
+      the portions that are necessarily included in the build output of your own
+      application in order to run it;
+   b) publish, distribute or make available a modified version of the Software
+      or any work derived from it. Modifications for your own internal use are
+      allowed, but they remain subject to this license;
+   c) use the Software, or any part of it, to build, offer or support a
+      framework, library, tool or service that competes with the Software;
+   d) sell, sublicense, rent or host the Software itself as a product or service
+      for third parties, as opposed to hosting your own application built with
+      it;
+   e) remove or alter copyright, license or attribution notices;
+   f) use the name "ress.js" or the Licensor's names or marks to endorse or
+      promote your products without written permission.
+
+3. SCAFFOLDING OUTPUT
+   Files that @ressjs/create-ress-app copies into your project (templates and
+   generated configuration) are yours: you may use, modify and distribute them
+   without restriction. This does not extend to the Software packages that the
+   generated project installs as dependencies.
+
+4. SUPPORT
+   The Software is provided without any obligation of support, maintenance or
+   updates. The Licensor may offer support, maintenance, training or consulting
+   under a separate paid agreement; that agreement does not change this license
+   unless it says so explicitly and is signed by the Licensor.
+
+5. OWNERSHIP
+   The Software is licensed, not sold. The Licensor retains all rights not
+   expressly granted here. Feedback and suggestions you send may be used by the
+   Licensor without obligation to you.
+
+6. TERMINATION
+   This license ends automatically if you breach it. On termination you must
+   stop using the Software and delete your copies. Sections 4 to 8 survive
+   termination.
+
+7. NO WARRANTY
+   THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+   IMPLIED, INCLUDING THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
+   PARTICULAR PURPOSE AND NON-INFRINGEMENT.
+
+8. LIMITATION OF LIABILITY
+   TO THE MAXIMUM EXTENT PERMITTED BY LAW, THE LICENSOR WILL NOT BE LIABLE FOR
+   ANY INDIRECT, INCIDENTAL, SPECIAL OR CONSEQUENTIAL DAMAGES, OR FOR LOSS OF
+   PROFITS, DATA OR BUSINESS, ARISING FROM THE USE OF OR INABILITY TO USE THE
+   SOFTWARE. THE LICENSOR'S TOTAL LIABILITY IS LIMITED TO THE AMOUNT YOU PAID
+   FOR THE SOFTWARE, WHICH MAY BE ZERO.
+
+For other uses, including exceptions to section 2, contact the Licensor to
+agree a separate license.

package/dist/catalog.js

@@ -21,7 +21,10 @@ exports.SUPPORTED_STYLE_EXTENSIONS = Object.freeze(['css', 'scss', 'sass', 'less
  * (CSS antes que SCSS). Así el resultado no depende del orden del filesystem.
  */
 async function discoverStyleVariants(base, registry = platform_1.defaultPlatformRegistry) {
-    const files = await (0, fast_glob_1.default)(exports.SUPPORTED_STYLE_EXTENSIONS.flatMap((ext) => [`${base}.${ext}`, `${base}.*.${ext}`]), { absolute: false });
+    // `base` es una ruta, no un patrón: `(shop)` o `[...slug]` son nombres de
+    // página y se escapan para que el glob los lea literalmente.
+    const pattern = fast_glob_1.default.escapePath(base.replace(/\\/g, '/'));
+    const files = await (0, fast_glob_1.default)(exports.SUPPORTED_STYLE_EXTENSIONS.flatMap((ext) => [`${pattern}.${ext}`, `${pattern}.*.${ext}`]), { absolute: false });
     const priority = new Map(exports.SUPPORTED_STYLE_EXTENSIONS.map((ext, index) => [ext, index]));
     const ordered = files.sort((a, b) => {
         const extA = extensionOf(a);

package/dist/client/entry.d.mts

@@ -1,3 +1,3 @@
-/** ESM browser entry reusing the single server/client component implementation. */
-export { Script, Style } from '../components.js';
+export { Head, Script, Style } from '../components.js';
 export type { ScriptProps, StyleProps } from '../components.js';
+export type { HeadProps } from '../head.js';

package/dist/client/entry.mjs

@@ -1,2 +1,179 @@
-/** ESM browser entry reusing the single server/client component implementation. */
-export { Script, Style } from '../components.js';
+// src/components.ts
+import {
+  Children,
+  Fragment,
+  createContext,
+  createElement,
+  isValidElement,
+  useContext,
+  useEffect
+} from "react";
+var VALID_HEAD_TAGS = /* @__PURE__ */ new Set(["title", "meta", "link", "script", "style", "base", "noscript"]);
+var HEAD_CONTEXT_KEY = /* @__PURE__ */ Symbol.for("@ressjs/assets/head-context");
+var sharedGlobal = globalThis;
+var HeadCollectorContext = sharedGlobal[HEAD_CONTEXT_KEY] ??= createContext(null);
+function HeadCollectorProvider(props) {
+  return createElement(HeadCollectorContext.Provider, { value: props.collector }, props.children);
+}
+function Head({ children }) {
+  const collector = useContext(HeadCollectorContext);
+  const tags = collectHeadChildren(children);
+  if (collector) collector.push(...tags);
+  const signature = collector ? "" : headTagsSignature(tags);
+  useEffect(() => {
+    if (collector || typeof document === "undefined") return;
+    return applyHeadToDocument(tags);
+  }, [collector, signature]);
+  return null;
+}
+function headTagsSignature(tags) {
+  return JSON.stringify(tags);
+}
+function collectHeadChildren(children) {
+  const tags = [];
+  Children.forEach(children, (child) => {
+    if (!isValidElement(child)) return;
+    if (child.type === Fragment) {
+      tags.push(...collectHeadChildren(child.props.children));
+      return;
+    }
+    if (typeof child.type !== "string" || !VALID_HEAD_TAGS.has(child.type)) return;
+    const raw = child.props;
+    const attrs = {};
+    for (const [name, value] of Object.entries(raw)) {
+      if (name === "children" || name === "dangerouslySetInnerHTML") continue;
+      attrs[htmlAttributeName(name)] = value;
+    }
+    const content = textContent(raw.children) ?? innerHtml(raw.dangerouslySetInnerHTML);
+    tags.push({
+      type: child.type,
+      attrs,
+      ...content !== void 0 ? { content } : {}
+    });
+  });
+  return tags;
+}
+function clientSafeHeadTags(tags) {
+  return tags.filter((tag) => tag.type !== "script" || isJsonLdScript(tag));
+}
+function isJsonLdScript(tag) {
+  return String(tag.attrs.type ?? "").toLowerCase().trim() === "application/ld+json";
+}
+function applyHeadToDocument(tags) {
+  const inserted = [];
+  const displaced = [];
+  for (const tag of clientSafeHeadTags(tags)) {
+    const existing = findExistingHeadTag(tag);
+    if (existing) {
+      if (elementMatchesTag(existing, tag)) continue;
+      displaced.push({ node: existing, next: existing.nextSibling });
+      existing.remove();
+    }
+    const element = document.createElement(tag.type);
+    for (const [name, value] of Object.entries(tag.attrs)) {
+      if (value == null || value === false) continue;
+      if (value === true) element.setAttribute(name, "");
+      else element.setAttribute(name, String(value));
+    }
+    if (tag.content !== void 0) element.textContent = tag.content;
+    document.head.appendChild(element);
+    inserted.push(element);
+  }
+  return () => {
+    for (const element of inserted) element.remove();
+    for (const { node, next } of displaced.reverse()) document.head.insertBefore(node, next);
+  };
+}
+function elementMatchesTag(element, tag) {
+  if (element.localName !== tag.type) return false;
+  if ((tag.content ?? "") !== (element.textContent ?? "")) return false;
+  const expectedNames = Object.entries(tag.attrs).filter(([, value]) => value != null && value !== false).map(([name]) => name);
+  const actualNames = element.getAttributeNames?.() ?? [];
+  if (expectedNames.length !== actualNames.length) return false;
+  return expectedNames.every((name) => {
+    const value = tag.attrs[name];
+    const expected = value === true ? "" : String(value);
+    return element.getAttribute(name) === expected;
+  });
+}
+function textContent(value) {
+  if (value == null) return void 0;
+  if (typeof value === "string" || typeof value === "number") return String(value);
+  if (Array.isArray(value)) {
+    const parts = value.map(textContent);
+    return parts.every((part) => part !== void 0) ? parts.join("") : void 0;
+  }
+  return void 0;
+}
+function innerHtml(value) {
+  if (!value || typeof value !== "object") return void 0;
+  const html = value.__html;
+  return html == null ? void 0 : String(html);
+}
+function htmlAttributeName(name) {
+  const known = {
+    charSet: "charset",
+    className: "class",
+    crossOrigin: "crossorigin",
+    httpEquiv: "http-equiv",
+    noModule: "nomodule"
+  };
+  return known[name] ?? name;
+}
+function findExistingHeadTag(tag) {
+  const candidates = Array.from(document.head.children);
+  if (tag.type === "title" || tag.type === "base") {
+    return candidates.find((element) => element.localName === tag.type) ?? null;
+  }
+  if (tag.type === "meta") {
+    if (tag.attrs.name != null) return findByAttribute(candidates, "meta", "name", tag.attrs.name);
+    if (tag.attrs.property != null) return findByAttribute(candidates, "meta", "property", tag.attrs.property);
+    if (tag.attrs.charset != null) {
+      return candidates.find((element) => element.localName === "meta" && element.hasAttribute("charset")) ?? null;
+    }
+  }
+  if (tag.type === "script" && tag.attrs.src != null) {
+    return findByAttribute(candidates, "script", "src", tag.attrs.src);
+  }
+  if (tag.type === "link" && String(tag.attrs.rel).toLowerCase() === "canonical") {
+    return candidates.find(
+      (element) => element.localName === "link" && element.getAttribute("rel")?.toLowerCase() === "canonical"
+    ) ?? null;
+  }
+  return null;
+}
+function findByAttribute(elements, tag, name, value) {
+  return elements.find(
+    (element) => element.localName === tag && element.getAttribute(name) === String(value)
+  ) ?? null;
+}
+function Style({ children, media, nonce, title, id }) {
+  return createElement("style", {
+    ...media ? { media } : {},
+    ...nonce ? { nonce } : {},
+    ...title ? { title } : {},
+    ...id ? { id } : {},
+    "data-ress-style": "inline"
+  }, children);
+}
+function Script({ children, src, type, nonce, id, async, defer }) {
+  return createElement("script", {
+    ...src ? { src } : {},
+    ...type ? { type } : {},
+    ...nonce ? { nonce } : {},
+    ...id ? { id } : {},
+    ...async ? { async: true } : {},
+    ...defer ? { defer: true } : {},
+    "data-ress-script": children != null ? "inline" : "external"
+  }, children);
+}
+export {
+  Head,
+  HeadCollectorProvider,
+  Script,
+  Style,
+  applyHeadToDocument,
+  clientSafeHeadTags,
+  collectHeadChildren,
+  headTagsSignature
+};

package/dist/client/index.d.ts

@@ -1,2 +1,3 @@
-export { Script, Style } from '../components';
+export { Head, Script, Style } from '../components';
 export type { ScriptProps, StyleProps } from '../components';
+export type { HeadProps } from '../head';

package/dist/client/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Style = exports.Script = void 0;
+exports.Style = exports.Script = exports.Head = void 0;
 var components_1 = require("../components");
+Object.defineProperty(exports, "Head", { enumerable: true, get: function () { return components_1.Head; } });
 Object.defineProperty(exports, "Script", { enumerable: true, get: function () { return components_1.Script; } });
 Object.defineProperty(exports, "Style", { enumerable: true, get: function () { return components_1.Style; } });

package/dist/components.d.ts

@@ -1,4 +1,32 @@
-import { type ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
+import type { CollectedHeadTag, HeadProps } from './head';
+/** Internal provider used by the server renderer to isolate every request. */
+export declare function HeadCollectorProvider(props: {
+    collector: CollectedHeadTag[];
+    children?: ReactNode;
+}): React.FunctionComponentElement<React.ProviderProps<CollectedHeadTag[] | null>>;
+/** Declares document-head elements next to the component that owns them. */
+export declare function Head({ children }: HeadProps): null;
+/**
+ * Firma estable del contenido de los tags. Se usa como dependencia del efecto
+ * de arriba en lugar de `children`, que es un objeto nuevo en cada render.
+ */
+export declare function headTagsSignature(tags: readonly CollectedHeadTag[]): string;
+export declare function collectHeadChildren(children: ReactNode): CollectedHeadTag[];
+/**
+ * Qué tags de un `<Head>` del cliente pueden aplicarse tal cual llegan.
+ *
+ * El servidor filtra `<script>` según `security.head.allowScriptTags` (ver
+ * `renderHeadTags` en `@ressjs/vite-router`), salvo JSON-LD, que no ejecuta
+ * nada. El `<Head>` del cliente no conoce esa configuración —no le llega al
+ * bundle del navegador—, así que en vez de asumir un default cualquiera toma
+ * la opción segura: nunca crea un `<script>` ejecutable. Si el SSR ya insertó
+ * uno legítimo, queda intacto porque `applyHeadToDocument` no lo toca; lo que
+ * se evita es que el propio cliente cree uno nuevo (o lo recree) al hidratar
+ * o re-renderizar.
+ */
+export declare function clientSafeHeadTags(tags: readonly CollectedHeadTag[]): CollectedHeadTag[];
+export declare function applyHeadToDocument(tags: readonly CollectedHeadTag[]): () => void;
 export interface StyleProps {
     children?: ReactNode;
     media?: string;
@@ -6,7 +34,7 @@ export interface StyleProps {
     title?: string;
     id?: string;
 }
-export declare function Style({ children, media, nonce, title, id }: StyleProps): import("react").DetailedReactHTMLElement<{
+export declare function Style({ children, media, nonce, title, id }: StyleProps): React.DetailedReactHTMLElement<{
     'data-ress-style': string;
     id?: string | undefined;
     title?: string | undefined;
@@ -22,7 +50,7 @@ export interface ScriptProps {
     async?: boolean;
     defer?: boolean;
 }
-export declare function Script({ children, src, type, nonce, id, async, defer }: ScriptProps): import("react").DetailedReactHTMLElement<{
+export declare function Script({ children, src, type, nonce, id, async, defer }: ScriptProps): React.DetailedReactHTMLElement<{
     'data-ress-script': string;
     defer?: boolean | undefined;
     async?: boolean | undefined;

package/dist/components.js

@@ -1,8 +1,205 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeadCollectorProvider = HeadCollectorProvider;
+exports.Head = Head;
+exports.headTagsSignature = headTagsSignature;
+exports.collectHeadChildren = collectHeadChildren;
+exports.clientSafeHeadTags = clientSafeHeadTags;
+exports.applyHeadToDocument = applyHeadToDocument;
 exports.Style = Style;
 exports.Script = Script;
 const react_1 = require("react");
+const VALID_HEAD_TAGS = new Set(['title', 'meta', 'link', 'script', 'style', 'base', 'noscript']);
+const HEAD_CONTEXT_KEY = Symbol.for('@ressjs/assets/head-context');
+const sharedGlobal = globalThis;
+// Vite can bundle the page and router separately during SSR. A global symbol
+// lets both module instances find the collector for the current React tree.
+const HeadCollectorContext = sharedGlobal[HEAD_CONTEXT_KEY] ??=
+    (0, react_1.createContext)(null);
+/** Internal provider used by the server renderer to isolate every request. */
+function HeadCollectorProvider(props) {
+    return (0, react_1.createElement)(HeadCollectorContext.Provider, { value: props.collector }, props.children);
+}
+/** Declares document-head elements next to the component that owns them. */
+function Head({ children }) {
+    const collector = (0, react_1.useContext)(HeadCollectorContext);
+    const tags = collectHeadChildren(children);
+    if (collector)
+        collector.push(...tags);
+    // `children` es un objeto nuevo en cada render aunque su contenido sea el
+    // mismo. Si el efecto dependiera de `children` (o de `tags`, otro array
+    // nuevo por render), un <Head> dentro de un componente con estado limpiaría
+    // y volvería a insertar sus tags en CADA re-render — y un <script> creado
+    // con `document.createElement` se ejecuta de nuevo cada vez que se inserta.
+    // La firma serializada del contenido sí es estable mientras no cambie nada.
+    const signature = collector ? '' : headTagsSignature(tags);
+    (0, react_1.useEffect)(() => {
+        if (collector || typeof document === 'undefined')
+            return;
+        return applyHeadToDocument(tags);
+        // La firma reemplaza a `children`/`tags` a propósito: sólo importa si el
+        // CONTENIDO cambió, no la identidad del array que arma cada render.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [collector, signature]);
+    return null;
+}
+/**
+ * Firma estable del contenido de los tags. Se usa como dependencia del efecto
+ * de arriba en lugar de `children`, que es un objeto nuevo en cada render.
+ */
+function headTagsSignature(tags) {
+    return JSON.stringify(tags);
+}
+function collectHeadChildren(children) {
+    const tags = [];
+    react_1.Children.forEach(children, (child) => {
+        if (!(0, react_1.isValidElement)(child))
+            return;
+        if (child.type === react_1.Fragment) {
+            tags.push(...collectHeadChildren(child.props.children));
+            return;
+        }
+        if (typeof child.type !== 'string' || !VALID_HEAD_TAGS.has(child.type))
+            return;
+        const raw = child.props;
+        const attrs = {};
+        for (const [name, value] of Object.entries(raw)) {
+            if (name === 'children' || name === 'dangerouslySetInnerHTML')
+                continue;
+            attrs[htmlAttributeName(name)] = value;
+        }
+        const content = textContent(raw.children) ?? innerHtml(raw.dangerouslySetInnerHTML);
+        tags.push({
+            type: child.type,
+            attrs,
+            ...(content !== undefined ? { content } : {}),
+        });
+    });
+    return tags;
+}
+/**
+ * Qué tags de un `<Head>` del cliente pueden aplicarse tal cual llegan.
+ *
+ * El servidor filtra `<script>` según `security.head.allowScriptTags` (ver
+ * `renderHeadTags` en `@ressjs/vite-router`), salvo JSON-LD, que no ejecuta
+ * nada. El `<Head>` del cliente no conoce esa configuración —no le llega al
+ * bundle del navegador—, así que en vez de asumir un default cualquiera toma
+ * la opción segura: nunca crea un `<script>` ejecutable. Si el SSR ya insertó
+ * uno legítimo, queda intacto porque `applyHeadToDocument` no lo toca; lo que
+ * se evita es que el propio cliente cree uno nuevo (o lo recree) al hidratar
+ * o re-renderizar.
+ */
+function clientSafeHeadTags(tags) {
+    return tags.filter((tag) => tag.type !== 'script' || isJsonLdScript(tag));
+}
+function isJsonLdScript(tag) {
+    return String(tag.attrs.type ?? '').toLowerCase().trim() === 'application/ld+json';
+}
+function applyHeadToDocument(tags) {
+    const inserted = [];
+    const displaced = [];
+    for (const tag of clientSafeHeadTags(tags)) {
+        const existing = findExistingHeadTag(tag);
+        if (existing) {
+            // Si ya está exactamente lo que se quiere insertar, no se toca: para un
+            // <script src> ya renderizado en el SSR, sacarlo y volver a ponerlo lo
+            // ejecuta una segunda vez.
+            if (elementMatchesTag(existing, tag))
+                continue;
+            displaced.push({ node: existing, next: existing.nextSibling });
+            existing.remove();
+        }
+        const element = document.createElement(tag.type);
+        for (const [name, value] of Object.entries(tag.attrs)) {
+            if (value == null || value === false)
+                continue;
+            if (value === true)
+                element.setAttribute(name, '');
+            else
+                element.setAttribute(name, String(value));
+        }
+        if (tag.content !== undefined)
+            element.textContent = tag.content;
+        document.head.appendChild(element);
+        inserted.push(element);
+    }
+    return () => {
+        for (const element of inserted)
+            element.remove();
+        for (const { node, next } of displaced.reverse())
+            document.head.insertBefore(node, next);
+    };
+}
+/** Compara un elemento del `<head>` con el tag que se quiere insertar. */
+function elementMatchesTag(element, tag) {
+    if (element.localName !== tag.type)
+        return false;
+    if ((tag.content ?? '') !== (element.textContent ?? ''))
+        return false;
+    const expectedNames = Object.entries(tag.attrs)
+        .filter(([, value]) => value != null && value !== false)
+        .map(([name]) => name);
+    const actualNames = element.getAttributeNames?.() ?? [];
+    if (expectedNames.length !== actualNames.length)
+        return false;
+    return expectedNames.every((name) => {
+        const value = tag.attrs[name];
+        const expected = value === true ? '' : String(value);
+        return element.getAttribute(name) === expected;
+    });
+}
+function textContent(value) {
+    if (value == null)
+        return undefined;
+    if (typeof value === 'string' || typeof value === 'number')
+        return String(value);
+    if (Array.isArray(value)) {
+        const parts = value.map(textContent);
+        return parts.every((part) => part !== undefined) ? parts.join('') : undefined;
+    }
+    return undefined;
+}
+function innerHtml(value) {
+    if (!value || typeof value !== 'object')
+        return undefined;
+    const html = value.__html;
+    return html == null ? undefined : String(html);
+}
+function htmlAttributeName(name) {
+    const known = {
+        charSet: 'charset',
+        className: 'class',
+        crossOrigin: 'crossorigin',
+        httpEquiv: 'http-equiv',
+        noModule: 'nomodule',
+    };
+    return known[name] ?? name;
+}
+function findExistingHeadTag(tag) {
+    const candidates = Array.from(document.head.children);
+    if (tag.type === 'title' || tag.type === 'base') {
+        return candidates.find((element) => element.localName === tag.type) ?? null;
+    }
+    if (tag.type === 'meta') {
+        if (tag.attrs.name != null)
+            return findByAttribute(candidates, 'meta', 'name', tag.attrs.name);
+        if (tag.attrs.property != null)
+            return findByAttribute(candidates, 'meta', 'property', tag.attrs.property);
+        if (tag.attrs.charset != null) {
+            return candidates.find((element) => element.localName === 'meta' && element.hasAttribute('charset')) ?? null;
+        }
+    }
+    if (tag.type === 'script' && tag.attrs.src != null) {
+        return findByAttribute(candidates, 'script', 'src', tag.attrs.src);
+    }
+    if (tag.type === 'link' && String(tag.attrs.rel).toLowerCase() === 'canonical') {
+        return candidates.find((element) => element.localName === 'link' && element.getAttribute('rel')?.toLowerCase() === 'canonical') ?? null;
+    }
+    return null;
+}
+function findByAttribute(elements, tag, name, value) {
+    return elements.find((element) => element.localName === tag && element.getAttribute(name) === String(value)) ?? null;
+}
 function Style({ children, media, nonce, title, id }) {
     return (0, react_1.createElement)('style', {
         ...(media ? { media } : {}),

package/dist/head.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+export type HeadAttributes = Record<string, string | number | boolean | null | undefined>;
+export type HeadTagName = 'title' | 'meta' | 'link' | 'script' | 'style' | 'base' | 'noscript';
+export interface CollectedHeadTag {
+    type: HeadTagName;
+    attrs: HeadAttributes;
+    content?: string;
+}
+export interface HeadProps {
+    children?: ReactNode;
+}

package/dist/head.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 export { SUPPORTED_STYLE_EXTENSIONS, discoverStyleVariants } from './catalog';
 export { resolveAssetVariant } from './resolve';
 export { resolvePageAssets } from './page-assets';
-export { Script, Style } from './components';
+export { Head, HeadCollectorProvider, Script, Style, applyHeadToDocument, clientSafeHeadTags, collectHeadChildren, headTagsSignature, } from './components';
 export type { AssetCatalog, AssetDefinition, AssetEntry, AssetIndex, AssetResolverOptions, AssetVariant, ResolvedAssetLinks } from './types';
 export type { ScriptProps, StyleProps } from './components';
+export type { CollectedHeadTag, HeadAttributes, HeadProps, HeadTagName } from './head';

package/dist/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Style = exports.Script = exports.resolvePageAssets = exports.resolveAssetVariant = exports.discoverStyleVariants = exports.SUPPORTED_STYLE_EXTENSIONS = void 0;
+exports.headTagsSignature = exports.collectHeadChildren = exports.clientSafeHeadTags = exports.applyHeadToDocument = exports.Style = exports.Script = exports.HeadCollectorProvider = exports.Head = exports.resolvePageAssets = exports.resolveAssetVariant = exports.discoverStyleVariants = exports.SUPPORTED_STYLE_EXTENSIONS = void 0;
 var catalog_1 = require("./catalog");
 Object.defineProperty(exports, "SUPPORTED_STYLE_EXTENSIONS", { enumerable: true, get: function () { return catalog_1.SUPPORTED_STYLE_EXTENSIONS; } });
 Object.defineProperty(exports, "discoverStyleVariants", { enumerable: true, get: function () { return catalog_1.discoverStyleVariants; } });
@@ -9,5 +9,11 @@ Object.defineProperty(exports, "resolveAssetVariant", { enumerable: true, get: f
 var page_assets_1 = require("./page-assets");
 Object.defineProperty(exports, "resolvePageAssets", { enumerable: true, get: function () { return page_assets_1.resolvePageAssets; } });
 var components_1 = require("./components");
+Object.defineProperty(exports, "Head", { enumerable: true, get: function () { return components_1.Head; } });
+Object.defineProperty(exports, "HeadCollectorProvider", { enumerable: true, get: function () { return components_1.HeadCollectorProvider; } });
 Object.defineProperty(exports, "Script", { enumerable: true, get: function () { return components_1.Script; } });
 Object.defineProperty(exports, "Style", { enumerable: true, get: function () { return components_1.Style; } });
+Object.defineProperty(exports, "applyHeadToDocument", { enumerable: true, get: function () { return components_1.applyHeadToDocument; } });
+Object.defineProperty(exports, "clientSafeHeadTags", { enumerable: true, get: function () { return components_1.clientSafeHeadTags; } });
+Object.defineProperty(exports, "collectHeadChildren", { enumerable: true, get: function () { return components_1.collectHeadChildren; } });
+Object.defineProperty(exports, "headTagsSignature", { enumerable: true, get: function () { return components_1.headTagsSignature; } });

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@ressjs/assets",
-  "version": "0.6.0-experimental.0",
+  "version": "0.6.0-rc.0",
   "description": "Assets de ress.js: variantes de plataforma, Style y Script",
+  "license": "SEE LICENSE IN LICENSE",
   "types": "dist/index.d.ts",
   "main": "dist/index.js",
   "exports": {
@@ -11,17 +12,22 @@
       "import": "./dist/index.js"
     },
     "./client": {
-      "types": "./dist/client/entry.d.mts",
-      "require": "./dist/client/index.js",
-      "import": "./dist/client/entry.mjs"
+      "import": {
+        "types": "./dist/client/entry.d.mts",
+        "default": "./dist/client/entry.mjs"
+      },
+      "require": {
+        "types": "./dist/client/index.d.ts",
+        "default": "./dist/client/index.js"
+      }
     }
   },
   "files": [
     "dist"
   ],
   "scripts": {
-    "build": "tsc",
-    "dev": "tsc --watch",
+    "build": "tsc && esbuild src/components.ts --bundle --platform=browser --format=esm --external:react --outfile=dist/client/entry.mjs",
+    "dev": "node scripts/watch.mjs",
     "clean": "rm -rf dist",
     "test": "vitest run",
     "prepublishOnly": "npm run build"
@@ -30,12 +36,15 @@
     "access": "public"
   },
   "dependencies": {
-    "@ressjs/platform": "0.6.0-experimental.0",
+    "@ressjs/platform": "0.6.0-rc.0",
     "fast-glob": "^3.3.3"
   },
   "peerDependencies": {
     "react": "^19.0.0"
   },
+  "devDependencies": {
+    "esbuild": "^0.28.2"
+  },
   "engines": {
     "node": ">=20.19.0"
   }