@puckeditor/plugin-auth 0.9.0-canary.f8c1abd5 → 0.10.0-canary.124630b6

package/dist/index.css

@@ -115,3 +115,8 @@ button._Menu-item_1jr57_55:hover {
   font-size: var(--puck-font-size-xxxs);
   color: var(--puck-color-grey-05);
 }
+
+/* src/styles.css */
+:root {
+  --_puck-plugin-auth-styles-loaded: "true";
+}

package/dist/index.js

@@ -4743,12 +4743,114 @@ var __iconNode2 = [
 var LogOut = createLucideIcon("log-out", __iconNode2);
 
 // src/components/SessionMenu/index.tsx
-var import_react8 = require("react");
+var import_react9 = require("react");
 
 // css-module:/home/runner/work/platform/platform/packages/plugin-auth/src/components/SessionMenu/styles.module.css#css-module
 init_react_import();
 var styles_module_default2 = { "SessionMenu-avatar": "_SessionMenu-avatar_j6dlr_1", "SessionMenu-placeholder": "_SessionMenu-placeholder_j6dlr_16", "SessionMenu-identity": "_SessionMenu-identity_j6dlr_30", "SessionMenu-name": "_SessionMenu-name_j6dlr_37", "SessionMenu-email": "_SessionMenu-email_j6dlr_41" };
 
+// ../platform-client/lib/use-inject-css.ts
+init_react_import();
+var import_react8 = require("react");
+
+// runtime-css:runtime-css
+init_react_import();
+var runtimeStyles = "._Menu_1jr57_1{display:flex;position:relative}._Menu-content_1jr57_6{outline:none;z-index:1}._Menu-sections_1jr57_11{background-color:#fff;border:1px solid var(--puck-color-grey-09);border-radius:8px;box-sizing:border-box;box-shadow:0 2px 10px #0000001a;min-width:128px;padding-bottom:4px;padding-top:4px}._Menu-action_1jr57_22{background:none;border:none;margin-left:auto;padding:0}._Menu-action_1jr57_22:hover:not(:disabled){cursor:pointer;opacity:.8}._Menu-action_1jr57_22:disabled{cursor:not-allowed;opacity:.5}._Menu-action_1jr57_22:focus-visible{outline:2px solid var(--puck-color-azure-05);outline-offset:2px}._Menu-list_1jr57_44{list-style:none;margin:0;padding:0}._Menu-list_1jr57_44+._Menu-list_1jr57_44{border-top:1px solid var(--puck-color-grey-09);margin-top:4px}._Menu-item_1jr57_55{align-items:center;background:none;border:none;box-sizing:border-box;color:var(--puck-color-grey-02);display:flex;font-family:var(--puck-font-family);font-size:var(--puck-font-size-xxs);font-weight:500;gap:8px;padding:8px 12px;text-align:start;text-decoration:none;white-space:nowrap;width:100%}a._Menu-item_1jr57_55,button._Menu-item_1jr57_55{cursor:pointer}a._Menu-item_1jr57_55:hover,button._Menu-item_1jr57_55:hover{background-color:var(--puck-color-azure-11);color:var(--puck-color-azure-04)}._Menu-item--disabled_1jr57_84{cursor:not-allowed;opacity:.5}._SessionMenu-avatar_j6dlr_1{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;overflow:hidden;background:var(--puck-color-azure-11);color:var(--puck-color-azure-04);font-size:var(--puck-font-size-xxs);font-weight:600;letter-spacing:.02em}._SessionMenu-placeholder_j6dlr_16{display:block;width:32px;height:32px;border-radius:50%;background:var(--puck-color-grey-11)}._SessionMenu-avatar_j6dlr_1 img{width:100%;height:100%;object-fit:cover}._SessionMenu-identity_j6dlr_30{display:flex;flex-direction:column;gap:2px;color:var(--puck-color-grey-03)}._SessionMenu-name_j6dlr_37{font-weight:600}._SessionMenu-email_j6dlr_41{font-size:var(--puck-font-size-xxxs);color:var(--puck-color-grey-05)}";
+
+// ../platform-client/lib/use-inject-css.ts
+var STYLE_SOURCE_ATTRIBUTE = "data-puck-style-source";
+var STYLE_SOURCE_VALUE = "puck";
+var STYLE_ID_ATTRIBUTE = "data-puck-style-id";
+var styleRegistry = /* @__PURE__ */ new WeakMap();
+var staticCssDetected = /* @__PURE__ */ new Map();
+var warned = /* @__PURE__ */ new Set();
+var getStyleMap = (target) => {
+  const existing = styleRegistry.get(target);
+  if (existing) {
+    return existing;
+  }
+  const created = /* @__PURE__ */ new Map();
+  styleRegistry.set(target, created);
+  return created;
+};
+var attachStyleElement = (target, el, prepend = false) => {
+  const head = target.head;
+  if (!head) {
+    return;
+  }
+  if (el.parentElement !== head) {
+    if (prepend) {
+      head.prepend(el);
+    } else {
+      head.append(el);
+    }
+    return;
+  }
+  if (prepend && head.firstChild !== el) {
+    head.prepend(el);
+  }
+  if (!prepend && head.lastChild !== el) {
+    head.append(el);
+  }
+};
+var useInjectStyleSheet = (options) => {
+  (0, import_react8.useInsertionEffect)(() => {
+    if (!options || typeof document === "undefined") {
+      return;
+    }
+    const registry = getStyleMap(document);
+    const existing = registry.get(options.id);
+    if (existing) {
+      existing.count = existing.count + 1;
+      if (existing.el.textContent !== options.cssText) {
+        existing.el.textContent = options.cssText;
+      }
+      attachStyleElement(document, existing.el, options.prepend);
+    } else {
+      const el = document.createElement("style");
+      el.setAttribute(STYLE_SOURCE_ATTRIBUTE, STYLE_SOURCE_VALUE);
+      el.setAttribute(STYLE_ID_ATTRIBUTE, options.id);
+      el.textContent = options.cssText;
+      attachStyleElement(document, el, options.prepend);
+      registry.set(options.id, { count: 1, el });
+    }
+    return () => {
+      const current = registry.get(options.id);
+      if (!current) {
+        return;
+      }
+      current.count = current.count - 1;
+      if (current.count <= 0) {
+        current.el.remove();
+        registry.delete(options.id);
+      }
+    };
+  }, [options?.cssText, options?.id, options?.prepend]);
+};
+var hasStaticPluginCss = (name) => {
+  const cached = staticCssDetected.get(name);
+  if (cached !== void 0) return cached;
+  if (typeof document === "undefined") return false;
+  const detected = getComputedStyle(document.documentElement).getPropertyValue(`--_puck-${name}-styles-loaded`).trim() !== "";
+  staticCssDetected.set(name, detected);
+  return detected;
+};
+var useInjectPluginCss = (name) => {
+  const skip = hasStaticPluginCss(name);
+  useInjectStyleSheet(
+    skip || !runtimeStyles ? null : { cssText: runtimeStyles, id: name, prepend: true }
+  );
+  (0, import_react8.useEffect)(() => {
+    if (!skip || process.env.NODE_ENV === "production" || warned.has(name)) {
+      return;
+    }
+    warned.add(name);
+    console.info(
+      `Puck: Skipped runtime style injection as @puckeditor/${name} styles are already loaded. You can safely remove the "@puckeditor/${name}/styles.css" import, or ignore this message.`
+    );
+  }, [name, skip]);
+};
+
 // src/components/SessionMenu/index.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var cx = getClassNameFactory2("SessionMenu", styles_module_default2);
@@ -4757,8 +4859,9 @@ var SessionMenu = ({
   authHost,
   showBranch
 }) => {
-  const [session, setSession] = (0, import_react8.useState)();
-  (0, import_react8.useEffect)(() => {
+  useInjectPluginCss("plugin-auth");
+  const [session, setSession] = (0, import_react9.useState)();
+  (0, import_react9.useEffect)(() => {
     let cancelled = false;
     fetch(`${authHost}/session`, { cache: "no-store" }).then((response) => response.ok ? response.json() : null).then((data) => {
       if (!cancelled) setSession(data?.user ? data : null);

package/dist/index.mjs

@@ -4734,12 +4734,114 @@ var __iconNode2 = [
 var LogOut = createLucideIcon("log-out", __iconNode2);
 
 // src/components/SessionMenu/index.tsx
-import { useEffect as useEffect15, useState as useState15 } from "react";
+import { useEffect as useEffect16, useState as useState15 } from "react";
 
 // css-module:/home/runner/work/platform/platform/packages/plugin-auth/src/components/SessionMenu/styles.module.css#css-module
 init_react_import();
 var styles_module_default2 = { "SessionMenu-avatar": "_SessionMenu-avatar_j6dlr_1", "SessionMenu-placeholder": "_SessionMenu-placeholder_j6dlr_16", "SessionMenu-identity": "_SessionMenu-identity_j6dlr_30", "SessionMenu-name": "_SessionMenu-name_j6dlr_37", "SessionMenu-email": "_SessionMenu-email_j6dlr_41" };
 
+// ../platform-client/lib/use-inject-css.ts
+init_react_import();
+import { useEffect as useEffect15, useInsertionEffect as useInsertionEffect2 } from "react";
+
+// runtime-css:runtime-css
+init_react_import();
+var runtimeStyles = "._Menu_1jr57_1{display:flex;position:relative}._Menu-content_1jr57_6{outline:none;z-index:1}._Menu-sections_1jr57_11{background-color:#fff;border:1px solid var(--puck-color-grey-09);border-radius:8px;box-sizing:border-box;box-shadow:0 2px 10px #0000001a;min-width:128px;padding-bottom:4px;padding-top:4px}._Menu-action_1jr57_22{background:none;border:none;margin-left:auto;padding:0}._Menu-action_1jr57_22:hover:not(:disabled){cursor:pointer;opacity:.8}._Menu-action_1jr57_22:disabled{cursor:not-allowed;opacity:.5}._Menu-action_1jr57_22:focus-visible{outline:2px solid var(--puck-color-azure-05);outline-offset:2px}._Menu-list_1jr57_44{list-style:none;margin:0;padding:0}._Menu-list_1jr57_44+._Menu-list_1jr57_44{border-top:1px solid var(--puck-color-grey-09);margin-top:4px}._Menu-item_1jr57_55{align-items:center;background:none;border:none;box-sizing:border-box;color:var(--puck-color-grey-02);display:flex;font-family:var(--puck-font-family);font-size:var(--puck-font-size-xxs);font-weight:500;gap:8px;padding:8px 12px;text-align:start;text-decoration:none;white-space:nowrap;width:100%}a._Menu-item_1jr57_55,button._Menu-item_1jr57_55{cursor:pointer}a._Menu-item_1jr57_55:hover,button._Menu-item_1jr57_55:hover{background-color:var(--puck-color-azure-11);color:var(--puck-color-azure-04)}._Menu-item--disabled_1jr57_84{cursor:not-allowed;opacity:.5}._SessionMenu-avatar_j6dlr_1{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;overflow:hidden;background:var(--puck-color-azure-11);color:var(--puck-color-azure-04);font-size:var(--puck-font-size-xxs);font-weight:600;letter-spacing:.02em}._SessionMenu-placeholder_j6dlr_16{display:block;width:32px;height:32px;border-radius:50%;background:var(--puck-color-grey-11)}._SessionMenu-avatar_j6dlr_1 img{width:100%;height:100%;object-fit:cover}._SessionMenu-identity_j6dlr_30{display:flex;flex-direction:column;gap:2px;color:var(--puck-color-grey-03)}._SessionMenu-name_j6dlr_37{font-weight:600}._SessionMenu-email_j6dlr_41{font-size:var(--puck-font-size-xxxs);color:var(--puck-color-grey-05)}";
+
+// ../platform-client/lib/use-inject-css.ts
+var STYLE_SOURCE_ATTRIBUTE = "data-puck-style-source";
+var STYLE_SOURCE_VALUE = "puck";
+var STYLE_ID_ATTRIBUTE = "data-puck-style-id";
+var styleRegistry = /* @__PURE__ */ new WeakMap();
+var staticCssDetected = /* @__PURE__ */ new Map();
+var warned = /* @__PURE__ */ new Set();
+var getStyleMap = (target) => {
+  const existing = styleRegistry.get(target);
+  if (existing) {
+    return existing;
+  }
+  const created = /* @__PURE__ */ new Map();
+  styleRegistry.set(target, created);
+  return created;
+};
+var attachStyleElement = (target, el, prepend = false) => {
+  const head = target.head;
+  if (!head) {
+    return;
+  }
+  if (el.parentElement !== head) {
+    if (prepend) {
+      head.prepend(el);
+    } else {
+      head.append(el);
+    }
+    return;
+  }
+  if (prepend && head.firstChild !== el) {
+    head.prepend(el);
+  }
+  if (!prepend && head.lastChild !== el) {
+    head.append(el);
+  }
+};
+var useInjectStyleSheet = (options) => {
+  useInsertionEffect2(() => {
+    if (!options || typeof document === "undefined") {
+      return;
+    }
+    const registry = getStyleMap(document);
+    const existing = registry.get(options.id);
+    if (existing) {
+      existing.count = existing.count + 1;
+      if (existing.el.textContent !== options.cssText) {
+        existing.el.textContent = options.cssText;
+      }
+      attachStyleElement(document, existing.el, options.prepend);
+    } else {
+      const el = document.createElement("style");
+      el.setAttribute(STYLE_SOURCE_ATTRIBUTE, STYLE_SOURCE_VALUE);
+      el.setAttribute(STYLE_ID_ATTRIBUTE, options.id);
+      el.textContent = options.cssText;
+      attachStyleElement(document, el, options.prepend);
+      registry.set(options.id, { count: 1, el });
+    }
+    return () => {
+      const current = registry.get(options.id);
+      if (!current) {
+        return;
+      }
+      current.count = current.count - 1;
+      if (current.count <= 0) {
+        current.el.remove();
+        registry.delete(options.id);
+      }
+    };
+  }, [options?.cssText, options?.id, options?.prepend]);
+};
+var hasStaticPluginCss = (name) => {
+  const cached = staticCssDetected.get(name);
+  if (cached !== void 0) return cached;
+  if (typeof document === "undefined") return false;
+  const detected = getComputedStyle(document.documentElement).getPropertyValue(`--_puck-${name}-styles-loaded`).trim() !== "";
+  staticCssDetected.set(name, detected);
+  return detected;
+};
+var useInjectPluginCss = (name) => {
+  const skip = hasStaticPluginCss(name);
+  useInjectStyleSheet(
+    skip || !runtimeStyles ? null : { cssText: runtimeStyles, id: name, prepend: true }
+  );
+  useEffect15(() => {
+    if (!skip || process.env.NODE_ENV === "production" || warned.has(name)) {
+      return;
+    }
+    warned.add(name);
+    console.info(
+      `Puck: Skipped runtime style injection as @puckeditor/${name} styles are already loaded. You can safely remove the "@puckeditor/${name}/styles.css" import, or ignore this message.`
+    );
+  }, [name, skip]);
+};
+
 // src/components/SessionMenu/index.tsx
 import { jsx as jsx11, jsxs as jsxs2 } from "react/jsx-runtime";
 var cx = getClassNameFactory2("SessionMenu", styles_module_default2);
@@ -4748,8 +4850,9 @@ var SessionMenu = ({
   authHost,
   showBranch
 }) => {
+  useInjectPluginCss("plugin-auth");
   const [session, setSession] = useState15();
-  useEffect15(() => {
+  useEffect16(() => {
     let cancelled = false;
     fetch(`${authHost}/session`, { cache: "no-store" }).then((response) => response.ok ? response.json() : null).then((data) => {
       if (!cancelled) setSession(data?.user ? data : null);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@puckeditor/plugin-auth",
-  "version": "0.9.0-canary.f8c1abd5",
+  "version": "0.10.0-canary.124630b6",
   "author": "Chris Villa <chris@puckeditor.com>",
   "repository": {
     "type": "git",
@@ -38,10 +38,10 @@
     "tsup": "^8.2.4",
     "typescript": "^5.5.4",
     "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^4.1.11",
-    "tsconfig": "0.9.0-canary.f8c1abd5",
-    "tsup-config": "0.9.0-canary.f8c1abd5",
-    "eslint-config-custom": "0.9.0-canary.f8c1abd5"
+    "vitest": "^4.1.12",
+    "eslint-config-custom": "0.10.0-canary.124630b6",
+    "tsconfig": "0.10.0-canary.124630b6",
+    "tsup-config": "0.10.0-canary.124630b6"
   },
   "peerDependencies": {
     "@puckeditor/core": "^0",