cogsbox-state 0.5.489 → 0.5.491

package/src/Components.tsx

@@ -22,7 +22,7 @@ import React, {
   useMemo,
   type ReactNode,
 } from 'react';
-import { getGlobalStore, ValidationError, ValidationSeverity } from './store';
+import { getGlobalStore, ValidationError, ValidationSeverity } from './store';
 import { useInView } from 'react-intersection-observer';
 import { v4 as uuidv4 } from 'uuid';
 import { isDeepEqual } from './utility';
@@ -272,7 +272,6 @@ export function FormElementWrapper({
 
   useEffect(() => {
     const { getShadowMetadata, setShadowMetadata } = getGlobalStore.getState();
-    console.log('FormElementWrapper effect running for:', stateKey, path);
 
     // Initialize clientActivityState if needed
     const currentMeta = getShadowMetadata(stateKey, path) || {};
@@ -304,7 +303,7 @@ export function FormElementWrapper({
       inputType: formElementRef.current?.type,
       mountedAt: Date.now(),
     });
-    console.log('currentMeta', currentMeta);
+
     setShadowMetadata(stateKey, path, currentMeta);
 
     // Subscribe to path updates
@@ -526,55 +525,55 @@ export function FormElementWrapper({
     });
   }, [localValue, setState, path, stateKey, componentId, globalStateValue]);
 
-  const baseState = rebuildStateShape({
-    path: path,
-    componentId: componentId,
-    meta: undefined,
-  });
-  const validationState = getShadowMetadata(stateKey, path)?.validation;
-  const validationStatus = validationState?.status || 'NOT_VALIDATED';
-  const allErrors = (validationState?.errors || []).map((err) => ({
-    ...err,
-    path,
-  })) as ValidationError[];
-  const errorMessages = allErrors
-    .filter((err) => err.severity === 'error')
-    .map((err) => err.message);
-  const warningMessages = allErrors
-    .filter((err) => err.severity === 'warning')
-    .map((err) => err.message);
-  const validationMessage = errorMessages[0] || warningMessages[0] || '';
-  const validationSeverity: ValidationSeverity =
-    errorMessages.length > 0
-      ? 'error'
-      : warningMessages.length > 0
-        ? 'warning'
-        : undefined;
-
-  const stateWithInputProps = new Proxy(baseState, {
-    get(target, prop) {
-      if (prop === '$inputProps') {
-        return {
+  const baseState = rebuildStateShape({
+    path: path,
+    componentId: componentId,
+    meta: undefined,
+  });
+  const validationState = getShadowMetadata(stateKey, path)?.validation;
+  const validationStatus = validationState?.status || 'NOT_VALIDATED';
+  const allErrors = (validationState?.errors || []).map((err) => ({
+    ...err,
+    path,
+  })) as ValidationError[];
+  const errorMessages = allErrors
+    .filter((err) => err.severity === 'error')
+    .map((err) => err.message);
+  const warningMessages = allErrors
+    .filter((err) => err.severity === 'warning')
+    .map((err) => err.message);
+  const validationMessage = errorMessages[0] || warningMessages[0] || '';
+  const validationSeverity: ValidationSeverity =
+    errorMessages.length > 0
+      ? 'error'
+      : warningMessages.length > 0
+        ? 'warning'
+        : undefined;
+
+  const stateWithInputProps = new Proxy(baseState, {
+    get(target, prop) {
+      if (prop === '$inputProps') {
+        return {
           value: localValue ?? '',
           onChange: (e: any) => {
             debouncedUpdate(e.target.value);
           },
           onFocus: handleFocus,
           onBlur: handleBlur,
-          ref: formElementRef,
-        };
-      }
-      if (prop === 'status') return validationStatus;
-      if (prop === 'severity') return validationSeverity;
-      if (prop === 'hasErrors') return errorMessages.length > 0;
-      if (prop === 'hasWarnings') return warningMessages.length > 0;
-      if (prop === 'allErrors') return allErrors;
-      if (prop === 'message') return validationMessage;
-      if (prop === 'getData') return () => getShadowValue(stateKey, path);
-
-      return target[prop];
-    },
-  });
+          ref: formElementRef,
+        };
+      }
+      if (prop === 'status') return validationStatus;
+      if (prop === 'severity') return validationSeverity;
+      if (prop === 'hasErrors') return errorMessages.length > 0;
+      if (prop === 'hasWarnings') return warningMessages.length > 0;
+      if (prop === 'allErrors') return allErrors;
+      if (prop === 'message') return validationMessage;
+      if (prop === 'getData') return () => getShadowValue(stateKey, path);
+
+      return target[prop];
+    },
+  });
 
   const initialElement = renderFn(stateWithInputProps);
 

package/src/plugins.ts

@@ -29,6 +29,8 @@ export type ChainMethodContext<TOptions = any, THookReturn = any> = {
   getFieldMetaData: () => any;
   setFieldMetaData: (data: Record<string, any>) => void;
   removeFieldMetaData: () => void;
+  watchPluginMeta: (scope?: string) => void;
+  notifyPluginMeta: (scope?: string) => void;
   getFieldRefs: () => RefObject<any>[];
   getFieldElements: () => HTMLElement[];
   setFieldDisabled: (disabled: boolean) => void;
@@ -56,13 +58,17 @@ type ChainMethodCallable<THandler> = THandler extends (
   ? (...args: TArgs) => TReturn
   : never;
 
-export type ChainMethodCallables<TMethods> = {
-  [K in keyof TMethods as K extends string
-    ? `$${K}`
-    : never]: TMethods[K] extends ChainMethodDefinition<infer TFn>
-    ? ChainMethodCallable<TFn>
-    : never;
-};
+type LiteralStringKeys<T> = string extends keyof T
+  ? never
+  : Extract<keyof T, string>;
+
+export type ChainMethodCallables<TMethods> = {
+  [K in LiteralStringKeys<TMethods> as K extends string
+    ? `$${K}`
+    : never]: TMethods[K] extends ChainMethodDefinition<infer TFn>
+    ? ChainMethodCallable<TFn>
+    : never;
+};
 
 export type KeyedTypes<TMap extends Record<string, any>> = {
   __key: 'keyed';
@@ -472,14 +478,14 @@ type ZodObjOutput<T extends z.ZodObject<any>> = {
 type OutputOf<T extends z.ZodTypeAny> =
   T extends z.ZodObject<any> ? Prettify<ZodObjOutput<T>> : z.output<T>;
 
-type MethodFactory = <TArgs extends any[], TReturn>(
-  handler: (
-    ctx: ChainMethodContext<any, any>,
-    ...args: TArgs
-  ) => TReturn
-) => ChainMethodDefinition<
-  (ctx: ChainMethodContext<any, any>, ...args: TArgs) => TReturn
->;
+type MethodFactory = <TArgs extends any[], TReturn>(
+  handler: (
+    ctx: ChainMethodContext<any, any>,
+    ...args: TArgs
+  ) => TReturn
+) => ChainMethodDefinition<
+  (ctx: ChainMethodContext<any, any>, ...args: TArgs) => TReturn
+>;
 
 type PathMethodFactory = MethodFactory & {
   array: MethodFactory;

package/src/store.ts

@@ -4,7 +4,6 @@ import type { RefObject } from 'react';
 import type {
   OptionsType,
   ReactivityType,
-  SyncInfo,
   UpdateTypeDetail,
 } from './CogsState.js';
 
@@ -134,18 +133,14 @@ export type ShadowMetadata = {
   value?: any;
   id?: string;
   typeInfo?: SchemaTypeInfo;
-  stateSource?: 'default' | 'server' | 'localStorage';
-  lastServerSync?: number;
-  isDirty?: boolean;
   isRaw?: boolean;
-  baseServerState?: any;
   arrayKeys?: string[];
   fields?: Record<string, any>;
   virtualizer?: {
     itemHeight?: number;
     domRef?: HTMLElement | null;
   };
-  syncInfo?: { status: string };
+
   validation?: ValidationState;
   features?: {
     localStorageEnabled: boolean;
@@ -252,12 +247,6 @@ export type CogsGlobalState = {
     dependencyPath: string[],
     fullComponentId: string
   ) => void;
-  markAsDirty: (
-    key: string,
-    path: string[],
-    options: { bubble: boolean }
-  ) => void;
-
   pathSubscribers: Map<string, Set<(newValue: any) => void>>;
   subscribeToPath: (
     path: string,
@@ -278,23 +267,8 @@ export type CogsGlobalState = {
   getInitialOptions: (key: string) => OptionsType | undefined;
   setInitialStateOptions: (key: string, value: OptionsType) => void;
 
-  serverStateUpdates: Map<
-    string,
-    {
-      data: any;
-      status: 'loading' | 'success' | 'error';
-      timestamp: number;
-    }
-  >;
-
-  setServerStateUpdate: (key: string, serverState: any) => void;
-
   stateLog: Map<string, Map<string, UpdateTypeDetail>>;
-  syncInfoStore: Map<string, SyncInfo>;
   addStateLog: (updates: UpdateTypeDetail[]) => void;
-
-  setSyncInfo: (key: string, syncInfo: SyncInfo) => void;
-  getSyncInfo: (key: string) => SyncInfo | null;
 };
 function getTypeFromZodSchema(
   schema: any,
@@ -787,9 +761,6 @@ export const getGlobalStore = create<CogsGlobalState>((set, get) => ({
       const {
         components,
         features,
-        lastServerSync,
-        stateSource,
-        baseServerState,
         pathComponents,
         signals,
         validation,
@@ -797,9 +768,6 @@ export const getGlobalStore = create<CogsGlobalState>((set, get) => ({
 
       if (components) preservedMetadata.components = components;
       if (features) preservedMetadata.features = features;
-      if (lastServerSync) preservedMetadata.lastServerSync = lastServerSync;
-      if (stateSource) preservedMetadata.stateSource = stateSource;
-      if (baseServerState) preservedMetadata.baseServerState = baseServerState;
       if (pathComponents) preservedMetadata.pathComponents = pathComponents;
       if (signals) preservedMetadata.signals = signals;
       if (validation) preservedMetadata.validation = validation;
@@ -962,15 +930,9 @@ export const getGlobalStore = create<CogsGlobalState>((set, get) => ({
       const {
         components,
         features,
-        lastServerSync,
-        stateSource,
-        baseServerState,
       } = existingRoot._meta;
       if (components) preservedMetadata.components = components;
       if (features) preservedMetadata.features = features;
-      if (lastServerSync) preservedMetadata.lastServerSync = lastServerSync;
-      if (stateSource) preservedMetadata.stateSource = stateSource;
-      if (baseServerState) preservedMetadata.baseServerState = baseServerState;
     }
 
     shadowStateStore.delete(key);
@@ -1467,55 +1429,6 @@ export const getGlobalStore = create<CogsGlobalState>((set, get) => ({
     }
   },
 
-  markAsDirty: (key, path, options = { bubble: true }) => {
-    // Start at the root node once.
-    let rootNode = get().getShadowNode(key, []);
-    if (!rootNode) return;
-
-    // Navigate to the target node once.
-    let currentNode = rootNode;
-    for (const segment of path) {
-      currentNode = currentNode[segment];
-      if (!currentNode) return; // Path doesn't exist, nothing to mark.
-    }
-
-    // Mark the target node as dirty.
-    if (!currentNode._meta) currentNode._meta = {};
-    currentNode._meta.isDirty = true;
-
-    // If bubbling is disabled, we are done.
-    if (!options.bubble) return;
-
-    // Efficiently bubble up using the path segments.
-    let parentNode = rootNode;
-    for (let i = 0; i < path.length; i++) {
-      // The current node in the loop is the parent of the next one.
-      if (parentNode._meta?.isDirty) {
-        // Optimization: If a parent is already dirty, all of its ancestors are too.
-        // We can stop bubbling immediately.
-        return;
-      }
-      if (!parentNode._meta) parentNode._meta = {};
-      parentNode._meta.isDirty = true;
-      parentNode = parentNode[path[i]!];
-    }
-  },
-
-  // Keep these in Zustand as they need React reactivity
-  serverStateUpdates: new Map(),
-  setServerStateUpdate: (key, serverState) => {
-    set((state) => ({
-      serverStateUpdates: new Map(state.serverStateUpdates).set(
-        key,
-        serverState
-      ),
-    }));
-    get().notifyPathSubscribers(key, {
-      type: 'SERVER_STATE_UPDATE',
-      serverState,
-    });
-  },
-
   pathSubscribers: new Map<string, Set<(newValue: any) => void>>(),
   subscribeToPath: (path, callback) => {
     const subscribers = get().pathSubscribers;
@@ -1654,14 +1567,7 @@ export const getGlobalStore = create<CogsGlobalState>((set, get) => ({
     }));
   },
 
-  syncInfoStore: new Map<string, SyncInfo>(),
-  setSyncInfo: (key, syncInfo) =>
-    set((state) => {
-      const newMap = new Map(state.syncInfoStore);
-      newMap.set(key, syncInfo);
-      return { syncInfoStore: newMap };
-    }),
-  getSyncInfo: (key) => get().syncInfoStore.get(key) || null,
+  // Removed: syncInfo is now owned by Shape Plugin
 }));
 
 export function getAllFieldElements(stateKey: string): HTMLElement[] {