init

.agents/skills/reveal-3d/code/reveal/context/InstanceStylingProvider.tsx

@@ -0,0 +1,83 @@
+import { useRef, useCallback, type ReactNode, useMemo } from 'react';
+import type { InstanceStylingGroup } from '../types';
+import {
+  InstanceStylingContext,
+  type InstanceStylingController,
+} from './instanceStylingContext';
+
+interface InstanceStylingProviderProps {
+  children: ReactNode;
+}
+
+/**
+ * Provider for centralized instance styling management.
+ * Components can register/unregister styling groups and listen for changes.
+ */
+export function InstanceStylingProvider({
+  children,
+}: InstanceStylingProviderProps) {
+  const stylingGroupsRef = useRef<Map<string, InstanceStylingGroup>>(new Map());
+  const listenersRef = useRef<Set<() => void>>(new Set());
+  const nextIdRef = useRef(0);
+
+  const getStylingGroups = useCallback(() => {
+    return Array.from(stylingGroupsRef.current.values());
+  }, []);
+
+  const addEventListener = useCallback((callback: () => void): void => {
+    listenersRef.current.add(callback);
+    // Call once immediately to initialize with current state
+    callback();
+  }, []);
+
+  const removeEventListener = useCallback((callback: () => void): void => {
+    listenersRef.current.delete(callback);
+  }, []);
+
+  const notifyListeners = useCallback(() => {
+    listenersRef.current.forEach((listener) => listener());
+  }, []);
+
+  const registerStylingGroup = useCallback(
+    (group: InstanceStylingGroup): string => {
+      const id = `styling-group-${nextIdRef.current++}`;
+      stylingGroupsRef.current.set(id, group);
+      notifyListeners();
+      return id;
+    },
+    [notifyListeners]
+  );
+
+  const unregisterStylingGroup = useCallback(
+    (id: string): void => {
+      const deleted = stylingGroupsRef.current.delete(id);
+      if (deleted) {
+        notifyListeners();
+      }
+    },
+    [notifyListeners]
+  );
+
+  const controller: InstanceStylingController = useMemo(
+    () => ({
+      getStylingGroups,
+      addEventListener,
+      removeEventListener,
+      registerStylingGroup,
+      unregisterStylingGroup,
+    }),
+    [
+      getStylingGroups,
+      addEventListener,
+      removeEventListener,
+      registerStylingGroup,
+      unregisterStylingGroup,
+    ]
+  );
+
+  return (
+    <InstanceStylingContext.Provider value={controller}>
+      {children}
+    </InstanceStylingContext.Provider>
+  );
+}