@floegence/floe-webapp-core 0.86.62 → 0.86.64

package/dist/context/ComponentRegistry.js

@@ -2,8 +2,8 @@ import { createSignal as C } from "solid-js";
 import { createSimpleContext as h } from "./createSimpleContext.js";
 import { useResolvedFloeConfig as w } from "./FloeConfigContext.js";
 import { useTheme as x } from "./ThemeContext.js";
-import { useLayout as v } from "./LayoutContext.js";
-import { useCommand as b } from "./CommandContext.js";
+import { useLayout as b } from "./LayoutContext.js";
+import { useCommand as v } from "./CommandContext.js";
 import { useNotification as R } from "./NotificationContext.js";
 import { deferNonBlocking as M } from "../utils/defer.js";
 function S(r) {
@@ -23,8 +23,8 @@ function A(r, i) {
     remove: (a) => M(() => r.remove(n + a))
   };
 }
-function D() {
-  const r = x(), i = v(), n = b(), a = R(), m = w();
+function z() {
+  const r = x(), i = b(), n = v(), a = R(), m = w();
   return (l, p) => ({
     protocol: p?.protocol,
     theme: r,
@@ -37,37 +37,37 @@ function D() {
 }
 const f = h({
   name: "ComponentRegistry",
-  init: B
-}), G = f.Provider;
-function H() {
+  init: k
+}), D = f.Provider;
+function G() {
   return f.use();
 }
-function J() {
+function H() {
   return f.useOptional();
 }
-function K() {
+function J() {
   return f.has();
 }
-function B() {
-  const [r, i] = C(/* @__PURE__ */ new Map()), [n, a] = C(/* @__PURE__ */ new Set()), m = /* @__PURE__ */ new Map(), l = (t) => {
-    i((e) => new Map(e).set(t.id, t));
-  }, p = (t) => {
-    const e = t.map((o) => o.id).filter((o) => !!o);
-    return i((o) => {
-      const c = new Map(o);
-      return t.forEach((u) => c.set(u.id, u)), c;
+function k() {
+  const [r, i] = C(/* @__PURE__ */ new Map()), [n, a] = C(/* @__PURE__ */ new Set()), m = /* @__PURE__ */ new Map(), l = (e) => {
+    i((o) => new Map(o).set(e.id, e));
+  }, p = (e) => {
+    const o = e.map((t) => t.id).filter((t) => !!t);
+    return i((t) => {
+      const c = new Map(t);
+      return e.forEach((u) => c.set(u.id, u)), c;
     }), () => {
-      e.forEach((o) => {
-        y(o);
+      o.forEach((t) => {
+        y(t);
       });
     };
-  }, d = async (t, e) => {
-    const o = r().get(t);
-    if (!o || n().has(t)) return;
+  }, d = async (e, o) => {
+    const t = r().get(e);
+    if (!t || n().has(e)) return;
     const c = [];
     try {
-      if (o.commands?.length) {
-        const u = o.commands.map((s) => ({
+      if (t.commands?.length) {
+        const u = t.commands.map((s) => ({
           id: s.id,
           title: s.title,
           description: s.description,
@@ -75,32 +75,32 @@ function B() {
           keybind: s.keybind,
           allowWhileTyping: s.allowWhileTyping,
           category: s.category,
-          execute: () => s.execute(e)
+          execute: () => s.execute(o)
         }));
-        c.push(e.commands.registerAll(u));
+        c.push(o.commands.registerAll(u));
       }
-      await o.onMount?.(e), c.length && m.set(t, () => c.forEach((u) => u())), a((u) => {
+      await t.onMount?.(o), c.length && m.set(e, () => c.forEach((u) => u())), a((u) => {
         const s = new Set(u);
-        return s.add(t), s;
+        return s.add(e), s;
       });
     } catch (u) {
       throw c.forEach((s) => s()), u;
     }
-  }, g = async (t) => {
-    const e = r().get(t);
-    if (e && n().has(t))
+  }, g = async (e) => {
+    const o = r().get(e);
+    if (o && n().has(e))
       try {
-        await e.onUnmount?.();
+        await o.onUnmount?.();
       } finally {
-        m.get(t)?.(), m.delete(t), a((o) => {
-          const c = new Set(o);
-          return c.delete(t), c;
+        m.get(e)?.(), m.delete(e), a((t) => {
+          const c = new Set(t);
+          return c.delete(e), c;
         });
       }
-  }, y = async (t) => {
-    await g(t), i((e) => {
-      const o = new Map(e);
-      return o.delete(t), o;
+  }, y = async (e) => {
+    await g(e), i((o) => {
+      const t = new Map(o);
+      return t.delete(e), t;
     });
   };
   return {
@@ -109,45 +109,39 @@ function B() {
     unregister: y,
     mount: d,
     unmount: g,
-    mountAll: async (t) => {
-      for (const e of r().keys())
-        await d(e, t(e));
+    mountAll: async (e) => {
+      for (const o of r().keys())
+        await d(o, e(o));
     },
     unmountAll: async () => {
-      for (const t of n())
-        await g(t);
+      for (const e of n())
+        await g(e);
     },
     components: r,
     mountedComponents: n,
     sidebarItems: () => {
-      const t = [];
-      for (const e of r().values())
-        e.sidebar && t.push({
-          ...e,
-          order: e.sidebar.order ?? 100
+      const e = [];
+      for (const o of r().values())
+        o.sidebar && e.push({
+          ...o,
+          order: o.sidebar.order ?? 100
         });
-      return t.sort((e, o) => e.order - o.order);
+      return e.sort((o, t) => o.order - t.order);
     },
     allCommands: () => {
-      const t = [];
-      for (const e of r().values())
-        e.commands && t.push(...e.commands);
-      return t;
-    },
-    statusBarItems: () => {
-      const t = [];
-      for (const e of r().values())
-        e.statusBar && t.push(...e.statusBar);
-      return t;
+      const e = [];
+      for (const o of r().values())
+        o.commands && e.push(...o.commands);
+      return e;
     },
-    getComponent: (t) => r().get(t)
+    getComponent: (e) => r().get(e)
   };
 }
 export {
-  G as ComponentRegistryProvider,
-  B as createComponentRegistry,
-  K as hasComponentRegistryContext,
-  D as useComponentContextFactory,
-  H as useComponentRegistry,
-  J as useOptionalComponentRegistry
+  D as ComponentRegistryProvider,
+  k as createComponentRegistry,
+  J as hasComponentRegistryContext,
+  z as useComponentContextFactory,
+  G as useComponentRegistry,
+  H as useOptionalComponentRegistry
 };

package/dist/context/FloeConfigContext.d.ts

@@ -168,12 +168,6 @@ export interface FloeStrings {
         cancel: string;
         confirm: string;
     };
-    statusIndicator: {
-        connected: string;
-        disconnected: string;
-        connecting: string;
-        error: string;
-    };
 }
 export interface FloeConfig {
     storage: FloeStorageConfig;

package/dist/context/FloeConfigContext.js

@@ -1,5 +1,5 @@
-import { createComponent as C } from "solid-js/web";
-import { createContext as L, createMemo as u, createEffect as S, onCleanup as F, useContext as v } from "solid-js";
+import { createComponent as L } from "solid-js/web";
+import { createContext as C, createMemo as u, createEffect as S, onCleanup as F, useContext as v } from "solid-js";
 const m = {
   storage: {
     namespace: "floe",
@@ -71,16 +71,10 @@ const m = {
     confirmDialog: {
       cancel: "Cancel",
       confirm: "Confirm"
-    },
-    statusIndicator: {
-      connected: "Connected",
-      disconnected: "Disconnected",
-      connecting: "Connecting",
-      error: "Error"
     }
   }
 };
-function I() {
+function k() {
   if (!(typeof window > "u"))
     return {
       getItem: (e) => localStorage.getItem(e),
@@ -90,7 +84,7 @@ function I() {
     };
 }
 function h(e) {
-  const t = e.adapter ?? I(), c = e.namespace ? `${e.namespace}-` : "", r = (o) => `${c}${o}`, n = () => e.enabled && !!t, i = /* @__PURE__ */ new Map(), d = () => {
+  const t = e.adapter ?? k(), c = e.namespace ? `${e.namespace}-` : "", r = (o) => `${c}${o}`, n = () => e.enabled && !!t, i = /* @__PURE__ */ new Map(), d = () => {
     if (n()) {
       for (const [o, a] of i.entries()) {
         clearTimeout(a.timer);
@@ -167,7 +161,7 @@ function h(e) {
     }
   };
 }
-function k(e) {
+function I(e) {
   if (typeof window > "u") return () => {
   };
   const t = () => {
@@ -207,11 +201,11 @@ function b(e, t) {
   }
   return c;
 }
-const y = L();
+const y = C();
 function N(e) {
   const t = u(() => b(m, e.config)), c = u(() => h(t().storage));
   S(() => {
-    const n = c(), d = t().storage.enabled ? k(n) : () => {
+    const n = c(), d = t().storage.enabled ? I(n) : () => {
     };
     F(() => {
       d(), n.dispose?.();
@@ -221,7 +215,7 @@ function N(e) {
     config: t(),
     persist: c()
   }));
-  return C(y.Provider, {
+  return L(y.Provider, {
     get value() {
       return r();
     },
@@ -246,7 +240,7 @@ function D() {
 export {
   m as DEFAULT_FLOE_CONFIG,
   N as FloeConfigProvider,
-  k as installPersistFlushListeners,
+  I as installPersistFlushListeners,
   O as useFloeConfig,
   D as useResolvedFloeConfig
 };

package/dist/context/index.d.ts

@@ -4,7 +4,7 @@ export { ThemeProvider, useTheme, createThemeService, type ThemeContextValue } f
 export { LayoutProvider, useLayout, useMobileLayout, createLayoutService, type LayoutContextValue } from './LayoutContext';
 export { CommandProvider, useCommand, createCommandService, type Command, type CommandContextValue } from './CommandContext';
 export { NotificationProvider, useNotification, createNotificationService, NotificationContainer, type Notification, type NotificationType, type NotificationContextValue, } from './NotificationContext';
-export { ComponentRegistryProvider, useComponentRegistry, useOptionalComponentRegistry, hasComponentRegistryContext, useComponentContextFactory, createComponentRegistry, type FloeComponent, type ComponentContext, type CommandContribution, type StatusBarContribution, type ComponentRegistryValue, } from './ComponentRegistry';
+export { ComponentRegistryProvider, useComponentRegistry, useOptionalComponentRegistry, hasComponentRegistryContext, useComponentContextFactory, createComponentRegistry, type FloeComponent, type ComponentContext, type CommandContribution, type ComponentRegistryValue, } from './ComponentRegistry';
 export { WidgetRegistryProvider, useWidgetRegistry, createWidgetRegistry, type WidgetDefinition, type WidgetProps, type WidgetRegistryValue, } from './WidgetRegistry';
 export { DeckProvider, useDeck, createDeckService, type DeckWidget, type DeckLayout, type DragState, type ResizeState, type DeckContextValue, } from './DeckContext';
 export { WidgetStateProvider, useWidgetStateContext, useWidgetState, useCurrentWidgetId, type WidgetStateContextValue, type WidgetStateProviderProps, } from './WidgetStateContext';

package/dist/display-mode.css

@@ -14,51 +14,8 @@
     overflow: hidden;
   }
 
-  .display-mode-switcher {
-    display: inline-flex;
-    align-items: center;
-    gap: 1px;
-    padding: 2px;
-    border: 1px solid color-mix(in srgb, var(--border, #e5e5e5) 60%, transparent);
-    border-radius: 8px;
-    background: color-mix(in srgb, var(--muted, #f1f1f1) 70%, transparent);
-  }
-
-  .display-mode-switcher__pill {
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-    gap: 5px;
-    padding: 4px 9px;
-    border: none;
-    border-radius: 6px;
-    background: transparent;
-    color: var(--muted-foreground, #888);
-    font-size: 11px;
-    font-weight: 600;
-    letter-spacing: -0.005em;
-    cursor: pointer;
-    isolation: isolate;
-    transition: color 140ms ease;
-  }
-
-  .display-mode-switcher__pill:hover,
-  .display-mode-switcher__pill.is-active {
-    color: var(--foreground, #111);
-  }
-
-  .display-mode-switcher__pill-bg {
-    position: absolute;
-    inset: 0;
-    z-index: -1;
-    border: 1px solid color-mix(in srgb, var(--border, #e5e5e5) 70%, transparent);
-    border-radius: 6px;
-    background: var(--card, #fff);
-    box-shadow:
-      0 1px 2px color-mix(in srgb, var(--foreground, #000) 6%, transparent),
-      0 1px 0 color-mix(in srgb, white 60%, transparent) inset;
-  }
-
+  /* The switcher's geometry, fill and radius come from the shared rail and
+   * raised surfaces; this file only keeps what is specific to the mode set. */
   .display-mode-switcher__icon {
     width: 12px;
     height: 12px;