@mmapp/react 0.1.0-alpha.18 → 0.1.0-alpha.20

package/dist/chunk-3PL6FL6I.mjs

@@ -0,0 +1,96 @@
+// src/player/atoms/composition.tsx
+import React, { createContext, useContext, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SlotRegistryContext = createContext(/* @__PURE__ */ new Map());
+var SlotRegistryProvider = ({ contributions, children }) => {
+  const registry = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const c of contributions) {
+      const list = map.get(c.name) ?? [];
+      list.push(c);
+      map.set(c.name, list);
+    }
+    for (const [, list] of map) {
+      list.sort((a, b) => (b.priority ?? 0) - (a.priority ?? 0));
+    }
+    return map;
+  }, [contributions]);
+  return /* @__PURE__ */ jsx(SlotRegistryContext.Provider, { value: registry, children });
+};
+function useSlotContributions(name) {
+  const registry = useContext(SlotRegistryContext);
+  return registry.get(name) ?? [];
+}
+var Slot = ({ children, name, fallback, className, style }) => {
+  const slotName = name ?? "";
+  const contributions = useSlotContributions(slotName);
+  const content = contributions.length > 0 ? contributions.map((c, i) => /* @__PURE__ */ jsx(React.Fragment, { children: c.tree }, i)) : children ?? fallback;
+  if (!content) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className,
+      "data-slot": slotName,
+      style,
+      children: content
+    }
+  );
+};
+var ModuleOutlet = ({ children, module: moduleName, basePath, className, style }) => {
+  const moduleKey = moduleName ?? "";
+  const contributions = useSlotContributions(`module:${moduleKey}`);
+  if (contributions.length > 0) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className,
+        "data-module": moduleKey,
+        style,
+        children: contributions.map((c, i) => /* @__PURE__ */ jsx(React.Fragment, { children: c.tree }, i))
+      }
+    );
+  }
+  if (children) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className,
+        "data-module": moduleKey,
+        style,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className,
+      "data-module": moduleKey,
+      style: {
+        padding: 16,
+        border: "1px dashed #cbd5e0",
+        borderRadius: 8,
+        color: "#a0aec0",
+        fontSize: 13,
+        textAlign: "center",
+        ...style
+      },
+      children: [
+        "Module: ",
+        String(moduleName ?? "unknown"),
+        basePath ? /* @__PURE__ */ jsxs("span", { children: [
+          " (",
+          String(basePath),
+          ")"
+        ] }) : null
+      ]
+    }
+  );
+};
+
+export {
+  SlotRegistryProvider,
+  useSlotContributions,
+  Slot,
+  ModuleOutlet
+};