origam 2.27.0 → 2.29.1

package/dist/src/utils/Commons/ssr-styles.util.cjs

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createSsrStyleCollector = createSsrStyleCollector;
+exports.getSsrStyles = getSsrStyles;
+exports.registerSsrStyleCollector = registerSsrStyleCollector;
+exports.renderSsrStyles = renderSsrStyles;
+const collectors = /* @__PURE__ */new WeakMap();
+function escapeStyleText(css) {
+  return css.replace(/<\/(style)/gi, "<\\/$1");
+}
+function createSsrStyleCollector() {
+  const getters = /* @__PURE__ */new Map();
+  return {
+    add(id, css) {
+      getters.set(id, css);
+    },
+    entries() {
+      return [...getters].map(([id, css]) => ({
+        id,
+        css: escapeStyleText(css())
+      }));
+    }
+  };
+}
+function registerSsrStyleCollector(app) {
+  const collector = createSsrStyleCollector();
+  collectors.set(app, collector);
+  return collector;
+}
+function getSsrStyles(app) {
+  return collectors.get(app)?.entries() ?? [];
+}
+function renderSsrStyles(app) {
+  return getSsrStyles(app).map(({
+    id,
+    css
+  }) => `<style id="${id}">${css}</style>`).join("");
+}

package/dist/src/utils/Commons/ssr-styles.util.d.ts

@@ -0,0 +1,6 @@
+import type { App } from 'vue';
+import type { ISsrStyleCollector, ISsrStyleEntry } from '../../interfaces/Commons/style.interface';
+export declare function createSsrStyleCollector(): ISsrStyleCollector;
+export declare function registerSsrStyleCollector(app: App): ISsrStyleCollector;
+export declare function getSsrStyles(app: App): ISsrStyleEntry[];
+export declare function renderSsrStyles(app: App): string;

package/dist/src/utils/Commons/ssr-styles.util.js

@@ -0,0 +1,26 @@
+const collectors = /* @__PURE__ */ new WeakMap();
+function escapeStyleText(css) {
+  return css.replace(/<\/(style)/gi, "<\\/$1");
+}
+export function createSsrStyleCollector() {
+  const getters = /* @__PURE__ */ new Map();
+  return {
+    add(id, css) {
+      getters.set(id, css);
+    },
+    entries() {
+      return [...getters].map(([id, css]) => ({ id, css: escapeStyleText(css()) }));
+    }
+  };
+}
+export function registerSsrStyleCollector(app) {
+  const collector = createSsrStyleCollector();
+  collectors.set(app, collector);
+  return collector;
+}
+export function getSsrStyles(app) {
+  return collectors.get(app)?.entries() ?? [];
+}
+export function renderSsrStyles(app) {
+  return getSsrStyles(app).map(({ id, css }) => `<style id="${id}">${css}</style>`).join("");
+}

package/dist/src/utils/index.cjs

@@ -157,6 +157,17 @@ Object.keys(_getCurrentInstance).forEach(function (key) {
     }
   });
 });
+var _ssrStyles = require("./Commons/ssr-styles.util.cjs");
+Object.keys(_ssrStyles).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ssrStyles[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ssrStyles[key];
+    }
+  });
+});
 var _layout = require("./Commons/layout.util.cjs");
 Object.keys(_layout).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/dist/src/utils/index.d.ts

@@ -12,6 +12,7 @@ export * from './Commons/css-support.util';
 export * from './Commons/date.util';
 export * from './Commons/elevation.util';
 export * from './Commons/getCurrentInstance.util';
+export * from './Commons/ssr-styles.util';
 export * from './Commons/layout.util';
 export * from './Commons/locale.util';
 export * from './Commons/nested.util';

package/dist/src/utils/index.js

@@ -12,6 +12,7 @@ export * from "./Commons/css-support.util.js";
 export * from "./Commons/date.util.js";
 export * from "./Commons/elevation.util.js";
 export * from "./Commons/getCurrentInstance.util.js";
+export * from "./Commons/ssr-styles.util.js";
 export * from "./Commons/layout.util.js";
 export * from "./Commons/locale.util.js";
 export * from "./Commons/nested.util.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "origam",
-  "version": "2.27.0",
+  "version": "2.29.1",
   "type": "module",
   "description": "origam — a Vue 3 design system with multi-theme design tokens, CSS-first components and TypeScript types.",
   "keywords": [