cogsbox-state 0.5.471 → 0.5.473

package/dist/Components.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"Components.jsx","sources":["../src/Components.tsx"],"sourcesContent":["import { FormElementParams, type FormOptsType } from './CogsState';\r\nimport React, {\r\n  memo,\r\n  RefObject,\r\n  useCallback,\r\n  useEffect,\r\n  useLayoutEffect,\r\n  useRef,\r\n  useState,\r\n} from 'react';\r\nimport {\r\n  formRefStore,\r\n  getGlobalStore,\r\n  ValidationError,\r\n  ValidationSeverity,\r\n} from './store';\r\nimport { useInView } from 'react-intersection-observer';\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport { isDeepEqual } from './utility';\r\nconst {\r\n  getInitialOptions,\r\n\r\n  getShadowMetadata,\r\n  setShadowMetadata,\r\n  getShadowValue,\r\n\r\n  registerComponent,\r\n  unregisterComponent,\r\n\r\n  notifyPathSubscribers,\r\n  subscribeToPath,\r\n} = getGlobalStore.getState();\r\nexport type ValidationWrapperProps = {\r\n  formOpts?: FormOptsType;\r\n  path: string[];\r\n  stateKey: string;\r\n  children: React.ReactNode;\r\n};\r\n\r\nexport function ValidationWrapper({\r\n  formOpts,\r\n  path,\r\n  stateKey,\r\n  children,\r\n}: ValidationWrapperProps) {\r\n  const { getInitialOptions, getShadowMetadata, getShadowValue } =\r\n    getGlobalStore.getState();\r\n  const thisStateOpts = getInitialOptions(stateKey!);\r\n\r\n  const shadowMeta = getShadowMetadata(stateKey!, path);\r\n  const validationState = shadowMeta?.validation;\r\n\r\n  const status = validationState?.status || 'NOT_VALIDATED';\r\n\r\n  const errors = (validationState?.errors || []).map((err) => ({\r\n    ...err,\r\n    path: path,\r\n  })) as ValidationError[];\r\n  const errorMessages = errors\r\n    .filter((err) => err.severity === 'error')\r\n    .map((err) => err.message);\r\n  const warningMessages = errors\r\n    .filter((err) => err.severity === 'warning')\r\n    .map((err) => err.message);\r\n\r\n  // Use first error, or first warning if no errors\r\n  const message = errorMessages[0] || warningMessages[0];\r\n  const primarySeverity: ValidationSeverity =\r\n    errorMessages.length > 0\r\n      ? 'error'\r\n      : warningMessages.length > 0\r\n        ? 'warning'\r\n        : undefined;\r\n  return (\r\n    <>\r\n      {thisStateOpts?.formElements?.validation &&\r\n      !formOpts?.validation?.disable ? (\r\n        thisStateOpts.formElements!.validation!({\r\n          children: (\r\n            <React.Fragment key={path.toString()}>{children}</React.Fragment>\r\n          ),\r\n          status, // Now passes the new ValidationStatus type\r\n          message: formOpts?.validation?.hideMessage\r\n            ? ''\r\n            : formOpts?.validation?.message || message || '',\r\n          severity: primarySeverity,\r\n          hasErrors: errorMessages.length > 0,\r\n          hasWarnings: warningMessages.length > 0,\r\n          allErrors: errors,\r\n          path: path,\r\n          getData: () => getShadowValue(stateKey!, path),\r\n        })\r\n      ) : (\r\n        <React.Fragment key={path.toString()}>{children}</React.Fragment>\r\n      )}\r\n    </>\r\n  );\r\n}\r\nexport const MemoizedCogsItemWrapper = memo(\r\n  ListItemWrapper,\r\n  (prevProps, nextProps) => {\r\n    // Re-render if any of these change:\r\n    return (\r\n      prevProps.itemPath.join('.') === nextProps.itemPath.join('.') &&\r\n      prevProps.stateKey === nextProps.stateKey &&\r\n      prevProps.itemComponentId === nextProps.itemComponentId &&\r\n      prevProps.localIndex === nextProps.localIndex\r\n    );\r\n  }\r\n);\r\nexport function ListItemWrapper({\r\n  stateKey,\r\n  itemComponentId,\r\n  itemPath,\r\n  localIndex,\r\n  arraySetter,\r\n  rebuildStateShape,\r\n  renderFn,\r\n}: {\r\n  stateKey: string;\r\n  itemComponentId: string;\r\n  itemPath: string[];\r\n  localIndex: number;\r\n  arraySetter: any;\r\n\r\n  rebuildStateShape: (options: {\r\n    currentState: any;\r\n    path: string[];\r\n    componentId: string;\r\n    meta?: any;\r\n  }) => any;\r\n  renderFn: (\r\n    setter: any,\r\n    index: number,\r\n\r\n    arraySetter: any\r\n  ) => React.ReactNode;\r\n}) {\r\n  const [, forceUpdate] = useState({});\r\n  const { ref: inViewRef, inView } = useInView();\r\n  const elementRef = useRef<HTMLDivElement | null>(null);\r\n\r\n  const imagesLoaded = useImageLoaded(elementRef);\r\n  const hasReportedInitialHeight = useRef(false);\r\n  const fullKey = [stateKey, ...itemPath].join('.');\r\n  useRegisterComponent(stateKey, itemComponentId, forceUpdate);\r\n\r\n  const setRefs = useCallback(\r\n    (element: HTMLDivElement | null) => {\r\n      elementRef.current = element;\r\n      inViewRef(element); // This is the ref from useInView\r\n    },\r\n    [inViewRef]\r\n  );\r\n\r\n  useEffect(() => {\r\n    const unsubscribe = subscribeToPath(fullKey, (e) => {\r\n      forceUpdate({});\r\n    });\r\n    return () => unsubscribe();\r\n  }, [fullKey]);\r\n  useEffect(() => {\r\n    if (!inView || !imagesLoaded || hasReportedInitialHeight.current) {\r\n      return;\r\n    }\r\n\r\n    const element = elementRef.current;\r\n    if (element && element.offsetHeight > 0) {\r\n      hasReportedInitialHeight.current = true;\r\n      const newHeight = element.offsetHeight;\r\n\r\n      setShadowMetadata(stateKey, itemPath, {\r\n        virtualizer: {\r\n          itemHeight: newHeight,\r\n          domRef: element,\r\n        },\r\n      });\r\n\r\n      const arrayPath = itemPath.slice(0, -1);\r\n      const arrayPathKey = [stateKey, ...arrayPath].join('.');\r\n      notifyPathSubscribers(arrayPathKey, {\r\n        type: 'ITEMHEIGHT',\r\n        itemKey: itemPath.join('.'),\r\n\r\n        ref: elementRef.current,\r\n      });\r\n    }\r\n  }, [inView, imagesLoaded, stateKey, itemPath]);\r\n\r\n  const itemValue = getShadowValue(stateKey, itemPath);\r\n\r\n  if (itemValue === undefined) {\r\n    return null;\r\n  }\r\n\r\n  const itemSetter = rebuildStateShape({\r\n    currentState: itemValue,\r\n    path: itemPath,\r\n    componentId: itemComponentId,\r\n  });\r\n  const children = renderFn(itemSetter, localIndex, arraySetter);\r\n\r\n  return <div ref={setRefs}>{children}</div>;\r\n}\r\n\r\nexport function FormElementWrapper({\r\n  stateKey,\r\n  path,\r\n  rebuildStateShape,\r\n  renderFn,\r\n  formOpts,\r\n  setState,\r\n}: {\r\n  stateKey: string;\r\n  path: string[];\r\n  rebuildStateShape: (options: {\r\n    path: string[];\r\n    componentId: string;\r\n    meta?: any;\r\n  }) => any;\r\n  renderFn: (params: FormElementParams<any>) => React.ReactNode;\r\n  formOpts?: FormOptsType;\r\n  setState: any;\r\n}) {\r\n  const [componentId] = useState(() => uuidv4());\r\n  const [, forceUpdate] = useState({});\r\n\r\n  const stateKeyPathKey = [stateKey, ...path].join('.');\r\n  useRegisterComponent(stateKey, componentId, forceUpdate);\r\n  const globalStateValue = getShadowValue(stateKey, path);\r\n  const [localValue, setLocalValue] = useState<any>(globalStateValue);\r\n  const isCurrentlyDebouncing = useRef(false);\r\n  const debounceTimeoutRef = useRef<NodeJS.Timeout | null>(null);\r\n\r\n  useEffect(() => {\r\n    if (\r\n      !isCurrentlyDebouncing.current &&\r\n      !isDeepEqual(globalStateValue, localValue)\r\n    ) {\r\n      setLocalValue(globalStateValue);\r\n    }\r\n  }, [globalStateValue]);\r\n\r\n  useEffect(() => {\r\n    const unsubscribe = getGlobalStore\r\n      .getState()\r\n      .subscribeToPath(stateKeyPathKey, (newValue) => {\r\n        if (!isCurrentlyDebouncing.current && localValue !== newValue) {\r\n          forceUpdate({});\r\n        }\r\n      });\r\n    return () => {\r\n      unsubscribe();\r\n      if (debounceTimeoutRef.current) {\r\n        clearTimeout(debounceTimeoutRef.current);\r\n        isCurrentlyDebouncing.current = false;\r\n      }\r\n    };\r\n  }, []);\r\n\r\n  const debouncedUpdate = useCallback(\r\n    (newValue: any) => {\r\n      const currentType = typeof globalStateValue;\r\n      if (currentType === 'number' && typeof newValue === 'string') {\r\n        newValue = newValue === '' ? 0 : Number(newValue);\r\n      }\r\n      setLocalValue(newValue);\r\n      isCurrentlyDebouncing.current = true;\r\n\r\n      if (debounceTimeoutRef.current) {\r\n        clearTimeout(debounceTimeoutRef.current);\r\n      }\r\n\r\n      const debounceTime = formOpts?.debounceTime ?? 200;\r\n\r\n      debounceTimeoutRef.current = setTimeout(() => {\r\n        isCurrentlyDebouncing.current = false;\r\n        setState(newValue, path, { updateType: 'update' });\r\n\r\n        // NEW: Check if validation is enabled via features\r\n        const rootMeta = getGlobalStore\r\n          .getState()\r\n          .getShadowMetadata(stateKey, []);\r\n        if (!rootMeta?.features?.validationEnabled) return;\r\n\r\n        const validationOptions = getInitialOptions(stateKey)?.validation;\r\n        const zodSchema =\r\n          validationOptions?.zodSchemaV4 || validationOptions?.zodSchemaV3;\r\n\r\n        if (zodSchema) {\r\n          const fullState = getShadowValue(stateKey, []);\r\n          const result = zodSchema.safeParse(fullState);\r\n          const currentMeta = getShadowMetadata(stateKey, path) || {};\r\n\r\n          if (!result.success) {\r\n            const errors =\r\n              'issues' in result.error\r\n                ? result.error.issues\r\n                : (result.error as any).errors;\r\n\r\n            const pathErrors = errors.filter(\r\n              (error: any) =>\r\n                JSON.stringify(error.path) === JSON.stringify(path)\r\n            );\r\n\r\n            if (pathErrors.length > 0) {\r\n              setShadowMetadata(stateKey, path, {\r\n                ...currentMeta,\r\n                validation: {\r\n                  status: 'INVALID',\r\n                  errors: [\r\n                    {\r\n                      source: 'client',\r\n                      message: pathErrors[0]?.message,\r\n                      severity: 'warning', // Gentle error during typing\r\n                    },\r\n                  ],\r\n                  lastValidated: Date.now(),\r\n                  validatedValue: newValue,\r\n                },\r\n              });\r\n            } else {\r\n              setShadowMetadata(stateKey, path, {\r\n                ...currentMeta,\r\n                validation: {\r\n                  status: 'VALID',\r\n                  errors: [],\r\n                  lastValidated: Date.now(),\r\n                  validatedValue: newValue,\r\n                },\r\n              });\r\n            }\r\n          } else {\r\n            setShadowMetadata(stateKey, path, {\r\n              ...currentMeta,\r\n              validation: {\r\n                status: 'VALID',\r\n                errors: [],\r\n                lastValidated: Date.now(),\r\n                validatedValue: newValue,\r\n              },\r\n            });\r\n          }\r\n        }\r\n      }, debounceTime);\r\n      forceUpdate({});\r\n    },\r\n    [setState, path, formOpts?.debounceTime, stateKey]\r\n  );\r\n\r\n  const handleBlur = useCallback(async () => {\r\n    console.log('handleBlur triggered');\r\n\r\n    // Commit any pending changes\r\n    if (debounceTimeoutRef.current) {\r\n      clearTimeout(debounceTimeoutRef.current);\r\n      debounceTimeoutRef.current = null;\r\n      isCurrentlyDebouncing.current = false;\r\n      setState(localValue, path, { updateType: 'update' });\r\n    }\r\n    const rootMeta = getShadowMetadata(stateKey, []);\r\n    if (!rootMeta?.features?.validationEnabled) return;\r\n    const { getInitialOptions } = getGlobalStore.getState();\r\n    const validationOptions = getInitialOptions(stateKey)?.validation;\r\n    const zodSchema =\r\n      validationOptions?.zodSchemaV4 || validationOptions?.zodSchemaV3;\r\n\r\n    if (!zodSchema) return;\r\n\r\n    // Get the full path including stateKey\r\n\r\n    // Update validation state to \"validating\"\r\n    const currentMeta = getShadowMetadata(stateKey, path);\r\n\r\n    setShadowMetadata(stateKey, path, {\r\n      ...currentMeta,\r\n      validation: {\r\n        status: 'VALIDATING',\r\n        errors: [],\r\n        lastValidated: Date.now(),\r\n        validatedValue: localValue,\r\n      },\r\n    });\r\n\r\n    // Validate full state\r\n    const fullState = getShadowValue(stateKey, []);\r\n    const result = zodSchema.safeParse(fullState);\r\n\r\n    if (!result.success) {\r\n      const errors =\r\n        'issues' in result.error\r\n          ? result.error.issues\r\n          : (result.error as any).errors;\r\n\r\n      // Find errors for this specific path\r\n      const pathErrors = errors.filter((error: any) => {\r\n        // For array paths, we need to translate indices to ULIDs\r\n        if (path.some((p) => p.startsWith('id:'))) {\r\n          // This is an array item path like [\"id:xyz\", \"name\"]\r\n          const parentPath = path[0]!.startsWith('id:')\r\n            ? []\r\n            : path.slice(0, -1);\r\n\r\n          const arrayMeta = getGlobalStore\r\n            .getState()\r\n            .getShadowMetadata(stateKey, parentPath);\r\n\r\n          if (arrayMeta?.arrayKeys) {\r\n            const itemKey = [stateKey, ...path.slice(0, -1)].join('.');\r\n            const itemIndex = arrayMeta.arrayKeys.indexOf(itemKey);\r\n\r\n            // Compare with Zod path\r\n            const zodPath = [...parentPath, itemIndex, ...path.slice(-1)];\r\n            const match =\r\n              JSON.stringify(error.path) === JSON.stringify(zodPath);\r\n\r\n            return match;\r\n          }\r\n        }\r\n\r\n        const directMatch = JSON.stringify(error.path) === JSON.stringify(path);\r\n\r\n        return directMatch;\r\n      });\r\n\r\n      // Update shadow metadata with validation result\r\n      setShadowMetadata(stateKey, path, {\r\n        ...currentMeta,\r\n        validation: {\r\n          status: 'INVALID',\r\n          errors: pathErrors.map((err: any) => ({\r\n            source: 'client' as const,\r\n            message: err.message,\r\n            severity: 'error' as const, // Hard error on blur\r\n          })),\r\n          lastValidated: Date.now(),\r\n          validatedValue: localValue,\r\n        },\r\n      });\r\n    } else {\r\n      // Validation passed\r\n      setShadowMetadata(stateKey, path, {\r\n        ...currentMeta,\r\n        validation: {\r\n          status: 'VALID',\r\n          errors: [],\r\n          lastValidated: Date.now(),\r\n          validatedValue: localValue,\r\n        },\r\n      });\r\n    }\r\n    forceUpdate({});\r\n  }, [stateKey, path, localValue, setState]);\r\n\r\n  const baseState = rebuildStateShape({\r\n    path: path,\r\n    componentId: componentId,\r\n    meta: undefined,\r\n  });\r\n\r\n  const stateWithInputProps = new Proxy(baseState, {\r\n    get(target, prop) {\r\n      if (prop === '$inputProps') {\r\n        return {\r\n          value: localValue ?? '',\r\n          onChange: (e: any) => {\r\n            debouncedUpdate(e.target.value);\r\n          },\r\n          // 5. Wire the new onBlur handler to the input props.\r\n          onBlur: handleBlur,\r\n          ref: formRefStore\r\n            .getState()\r\n            .getFormRef(stateKey + '.' + path.join('.')),\r\n        };\r\n      }\r\n\r\n      return target[prop];\r\n    },\r\n  });\r\n\r\n  return (\r\n    <ValidationWrapper formOpts={formOpts} path={path} stateKey={stateKey}>\r\n      {renderFn(stateWithInputProps)}\r\n    </ValidationWrapper>\r\n  );\r\n}\r\nexport function useRegisterComponent(\r\n  stateKey: string,\r\n  componentId: string,\r\n  forceUpdate: (o: object) => void\r\n) {\r\n  const fullComponentId = `${stateKey}////${componentId}`;\r\n\r\n  useLayoutEffect(() => {\r\n    // Call the safe, centralized function to register\r\n    registerComponent(stateKey, fullComponentId, {\r\n      forceUpdate: () => forceUpdate({}),\r\n      paths: new Set(),\r\n      reactiveType: ['component'],\r\n    });\r\n\r\n    // The cleanup now calls the safe, centralized unregister function\r\n    return () => {\r\n      unregisterComponent(stateKey, fullComponentId);\r\n    };\r\n  }, [stateKey, fullComponentId]); // Dependencies are stable and correct\r\n}\r\n\r\nconst useImageLoaded = (ref: RefObject<HTMLElement>): boolean => {\r\n  const [loaded, setLoaded] = useState(false);\r\n\r\n  useLayoutEffect(() => {\r\n    if (!ref.current) {\r\n      setLoaded(true);\r\n      return;\r\n    }\r\n\r\n    const images = Array.from(ref.current.querySelectorAll('img'));\r\n\r\n    // If there are no images, we are \"loaded\" immediately.\r\n    if (images.length === 0) {\r\n      setLoaded(true);\r\n      return;\r\n    }\r\n\r\n    let loadedCount = 0;\r\n    const handleImageLoad = () => {\r\n      loadedCount++;\r\n      if (loadedCount === images.length) {\r\n        setLoaded(true);\r\n      }\r\n    };\r\n\r\n    images.forEach((image) => {\r\n      if (image.complete) {\r\n        handleImageLoad();\r\n      } else {\r\n        image.addEventListener('load', handleImageLoad);\r\n        image.addEventListener('error', handleImageLoad);\r\n      }\r\n    });\r\n\r\n    return () => {\r\n      images.forEach((image) => {\r\n        image.removeEventListener('load', handleImageLoad);\r\n        image.removeEventListener('error', handleImageLoad);\r\n      });\r\n    };\r\n  }, [ref.current]);\r\n\r\n  return loaded;\r\n};\r\n// Components.tsx\r\n\r\n// Generic isolated component wrapper\r\nexport function IsolatedComponentWrapper({\r\n  stateKey,\r\n  path,\r\n  rebuildStateShape,\r\n  renderFn,\r\n}: {\r\n  stateKey: string;\r\n  path: string[];\r\n  rebuildStateShape: (options: {\r\n    path: string[];\r\n    componentId: string;\r\n    meta?: any;\r\n  }) => any;\r\n  renderFn: (state: any) => React.ReactNode;\r\n}) {\r\n  const [componentId] = useState(() => uuidv4());\r\n  const [, forceUpdate] = useState({});\r\n\r\n  const stateKeyPathKey = [stateKey, ...path].join('.');\r\n  useRegisterComponent(stateKey, componentId, forceUpdate);\r\n\r\n  useEffect(() => {\r\n    const unsubscribe = getGlobalStore\r\n      .getState()\r\n      .subscribeToPath(stateKeyPathKey, () => {\r\n        forceUpdate({});\r\n      });\r\n    return () => unsubscribe();\r\n  }, [stateKeyPathKey]);\r\n\r\n  const baseState = rebuildStateShape({\r\n    path: path,\r\n    componentId: componentId,\r\n    meta: undefined,\r\n  });\r\n\r\n  return <>{renderFn(baseState)}</>;\r\n}\r\n"],"names":["getInitialOptions","getShadowMetadata","setShadowMetadata","getShadowValue","registerComponent","unregisterComponent","notifyPathSubscribers","subscribeToPath","getGlobalStore","ValidationWrapper","formOpts","path","stateKey","children","thisStateOpts","validationState","status","errors","err","errorMessages","warningMessages","message","primarySeverity","jsx","Fragment","React","MemoizedCogsItemWrapper","memo","ListItemWrapper","prevProps","nextProps","itemComponentId","itemPath","localIndex","arraySetter","rebuildStateShape","renderFn","forceUpdate","useState","inViewRef","inView","useInView","elementRef","useRef","imagesLoaded","useImageLoaded","hasReportedInitialHeight","fullKey","useRegisterComponent","setRefs","useCallback","element","useEffect","unsubscribe","e","newHeight","arrayPath","arrayPathKey","itemValue","itemSetter","FormElementWrapper","setState","componentId","uuidv4","stateKeyPathKey","globalStateValue","localValue","setLocalValue","isCurrentlyDebouncing","debounceTimeoutRef","isDeepEqual","newValue","debouncedUpdate","debounceTime","validationOptions","zodSchema","fullState","result","currentMeta","pathErrors","error","handleBlur","p","parentPath","arrayMeta","itemKey","itemIndex","zodPath","baseState","stateWithInputProps","target","prop","formRefStore","fullComponentId","useLayoutEffect","ref","loaded","setLoaded","images","loadedCount","handleImageLoad","image","IsolatedComponentWrapper"],"mappings":"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"}
+{"version":3,"file":"Components.jsx","sources":["../src/Components.tsx"],"sourcesContent":["import {\r\n  FormElementParams,\r\n  StateObject,\r\n  UpdateTypeDetail,\r\n  type FormOptsType,\r\n} from './CogsState';\r\nimport { pluginStore } from './pluginStore';\r\nimport { createMetadataContext, toDeconstructedMethods } from './plugins';\r\nimport React, {\r\n  memo,\r\n  RefObject,\r\n  useCallback,\r\n  useEffect,\r\n  useLayoutEffect,\r\n  useRef,\r\n  useState,\r\n  useMemo,\r\n} from 'react';\r\nimport { getGlobalStore, ValidationError, ValidationSeverity } from './store';\r\nimport { useInView } from 'react-intersection-observer';\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport { isDeepEqual } from './utility';\r\nimport { runValidation } from './validation';\r\n\r\nconst {\r\n  getInitialOptions,\r\n\r\n  getShadowMetadata,\r\n  setShadowMetadata,\r\n  getShadowValue,\r\n\r\n  registerComponent,\r\n  unregisterComponent,\r\n\r\n  notifyPathSubscribers,\r\n  subscribeToPath,\r\n} = getGlobalStore.getState();\r\nconst { stateHandlers, notifyFormUpdate } = pluginStore.getState();\r\n\r\nexport type ValidationWrapperProps = {\r\n  formOpts?: FormOptsType;\r\n  path: string[];\r\n  stateKey: string;\r\n  children: React.ReactNode;\r\n};\r\n\r\nexport function ValidationWrapper({\r\n  formOpts,\r\n  path,\r\n  stateKey,\r\n  children,\r\n}: ValidationWrapperProps) {\r\n  const { getInitialOptions, getShadowMetadata, getShadowValue } =\r\n    getGlobalStore.getState();\r\n  const thisStateOpts = getInitialOptions(stateKey!);\r\n\r\n  const shadowMeta = getShadowMetadata(stateKey!, path);\r\n  const validationState = shadowMeta?.validation;\r\n\r\n  const status = validationState?.status || 'NOT_VALIDATED';\r\n\r\n  const errors = (validationState?.errors || []).map((err) => ({\r\n    ...err,\r\n    path: path,\r\n  })) as ValidationError[];\r\n  const errorMessages = errors\r\n    .filter((err) => err.severity === 'error')\r\n    .map((err) => err.message);\r\n  const warningMessages = errors\r\n    .filter((err) => err.severity === 'warning')\r\n    .map((err) => err.message);\r\n\r\n  // Use first error, or first warning if no errors\r\n  const message = errorMessages[0] || warningMessages[0];\r\n  const primarySeverity: ValidationSeverity =\r\n    errorMessages.length > 0\r\n      ? 'error'\r\n      : warningMessages.length > 0\r\n        ? 'warning'\r\n        : undefined;\r\n  return (\r\n    <>\r\n      {thisStateOpts?.formElements?.validation &&\r\n      !formOpts?.validation?.disable ? (\r\n        thisStateOpts.formElements!.validation!({\r\n          children: (\r\n            <React.Fragment key={path.toString()}>{children}</React.Fragment>\r\n          ),\r\n          status, // Now passes the new ValidationStatus type\r\n          message: formOpts?.validation?.hideMessage\r\n            ? ''\r\n            : formOpts?.validation?.message || message || '',\r\n          severity: primarySeverity,\r\n          hasErrors: errorMessages.length > 0,\r\n          hasWarnings: warningMessages.length > 0,\r\n          allErrors: errors,\r\n          path: path,\r\n          getData: () => getShadowValue(stateKey!, path),\r\n        })\r\n      ) : (\r\n        <React.Fragment key={path.toString()}>{children}</React.Fragment>\r\n      )}\r\n    </>\r\n  );\r\n}\r\nexport const MemoizedCogsItemWrapper = memo(\r\n  ListItemWrapper,\r\n  (prevProps, nextProps) => {\r\n    // Re-render if any of these change:\r\n    return (\r\n      prevProps.itemPath.join('.') === nextProps.itemPath.join('.') &&\r\n      prevProps.stateKey === nextProps.stateKey &&\r\n      prevProps.itemComponentId === nextProps.itemComponentId &&\r\n      prevProps.localIndex === nextProps.localIndex\r\n    );\r\n  }\r\n);\r\nexport function ListItemWrapper({\r\n  stateKey,\r\n  itemComponentId,\r\n  itemPath,\r\n  localIndex,\r\n  arraySetter,\r\n  rebuildStateShape,\r\n  renderFn,\r\n}: {\r\n  stateKey: string;\r\n  itemComponentId: string;\r\n  itemPath: string[];\r\n  localIndex: number;\r\n  arraySetter: any;\r\n\r\n  rebuildStateShape: (options: {\r\n    currentState: any;\r\n    path: string[];\r\n    componentId: string;\r\n    meta?: any;\r\n  }) => any;\r\n  renderFn: (\r\n    setter: any,\r\n    index: number,\r\n\r\n    arraySetter: any\r\n  ) => React.ReactNode;\r\n}) {\r\n  const [, forceUpdate] = useState({});\r\n  const { ref: inViewRef, inView } = useInView();\r\n  const elementRef = useRef<HTMLDivElement | null>(null);\r\n\r\n  const imagesLoaded = useImageLoaded(elementRef);\r\n  const hasReportedInitialHeight = useRef(false);\r\n  const fullKey = [stateKey, ...itemPath].join('.');\r\n  useRegisterComponent(stateKey, itemComponentId, forceUpdate);\r\n\r\n  const setRefs = useCallback(\r\n    (element: HTMLDivElement | null) => {\r\n      elementRef.current = element;\r\n      inViewRef(element); // This is the ref from useInView\r\n    },\r\n    [inViewRef]\r\n  );\r\n\r\n  useEffect(() => {\r\n    const unsubscribe = subscribeToPath(fullKey, (e) => {\r\n      forceUpdate({});\r\n    });\r\n    return () => unsubscribe();\r\n  }, [fullKey]);\r\n  useEffect(() => {\r\n    if (!inView || !imagesLoaded || hasReportedInitialHeight.current) {\r\n      return;\r\n    }\r\n\r\n    const element = elementRef.current;\r\n    if (element && element.offsetHeight > 0) {\r\n      hasReportedInitialHeight.current = true;\r\n      const newHeight = element.offsetHeight;\r\n\r\n      setShadowMetadata(stateKey, itemPath, {\r\n        virtualizer: {\r\n          itemHeight: newHeight,\r\n          domRef: element,\r\n        },\r\n      });\r\n\r\n      const arrayPath = itemPath.slice(0, -1);\r\n      const arrayPathKey = [stateKey, ...arrayPath].join('.');\r\n      notifyPathSubscribers(arrayPathKey, {\r\n        type: 'ITEMHEIGHT',\r\n        itemKey: itemPath.join('.'),\r\n\r\n        ref: elementRef.current,\r\n      });\r\n    }\r\n  }, [inView, imagesLoaded, stateKey, itemPath]);\r\n\r\n  const itemValue = getShadowValue(stateKey, itemPath);\r\n\r\n  if (itemValue === undefined) {\r\n    return null;\r\n  }\r\n\r\n  const itemSetter = rebuildStateShape({\r\n    currentState: itemValue,\r\n    path: itemPath,\r\n    componentId: itemComponentId,\r\n  });\r\n  const children = renderFn(itemSetter, localIndex, arraySetter);\r\n\r\n  return <div ref={setRefs}>{children}</div>;\r\n}\r\n\r\nexport function FormElementWrapper({\r\n  stateKey,\r\n  path,\r\n  rebuildStateShape,\r\n  renderFn,\r\n  formOpts,\r\n  setState,\r\n}: {\r\n  stateKey: string;\r\n  path: string[];\r\n  rebuildStateShape: (options: {\r\n    path: string[];\r\n    componentId: string;\r\n    meta?: any;\r\n  }) => any;\r\n  renderFn: (params: FormElementParams<any>) => React.ReactNode;\r\n  formOpts?: FormOptsType;\r\n  setState: any;\r\n}) {\r\n  const componentId = useRef(uuidv4()).current;\r\n\r\n  const [, forceUpdate] = useState({});\r\n  const formElementRef = useRef<any>(null);\r\n  const stateKeyPathKey = [stateKey, ...path].join('.');\r\n  useRegisterComponent(stateKey, componentId, forceUpdate);\r\n  // Get the shadow node to access typeInfo and schema\r\n  const shadowNode = getGlobalStore.getState().getShadowNode(stateKey, path);\r\n  const typeInfo = shadowNode?._meta?.typeInfo;\r\n\r\n  const globalStateValue = getShadowValue(stateKey, path);\r\n  const [localValue, setLocalValue] = useState<any>(globalStateValue);\r\n  const isCurrentlyDebouncing = useRef(false);\r\n  const debounceTimeoutRef = useRef<NodeJS.Timeout | null>(null);\r\n\r\n  // 2. Memoize the list of active form wrappers to avoid re-calculating on every render.\r\n  const activeFormWrappers = useMemo(() => {\r\n    return (\r\n      pluginStore\r\n        .getState()\r\n        .getPluginConfigsForState(stateKey)\r\n        // We only care about plugins that have defined a formWrapper\r\n        .filter((config) => typeof config.plugin.formWrapper === 'function')\r\n    );\r\n  }, [stateKey]);\r\n\r\n  useEffect(() => {\r\n    if (\r\n      !isCurrentlyDebouncing.current &&\r\n      !isDeepEqual(globalStateValue, localValue)\r\n    ) {\r\n      setLocalValue(globalStateValue);\r\n    }\r\n  }, [globalStateValue]);\r\n\r\n  useEffect(() => {\r\n    const { getShadowMetadata, setShadowMetadata } = getGlobalStore.getState();\r\n\r\n    // Initialize clientActivityState if needed\r\n    const currentMeta = getShadowMetadata(stateKey, path) || {};\r\n    if (!currentMeta.clientActivityState) {\r\n      currentMeta.clientActivityState = { elements: new Map() };\r\n    }\r\n\r\n    // Detect element type from the ref\r\n    const detectElementType = () => {\r\n      const el = formElementRef.current;\r\n      if (!el) return 'input';\r\n      const tagName = el.tagName.toLowerCase();\r\n      if (tagName === 'textarea') return 'textarea';\r\n      if (tagName === 'select') return 'select';\r\n      if (tagName === 'input') {\r\n        const type = (el as HTMLInputElement).type;\r\n        if (type === 'checkbox') return 'checkbox';\r\n        if (type === 'radio') return 'radio';\r\n        if (type === 'range') return 'range';\r\n        if (type === 'file') return 'file';\r\n      }\r\n      return 'input';\r\n    };\r\n\r\n    // Add this element to the Map\r\n    currentMeta.clientActivityState.elements.set(componentId, {\r\n      domRef: formElementRef,\r\n      elementType: detectElementType(),\r\n      inputType: formElementRef.current?.type,\r\n      mountedAt: Date.now(),\r\n    });\r\n\r\n    setShadowMetadata(stateKey, path, currentMeta);\r\n\r\n    // Subscribe to path updates\r\n    const unsubscribe = getGlobalStore\r\n      .getState()\r\n      .subscribeToPath(stateKeyPathKey, (newValue) => {\r\n        if (!isCurrentlyDebouncing.current && localValue !== newValue) {\r\n          forceUpdate({});\r\n        }\r\n      });\r\n\r\n    // Cleanup\r\n    return () => {\r\n      unsubscribe();\r\n\r\n      if (debounceTimeoutRef.current) {\r\n        clearTimeout(debounceTimeoutRef.current);\r\n        isCurrentlyDebouncing.current = false;\r\n      }\r\n\r\n      // Remove element from Map\r\n      const meta = getGlobalStore.getState().getShadowMetadata(stateKey, path);\r\n      if (meta?.clientActivityState?.elements) {\r\n        meta.clientActivityState.elements.delete(componentId);\r\n        setShadowMetadata(stateKey, path, meta);\r\n      }\r\n    };\r\n  }, []);\r\n\r\n  const debouncedUpdate = useCallback(\r\n    (newValue: any) => {\r\n      // Type conversion logic (keep existing)\r\n      if (typeInfo) {\r\n        if (typeInfo.type === 'number' && typeof newValue === 'string') {\r\n          newValue =\r\n            newValue === ''\r\n              ? typeInfo.nullable\r\n                ? null\r\n                : (typeInfo.default ?? 0)\r\n              : Number(newValue);\r\n        } else if (\r\n          typeInfo.type === 'boolean' &&\r\n          typeof newValue === 'string'\r\n        ) {\r\n          newValue = newValue === 'true' || newValue === '1';\r\n        } else if (typeInfo.type === 'date' && typeof newValue === 'string') {\r\n          newValue = new Date(newValue);\r\n        }\r\n      } else {\r\n        const currentType = typeof globalStateValue;\r\n        if (currentType === 'number' && typeof newValue === 'string') {\r\n          newValue = newValue === '' ? 0 : Number(newValue);\r\n        }\r\n      }\r\n\r\n      setLocalValue(newValue);\r\n\r\n      // Update input activity details\r\n      const { getShadowMetadata, setShadowMetadata } =\r\n        getGlobalStore.getState();\r\n      const meta = getShadowMetadata(stateKey, path);\r\n      if (meta?.clientActivityState?.elements?.has(componentId)) {\r\n        const element = meta.clientActivityState.elements.get(componentId);\r\n        if (element && element.currentActivity?.type === 'focus') {\r\n          element!.currentActivity.details = {\r\n            ...element!.currentActivity.details,\r\n            value: newValue,\r\n            previousValue:\r\n              element!.currentActivity.details?.value || globalStateValue,\r\n            inputLength:\r\n              typeof newValue === 'string' ? newValue.length : undefined,\r\n            keystrokeCount:\r\n              (element!.currentActivity.details?.keystrokeCount || 0) + 1,\r\n          };\r\n          setShadowMetadata(stateKey, path, meta);\r\n        }\r\n      }\r\n\r\n      // Notify plugins\r\n      notifyFormUpdate({\r\n        stateKey,\r\n        type: 'input',\r\n        path,\r\n        value: newValue,\r\n      });\r\n\r\n      // Validation (keep existing)\r\n      const virtualOperation: UpdateTypeDetail = {\r\n        stateKey,\r\n        path,\r\n        newValue: newValue,\r\n        updateType: 'update',\r\n        timeStamp: Date.now(),\r\n        status: 'new',\r\n        oldValue: globalStateValue,\r\n      };\r\n      runValidation(virtualOperation, 'onChange');\r\n\r\n      // Debounce state update (keep existing)\r\n      isCurrentlyDebouncing.current = true;\r\n      if (debounceTimeoutRef.current) {\r\n        clearTimeout(debounceTimeoutRef.current);\r\n      }\r\n\r\n      const debounceTime = formOpts?.debounceTime ?? 200;\r\n      debounceTimeoutRef.current = setTimeout(() => {\r\n        isCurrentlyDebouncing.current = false;\r\n        setState(newValue, path, {\r\n          updateType: 'update',\r\n          validationTrigger: 'onChange',\r\n        });\r\n      }, debounceTime);\r\n    },\r\n    [\r\n      setState,\r\n      path,\r\n      formOpts?.debounceTime,\r\n      typeInfo,\r\n      globalStateValue,\r\n      stateKey,\r\n      componentId,\r\n    ]\r\n  );\r\n\r\n  const handleFocus = useCallback(() => {\r\n    const { getShadowMetadata, setShadowMetadata } = getGlobalStore.getState();\r\n\r\n    // Update element's current activity\r\n    const meta = getShadowMetadata(stateKey, path);\r\n    if (meta?.clientActivityState?.elements?.has(componentId)) {\r\n      const element = meta.clientActivityState.elements.get(componentId)!;\r\n      element.currentActivity = {\r\n        type: 'focus',\r\n        startTime: Date.now(),\r\n        details: {\r\n          value: localValue,\r\n          inputLength:\r\n            typeof localValue === 'string' ? localValue.length : undefined,\r\n        },\r\n      };\r\n      setShadowMetadata(stateKey, path, meta);\r\n    }\r\n\r\n    // Notify plugins\r\n    notifyFormUpdate({\r\n      stateKey,\r\n      type: 'focus',\r\n      path,\r\n      value: localValue,\r\n    });\r\n  }, [stateKey, path, componentId, localValue]);\r\n  const handleBlur = useCallback(() => {\r\n    const { getShadowMetadata, setShadowMetadata } = getGlobalStore.getState();\r\n\r\n    // Clear debounce if active\r\n    if (debounceTimeoutRef.current) {\r\n      clearTimeout(debounceTimeoutRef.current);\r\n      debounceTimeoutRef.current = null;\r\n      isCurrentlyDebouncing.current = false;\r\n      setState(localValue, path, {\r\n        updateType: 'update',\r\n        validationTrigger: 'onBlur',\r\n      });\r\n    }\r\n\r\n    // Clear element's current activity\r\n    const meta = getShadowMetadata(stateKey, path);\r\n    if (meta?.clientActivityState?.elements?.has(componentId)) {\r\n      const element = meta.clientActivityState.elements.get(componentId)!;\r\n      element.currentActivity = undefined;\r\n      setShadowMetadata(stateKey, path, meta);\r\n    }\r\n\r\n    // Notify plugins\r\n    notifyFormUpdate({\r\n      stateKey,\r\n      type: 'blur',\r\n      path,\r\n      value: localValue,\r\n    });\r\n\r\n    // Run validation if configured\r\n    const validationOptions = getInitialOptions(stateKey)?.validation;\r\n    if (validationOptions?.onBlur) {\r\n      const virtualOperation: UpdateTypeDetail = {\r\n        stateKey,\r\n        path,\r\n        newValue: localValue,\r\n        updateType: 'update',\r\n        timeStamp: Date.now(),\r\n        status: 'new',\r\n        oldValue: globalStateValue,\r\n      };\r\n      runValidation(virtualOperation, 'onBlur');\r\n    }\r\n  }, [localValue, setState, path, stateKey, componentId, globalStateValue]);\r\n\r\n  const baseState = rebuildStateShape({\r\n    path: path,\r\n    componentId: componentId,\r\n    meta: undefined,\r\n  });\r\n\r\n  const stateWithInputProps = new Proxy(baseState, {\r\n    get(target, prop) {\r\n      if (prop === '$inputProps') {\r\n        return {\r\n          value: localValue ?? '',\r\n          onChange: (e: any) => {\r\n            debouncedUpdate(e.target.value);\r\n          },\r\n          onFocus: handleFocus,\r\n          onBlur: handleBlur,\r\n          ref: formElementRef,\r\n        };\r\n      }\r\n\r\n      return target[prop];\r\n    },\r\n  });\r\n\r\n  const initialElement = renderFn(stateWithInputProps);\r\n\r\n  const wrappedElement = activeFormWrappers.reduceRight(\r\n    (currentElement, config, index) => (\r\n      <PluginWrapper\r\n        stateKey={stateKey}\r\n        path={path}\r\n        pluginName={config.plugin.name}\r\n        wrapperDepth={activeFormWrappers.length - 1 - index}\r\n      >\r\n        {currentElement}\r\n      </PluginWrapper>\r\n    ),\r\n    initialElement\r\n  );\r\n\r\n  return (\r\n    <ValidationWrapper formOpts={formOpts} path={path} stateKey={stateKey}>\r\n      {wrappedElement}\r\n    </ValidationWrapper>\r\n  );\r\n}\r\nexport function useRegisterComponent(\r\n  stateKey: string,\r\n  componentId: string,\r\n  forceUpdate: (o: object) => void\r\n) {\r\n  const fullComponentId = `${stateKey}////${componentId}`;\r\n\r\n  useLayoutEffect(() => {\r\n    // Call the safe, centralized function to register\r\n    registerComponent(stateKey, fullComponentId, {\r\n      forceUpdate: () => forceUpdate({}),\r\n      paths: new Set(),\r\n      reactiveType: ['component'],\r\n    });\r\n\r\n    // The cleanup now calls the safe, centralized unregister function\r\n    return () => {\r\n      unregisterComponent(stateKey, fullComponentId);\r\n    };\r\n  }, [stateKey, fullComponentId]); // Dependencies are stable and correct\r\n}\r\n\r\nconst useImageLoaded = (ref: RefObject<HTMLElement>): boolean => {\r\n  const [loaded, setLoaded] = useState(false);\r\n\r\n  useLayoutEffect(() => {\r\n    if (!ref.current) {\r\n      setLoaded(true);\r\n      return;\r\n    }\r\n\r\n    const images = Array.from(ref.current.querySelectorAll('img'));\r\n\r\n    // If there are no images, we are \"loaded\" immediately.\r\n    if (images.length === 0) {\r\n      setLoaded(true);\r\n      return;\r\n    }\r\n\r\n    let loadedCount = 0;\r\n    const handleImageLoad = () => {\r\n      loadedCount++;\r\n      if (loadedCount === images.length) {\r\n        setLoaded(true);\r\n      }\r\n    };\r\n\r\n    images.forEach((image) => {\r\n      if (image.complete) {\r\n        handleImageLoad();\r\n      } else {\r\n        image.addEventListener('load', handleImageLoad);\r\n        image.addEventListener('error', handleImageLoad);\r\n      }\r\n    });\r\n\r\n    return () => {\r\n      images.forEach((image) => {\r\n        image.removeEventListener('load', handleImageLoad);\r\n        image.removeEventListener('error', handleImageLoad);\r\n      });\r\n    };\r\n  }, [ref.current]);\r\n\r\n  return loaded;\r\n};\r\n// Components.tsx\r\n\r\n// Generic isolated component wrapper\r\nexport function IsolatedComponentWrapper({\r\n  stateKey,\r\n  path,\r\n  rebuildStateShape,\r\n  renderFn,\r\n}: {\r\n  stateKey: string;\r\n  path: string[];\r\n  rebuildStateShape: (options: {\r\n    path: string[];\r\n    componentId: string;\r\n    meta?: any;\r\n  }) => any;\r\n  renderFn: (state: any) => React.ReactNode;\r\n}) {\r\n  const [componentId] = useState(() => uuidv4());\r\n  const [, forceUpdate] = useState({});\r\n\r\n  const stateKeyPathKey = [stateKey, ...path].join('.');\r\n  useRegisterComponent(stateKey, componentId, forceUpdate);\r\n\r\n  useEffect(() => {\r\n    const unsubscribe = getGlobalStore\r\n      .getState()\r\n      .subscribeToPath(stateKeyPathKey, () => {\r\n        forceUpdate({});\r\n      });\r\n    return () => unsubscribe();\r\n  }, [stateKeyPathKey]);\r\n\r\n  const baseState = rebuildStateShape({\r\n    path: path,\r\n    componentId: componentId,\r\n    meta: undefined,\r\n  });\r\n\r\n  return <>{renderFn(baseState)}</>;\r\n}\r\n\r\n// 1. Define the MINIMAL props needed.\r\ntype PluginWrapperProps = {\r\n  children: React.ReactNode;\r\n  stateKey: string;\r\n  path: string[];\r\n  pluginName: string;\r\n  wrapperDepth: number;\r\n};\r\n\r\nconst PluginWrapper = memo(function PluginWrapper({\r\n  children,\r\n  stateKey,\r\n  path,\r\n  pluginName,\r\n  wrapperDepth,\r\n}: PluginWrapperProps) {\r\n  const [, forceUpdate] = useState({});\r\n\r\n  useEffect(() => {\r\n    const fullPathKey = [stateKey, ...path].join('.');\r\n    const unsubscribe = getGlobalStore\r\n      .getState()\r\n      .subscribeToPath(fullPathKey, () => {\r\n        forceUpdate({});\r\n      });\r\n    return unsubscribe;\r\n  }, [stateKey, path]);\r\n\r\n  const plugin = pluginStore\r\n    .getState()\r\n    .registeredPlugins.find((p) => p.name === pluginName);\r\n\r\n  const stateHandler: StateObject<any> | undefined = pluginStore\r\n    .getState()\r\n    .stateHandlers.get(stateKey);\r\n\r\n  const typeInfo = getGlobalStore.getState().getShadowNode(stateKey, path)\r\n    ?._meta?.typeInfo;\r\n\r\n  const options = pluginStore\r\n    .getState()\r\n    .pluginOptions.get(stateKey)\r\n    ?.get(pluginName);\r\n\r\n  const hookData = pluginStore.getState().getHookResult(stateKey, pluginName);\r\n\r\n  if (!plugin?.formWrapper || !stateHandler) {\r\n    return <>{children}</>;\r\n  }\r\n\r\n  const metadataContext = createMetadataContext(stateKey, plugin.name);\r\n  const deconstructed = toDeconstructedMethods(stateHandler);\r\n\r\n  return plugin.formWrapper({\r\n    element: children,\r\n    path,\r\n    stateKey,\r\n    pluginName: plugin.name,\r\n    ...deconstructed,\r\n    ...metadataContext,\r\n    options,\r\n    hookData,\r\n    fieldType: typeInfo?.type,\r\n    wrapperDepth,\r\n  });\r\n});\r\n"],"names":["getInitialOptions","getShadowMetadata","setShadowMetadata","getShadowValue","registerComponent","unregisterComponent","notifyPathSubscribers","subscribeToPath","getGlobalStore","stateHandlers","notifyFormUpdate","pluginStore","ValidationWrapper","formOpts","path","stateKey","children","thisStateOpts","validationState","status","errors","err","errorMessages","warningMessages","message","primarySeverity","jsx","Fragment","React","MemoizedCogsItemWrapper","memo","ListItemWrapper","prevProps","nextProps","itemComponentId","itemPath","localIndex","arraySetter","rebuildStateShape","renderFn","forceUpdate","useState","inViewRef","inView","useInView","elementRef","useRef","imagesLoaded","useImageLoaded","hasReportedInitialHeight","fullKey","useRegisterComponent","setRefs","useCallback","element","useEffect","unsubscribe","e","newHeight","arrayPath","arrayPathKey","itemValue","itemSetter","FormElementWrapper","setState","componentId","uuidv4","formElementRef","stateKeyPathKey","typeInfo","globalStateValue","localValue","setLocalValue","isCurrentlyDebouncing","debounceTimeoutRef","activeFormWrappers","useMemo","config","isDeepEqual","currentMeta","detectElementType","el","tagName","type","newValue","meta","debouncedUpdate","runValidation","debounceTime","handleFocus","handleBlur","baseState","stateWithInputProps","target","prop","initialElement","wrappedElement","currentElement","index","PluginWrapper","fullComponentId","useLayoutEffect","ref","loaded","setLoaded","images","loadedCount","handleImageLoad","image","IsolatedComponentWrapper","pluginName","wrapperDepth","fullPathKey","plugin","p","stateHandler","options","hookData","metadataContext","createMetadataContext","deconstructed","toDeconstructedMethods"],"mappings":"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"}

package/dist/PluginRunner.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+
+/**
+ * The main orchestrator component. It reads from the central pluginStore
+ * and renders a `PluginInstance` controller for each active plugin.
+ */
+export declare function PluginRunner({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PluginRunner.d.ts.map

package/dist/PluginRunner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PluginRunner.d.ts","sourceRoot":"","sources":["../src/PluginRunner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AA0JhF;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAiDvE"}

package/dist/PluginRunner.jsx

@@ -0,0 +1,128 @@
+import { jsxs as F, Fragment as M, jsx as P } from "react/jsx-runtime";
+import T, { useState as S, useMemo as U, useEffect as m, useRef as H, useReducer as C } from "react";
+import { pluginStore as f } from "./pluginStore.js";
+import { isDeepEqual as N } from "./utility.js";
+import { createMetadataContext as j, toDeconstructedMethods as v } from "./plugins.js";
+const { setHookResult: A, removeHookResult: I } = f.getState(), E = T.memo(
+  ({
+    stateKey: r,
+    plugin: e,
+    options: t,
+    stateHandler: d
+  }) => {
+    const [i, s] = S(!0), n = U(
+      () => j(r, e.name),
+      [r, e.name]
+    ), o = U(
+      () => v(d),
+      [d]
+    ), b = U(
+      () => ({
+        stateKey: r,
+        pluginName: e.name,
+        isInitialMount: i,
+        options: t,
+        ...o,
+        ...n
+      }),
+      [
+        r,
+        e.name,
+        i,
+        t,
+        o,
+        n
+      ]
+    ), a = e.useHook ? e.useHook(b) : void 0;
+    m(() => {
+      s(!1);
+    }, []), m(() => (e.useHook ? A(r, e.name, a) : I(r, e.name), () => I(r, e.name)), [r, e.name, !!e.useHook, a]);
+    const u = H(), [h, x] = S(!0);
+    m(() => {
+      e.transformState && (N(t, u.current) || (e.transformState({
+        stateKey: r,
+        pluginName: e.name,
+        options: t,
+        hookData: a,
+        isInitialTransform: h,
+        ...o,
+        ...n
+      }), u.current = t, x(!1)));
+    }, [
+      r,
+      e,
+      t,
+      a,
+      h,
+      o,
+      n
+    ]);
+    const k = H(a);
+    return k.current = a, m(() => {
+      if (!e.onUpdate) return;
+      const l = (c) => {
+        c.stateKey === r && e.onUpdate({
+          stateKey: r,
+          pluginName: e.name,
+          update: c,
+          path: c.path,
+          options: t,
+          hookData: k.current,
+          ...o,
+          ...n
+        });
+      };
+      return f.getState().subscribeToUpdates(l);
+    }, [r, e, t, o, n]), m(() => {
+      if (!e.onFormUpdate) return;
+      const l = (c) => {
+        if (c.stateKey === r) {
+          const R = c.path;
+          e.onFormUpdate({
+            stateKey: r,
+            pluginName: e.name,
+            path: R,
+            event: {
+              type: c.type,
+              value: c.value,
+              path: R
+            },
+            options: t,
+            hookData: k.current,
+            ...o,
+            ...n
+          });
+        }
+      };
+      return f.getState().subscribeToFormUpdates(l);
+    }, [r, e, t, o, n]), null;
+  }
+);
+function B({ children: r }) {
+  const [, e] = C((s) => s + 1, 0);
+  m(() => f.subscribe(e), []);
+  const { pluginOptions: t, stateHandlers: d, registeredPlugins: i } = f.getState();
+  return /* @__PURE__ */ F(M, { children: [
+    Array.from(t.entries()).map(([s, n]) => {
+      const o = d.get(s);
+      return o ? Array.from(n.entries()).map(([b, a]) => {
+        const u = i.find((h) => h.name === b);
+        return u ? /* @__PURE__ */ P(
+          E,
+          {
+            stateKey: s,
+            plugin: u,
+            options: a,
+            stateHandler: o
+          },
+          `${s}:${b}`
+        ) : null;
+      }) : null;
+    }),
+    r
+  ] });
+}
+export {
+  B as PluginRunner
+};
+//# sourceMappingURL=PluginRunner.jsx.map

package/dist/PluginRunner.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"PluginRunner.jsx","sources":["../src/PluginRunner.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState, useRef, useReducer } from 'react';\r\nimport { pluginStore } from './pluginStore';\r\nimport { isDeepEqual } from './utility';\r\nimport { createMetadataContext, toDeconstructedMethods } from './plugins';\r\nimport type { CogsPlugin } from './plugins';\r\nimport type { StateObject, UpdateTypeDetail } from './CogsState';\r\nimport { FormEventType } from './store';\r\n\r\nconst { setHookResult, removeHookResult } = pluginStore.getState();\r\n\r\nconst PluginInstance = React.memo(\r\n  ({\r\n    stateKey,\r\n    plugin,\r\n    options,\r\n    stateHandler,\r\n  }: {\r\n    stateKey: string;\r\n    plugin: CogsPlugin<any, any, any, any, any>;\r\n    options: any;\r\n    stateHandler: StateObject<any>;\r\n  }) => {\r\n    const [isInitialMount, setIsInitialMount] = useState(true);\r\n    const metadataContext = useMemo(\r\n      () => createMetadataContext(stateKey, plugin.name),\r\n      [stateKey, plugin.name]\r\n    );\r\n\r\n    const deconstructed = useMemo(\r\n      () => toDeconstructedMethods(stateHandler),\r\n      [stateHandler]\r\n    );\r\n\r\n    const hookContext = useMemo(\r\n      () => ({\r\n        stateKey,\r\n        pluginName: plugin.name,\r\n        isInitialMount,\r\n        options,\r\n        ...deconstructed,\r\n        ...metadataContext,\r\n      }),\r\n      [\r\n        stateKey,\r\n        plugin.name,\r\n        isInitialMount,\r\n        options,\r\n        deconstructed,\r\n        metadataContext,\r\n      ]\r\n    );\r\n\r\n    const hookData = plugin.useHook ? plugin.useHook(hookContext) : undefined;\r\n\r\n    useEffect(() => {\r\n      setIsInitialMount(false);\r\n    }, []);\r\n\r\n    useEffect(() => {\r\n      if (plugin.useHook) setHookResult(stateKey, plugin.name, hookData);\r\n      else removeHookResult(stateKey, plugin.name);\r\n      return () => removeHookResult(stateKey, plugin.name);\r\n    }, [stateKey, plugin.name, !!plugin.useHook, hookData]);\r\n\r\n    const lastProcessedOptionsRef = useRef<any>();\r\n    const [isInitialTransform, setIsInitialTransform] = useState(true);\r\n\r\n    useEffect(() => {\r\n      if (plugin.transformState) {\r\n        if (!isDeepEqual(options, lastProcessedOptionsRef.current)) {\r\n          plugin.transformState({\r\n            stateKey,\r\n            pluginName: plugin.name,\r\n            options,\r\n            hookData,\r\n            isInitialTransform,\r\n            ...deconstructed,\r\n            ...metadataContext,\r\n          });\r\n          lastProcessedOptionsRef.current = options;\r\n          setIsInitialTransform(false);\r\n        }\r\n      }\r\n    }, [\r\n      stateKey,\r\n      plugin,\r\n      options,\r\n      hookData,\r\n      isInitialTransform,\r\n      deconstructed,\r\n      metadataContext,\r\n    ]);\r\n\r\n    const hookDataRef = useRef(hookData);\r\n    hookDataRef.current = hookData;\r\n\r\n    useEffect(() => {\r\n      if (!plugin.onUpdate) return;\r\n\r\n      const handleUpdate = (update: UpdateTypeDetail) => {\r\n        if (update.stateKey === stateKey) {\r\n          plugin.onUpdate!({\r\n            stateKey,\r\n            pluginName: plugin.name,\r\n            update,\r\n            path: update.path,\r\n            options,\r\n            hookData: hookDataRef.current,\r\n            ...deconstructed,\r\n            ...metadataContext,\r\n          });\r\n        }\r\n      };\r\n\r\n      const unsubscribe = pluginStore\r\n        .getState()\r\n        .subscribeToUpdates(handleUpdate);\r\n      return unsubscribe;\r\n    }, [stateKey, plugin, options, deconstructed, metadataContext]);\r\n\r\n    useEffect(() => {\r\n      if (!plugin.onFormUpdate) return;\r\n\r\n      const handleFormUpdate = (\r\n        event: FormEventType & { stateKey: string }\r\n      ) => {\r\n        if (event.stateKey === stateKey) {\r\n          const path = event.path;\r\n          plugin.onFormUpdate!({\r\n            stateKey,\r\n            pluginName: plugin.name,\r\n            path,\r\n            event: {\r\n              type: event.type,\r\n              value: event.value,\r\n              path,\r\n            },\r\n            options,\r\n            hookData: hookDataRef.current,\r\n            ...deconstructed,\r\n            ...metadataContext,\r\n          });\r\n        }\r\n      };\r\n\r\n      const unsubscribe = pluginStore\r\n        .getState()\r\n        .subscribeToFormUpdates(handleFormUpdate);\r\n      return unsubscribe;\r\n    }, [stateKey, plugin, options, deconstructed, metadataContext]);\r\n\r\n    return null;\r\n  }\r\n);\r\n/**\r\n * The main orchestrator component. It reads from the central pluginStore\r\n * and renders a `PluginInstance` controller for each active plugin.\r\n */\r\nexport function PluginRunner({ children }: { children: React.ReactNode }) {\r\n  // A simple way to force a re-render when the store changes.\r\n  const [, forceUpdate] = useReducer((c) => c + 1, 0);\r\n\r\n  // Subscribe to the store. When plugins or their options are added/removed,\r\n  // this component will re-render to update the list of PluginInstances.\r\n  useEffect(() => {\r\n    const unsubscribe = pluginStore.subscribe(forceUpdate);\r\n    return unsubscribe;\r\n  }, []);\r\n\r\n  const { pluginOptions, stateHandlers, registeredPlugins } =\r\n    pluginStore.getState();\r\n\r\n  return (\r\n    <>\r\n      {/*\r\n        This declarative mapping is the core of the solution.\r\n        React will now manage adding and removing `PluginInstance` components\r\n        as the application state changes, ensuring hooks are handled safely.\r\n      */}\r\n      {Array.from(pluginOptions.entries()).map(([stateKey, pluginMap]) => {\r\n        const stateHandler = stateHandlers.get(stateKey);\r\n        if (!stateHandler) {\r\n          return null; // Don't render a runner if the state handler isn't ready.\r\n        }\r\n\r\n        return Array.from(pluginMap.entries()).map(([pluginName, options]) => {\r\n          const plugin = registeredPlugins.find((p) => p.name === pluginName);\r\n          if (!plugin) {\r\n            return null; // Don't render if the plugin is not in the registered list.\r\n          }\r\n\r\n          // Render a dedicated, memoized controller for this specific plugin configuration.\r\n          return (\r\n            <PluginInstance\r\n              key={`${stateKey}:${pluginName}`}\r\n              stateKey={stateKey}\r\n              plugin={plugin}\r\n              options={options}\r\n              stateHandler={stateHandler}\r\n            />\r\n          );\r\n        });\r\n      })}\r\n\r\n      {children}\r\n    </>\r\n  );\r\n}\r\n"],"names":["setHookResult","removeHookResult","pluginStore","PluginInstance","React","stateKey","plugin","options","stateHandler","isInitialMount","setIsInitialMount","useState","metadataContext","useMemo","createMetadataContext","deconstructed","toDeconstructedMethods","hookContext","hookData","useEffect","lastProcessedOptionsRef","useRef","isInitialTransform","setIsInitialTransform","isDeepEqual","hookDataRef","handleUpdate","update","handleFormUpdate","event","path","PluginRunner","children","forceUpdate","useReducer","c","pluginOptions","stateHandlers","registeredPlugins","jsxs","Fragment","pluginMap","pluginName","p","jsx"],"mappings":"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"}

package/dist/index.d.ts

@@ -3,4 +3,6 @@ export * from './CogsStateClient.js';
 export * from './utility.js';
 export * from './TRPCValidationLink.js';
 export * from './store.js';
+export * from './plugins.js';
+export * from './PluginRunner.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,yBAAyB,CAAC;AACxC,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,yBAAyB,CAAC;AACxC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC"}

package/dist/index.js

@@ -1,34 +1,41 @@
-import { $cogsSignal as r, addStateOptions as o, createCogsState as a, createCogsStateFromSync as s, useCogsStateFn as n } from "./CogsState.jsx";
-import { CogsStateClient as f, config as i, useCogsConfig as c } from "./CogsStateClient.jsx";
-import { debounce as p, deepMerge as S, deleteNestedProperty as u, getArrayLengthDifferences as l, getArrayLengthDifferencesArray as m, getDifferences as y, getDifferencesArray as C, isArray as x, isDeepEqual as A, isFunction as D, isObject as b, transformStateFunc as F, updateNestedProperty as h } from "./utility.js";
-import { useCogsTrpcValidationLink as N } from "./TRPCValidationLink.js";
-import { buildShadowNode as P, formRefStore as j, generateId as k, getGlobalStore as q } from "./store.js";
+import { $cogsSignal as r, addStateOptions as o, createCogsState as a, useCogsStateFn as n } from "./CogsState.jsx";
+import { CogsStateClient as d, config as g, useCogsConfig as i } from "./CogsStateClient.jsx";
+import { debounce as c, deepMerge as p, deleteNestedProperty as u, getArrayLengthDifferences as S, getArrayLengthDifferencesArray as l, getDifferences as m, getDifferencesArray as x, isArray as y, isDeepEqual as C, isFunction as h, isObject as D, transformStateFunc as A, updateNestedProperty as b } from "./utility.js";
+import { useCogsTrpcValidationLink as w } from "./TRPCValidationLink.js";
+import { buildShadowNode as L, generateId as M, getGlobalStore as N, shadowStateStore as k, updateShadowTypeInfo as I } from "./store.js";
+import { createMetadataContext as T, createPluginContext as j, keyedSchema as q, toDeconstructedMethods as E } from "./plugins.js";
+import { PluginRunner as R } from "./PluginRunner.jsx";
 export {
   r as $cogsSignal,
-  f as CogsStateClient,
+  d as CogsStateClient,
+  R as PluginRunner,
   o as addStateOptions,
-  P as buildShadowNode,
-  i as config,
+  L as buildShadowNode,
+  g as config,
   a as createCogsState,
-  s as createCogsStateFromSync,
-  p as debounce,
-  S as deepMerge,
+  T as createMetadataContext,
+  j as createPluginContext,
+  c as debounce,
+  p as deepMerge,
   u as deleteNestedProperty,
-  j as formRefStore,
-  k as generateId,
-  l as getArrayLengthDifferences,
-  m as getArrayLengthDifferencesArray,
-  y as getDifferences,
-  C as getDifferencesArray,
-  q as getGlobalStore,
-  x as isArray,
-  A as isDeepEqual,
-  D as isFunction,
-  b as isObject,
-  F as transformStateFunc,
-  h as updateNestedProperty,
-  c as useCogsConfig,
+  M as generateId,
+  S as getArrayLengthDifferences,
+  l as getArrayLengthDifferencesArray,
+  m as getDifferences,
+  x as getDifferencesArray,
+  N as getGlobalStore,
+  y as isArray,
+  C as isDeepEqual,
+  h as isFunction,
+  D as isObject,
+  q as keyedSchema,
+  k as shadowStateStore,
+  E as toDeconstructedMethods,
+  A as transformStateFunc,
+  b as updateNestedProperty,
+  I as updateShadowTypeInfo,
+  i as useCogsConfig,
   n as useCogsStateFn,
-  N as useCogsTrpcValidationLink
+  w as useCogsTrpcValidationLink
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/pluginStore.d.ts

@@ -0,0 +1,43 @@
+import { StateObject, UpdateTypeDetail } from './CogsState';
+import { CogsPlugin } from './plugins';
+
+type PluginRegistryStore = {
+    stateHandlers: Map<string, StateObject<any>>;
+    registerStateHandler: (stateKey: string, handler: StateObject<any>) => void;
+    registeredPlugins: readonly CogsPlugin<any, any, any, any, any>[];
+    setRegisteredPlugins: (plugins: readonly CogsPlugin<any, any, any, any, any>[]) => void;
+    pluginOptions: Map<string, Map<string, any>>;
+    setPluginOptionsForState: (stateKey: string, pluginOptions: Record<string, any>) => void;
+    getPluginConfigsForState: (stateKey: string) => Array<{
+        plugin: CogsPlugin<any, any, any, any, any>;
+        options: any;
+    }>;
+    updateSubscribers: Set<(update: UpdateTypeDetail) => void>;
+    subscribeToUpdates: (callback: (update: UpdateTypeDetail) => void) => () => void;
+    notifyUpdate: (update: UpdateTypeDetail) => void;
+    formUpdateSubscribers: Set<(event: {
+        stateKey: string;
+        type: 'focus' | 'blur' | 'input';
+        path: string[];
+        value?: any;
+    }) => void>;
+    subscribeToFormUpdates: (callback: (event: {
+        stateKey: string;
+        type: 'focus' | 'blur' | 'input';
+        path: string[];
+        value?: any;
+    }) => void) => () => void;
+    notifyFormUpdate: (event: {
+        stateKey: string;
+        type: 'focus' | 'blur' | 'input';
+        path: string[];
+        value?: any;
+    }) => void;
+    hookResults: Map<string, Map<string, any>>;
+    setHookResult: (stateKey: string, pluginName: string, data: any) => void;
+    getHookResult: (stateKey: string, pluginName: string) => any | undefined;
+    removeHookResult: (stateKey: string, pluginName: string) => void;
+};
+export declare const pluginStore: import('zustand').UseBoundStore<import('zustand').StoreApi<PluginRegistryStore>>;
+export {};
+//# sourceMappingURL=pluginStore.d.ts.map

package/dist/pluginStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pluginStore.d.ts","sourceRoot":"","sources":["../src/pluginStore.ts"],"names":[],"mappings":"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"}

package/dist/pluginStore.js

@@ -0,0 +1,52 @@
+import { create as l } from "zustand";
+const b = l((u, o) => ({
+  stateHandlers: /* @__PURE__ */ new Map(),
+  registerStateHandler: (e, s) => u((n) => {
+    const t = new Map(n.stateHandlers);
+    return t.set(e, s), console.log("addign handler", e, s), { stateHandlers: t };
+  }),
+  registeredPlugins: [],
+  pluginOptions: /* @__PURE__ */ new Map(),
+  setRegisteredPlugins: (e) => u({ registeredPlugins: e }),
+  setPluginOptionsForState: (e, s) => u((n) => {
+    const t = new Map(n.pluginOptions), r = /* @__PURE__ */ new Map();
+    return Object.entries(s).forEach(([i, p]) => {
+      n.registeredPlugins.some((a) => a.name === i) && r.set(i, p);
+    }), r.size > 0 && t.set(e, r), { pluginOptions: t };
+  }),
+  getPluginConfigsForState: (e) => {
+    const s = o(), n = s.pluginOptions.get(e);
+    return n ? s.registeredPlugins.map((t) => {
+      const r = n.get(t.name);
+      return r !== void 0 ? { plugin: t, options: r } : null;
+    }).filter(Boolean) : [];
+  },
+  updateSubscribers: /* @__PURE__ */ new Set(),
+  subscribeToUpdates: (e) => (o().updateSubscribers.add(e), () => {
+    o().updateSubscribers.delete(e);
+  }),
+  notifyUpdate: (e) => {
+    o().updateSubscribers.forEach((s) => s(e));
+  },
+  formUpdateSubscribers: /* @__PURE__ */ new Set(),
+  subscribeToFormUpdates: (e) => (o().formUpdateSubscribers.add(e), () => {
+    o().formUpdateSubscribers.delete(e);
+  }),
+  notifyFormUpdate: (e) => {
+    o().formUpdateSubscribers.forEach((s) => s(e));
+  },
+  hookResults: /* @__PURE__ */ new Map(),
+  setHookResult: (e, s, n) => u((t) => {
+    const r = new Map(t.hookResults), i = new Map(r.get(e) ?? /* @__PURE__ */ new Map());
+    return n === void 0 ? i.delete(s) : i.set(s, n), i.size > 0 ? r.set(e, i) : r.delete(e), { hookResults: r };
+  }),
+  getHookResult: (e, s) => o().hookResults.get(e)?.get(s),
+  removeHookResult: (e, s) => u((n) => {
+    const t = new Map(n.hookResults), r = new Map(t.get(e) ?? /* @__PURE__ */ new Map());
+    return r.delete(s), r.size > 0 ? t.set(e, r) : t.delete(e), { hookResults: t };
+  })
+}));
+export {
+  b as pluginStore
+};
+//# sourceMappingURL=pluginStore.js.map

package/dist/pluginStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pluginStore.js","sources":["../src/pluginStore.ts"],"sourcesContent":["import { create } from 'zustand';\r\nimport type { PluginData, StateObject, UpdateTypeDetail } from './CogsState';\r\nimport type { CogsPlugin } from './plugins';\r\n\r\ntype PluginRegistryStore = {\r\n  stateHandlers: Map<string, StateObject<any>>; // stateKey -> handler\r\n  registerStateHandler: (stateKey: string, handler: StateObject<any>) => void;\r\n  registeredPlugins: readonly CogsPlugin<any, any, any, any, any>[];\r\n  setRegisteredPlugins: (\r\n    plugins: readonly CogsPlugin<any, any, any, any, any>[]\r\n  ) => void;\r\n\r\n  // Store options keyed by stateKey and pluginName\r\n  pluginOptions: Map<string, Map<string, any>>; // stateKey -> pluginName -> options\r\n  setPluginOptionsForState: (\r\n    stateKey: string,\r\n    pluginOptions: Record<string, any>\r\n  ) => void;\r\n\r\n  // Get all plugin configs for a specific stateKey\r\n  getPluginConfigsForState: (stateKey: string) => Array<{\r\n    plugin: CogsPlugin<any, any, any, any, any>;\r\n    options: any;\r\n  }>;\r\n  updateSubscribers: Set<(update: UpdateTypeDetail) => void>;\r\n  subscribeToUpdates: (\r\n    callback: (update: UpdateTypeDetail) => void\r\n  ) => () => void;\r\n  notifyUpdate: (update: UpdateTypeDetail) => void;\r\n  formUpdateSubscribers: Set<\r\n    (event: {\r\n      stateKey: string;\r\n      type: 'focus' | 'blur' | 'input';\r\n      path: string[];\r\n      value?: any;\r\n    }) => void\r\n  >;\r\n  subscribeToFormUpdates: (\r\n    callback: (event: {\r\n      stateKey: string;\r\n      type: 'focus' | 'blur' | 'input';\r\n      path: string[];\r\n      value?: any;\r\n    }) => void\r\n  ) => () => void;\r\n  notifyFormUpdate: (event: {\r\n    stateKey: string;\r\n    type: 'focus' | 'blur' | 'input';\r\n    path: string[];\r\n    value?: any;\r\n  }) => void;\r\n  hookResults: Map<string, Map<string, any>>; // stateKey -> pluginName -> hook\r\n  setHookResult: (stateKey: string, pluginName: string, data: any) => void;\r\n  getHookResult: (stateKey: string, pluginName: string) => any | undefined;\r\n  removeHookResult: (stateKey: string, pluginName: string) => void;\r\n};\r\n\r\nexport const pluginStore = create<PluginRegistryStore>((set, get) => ({\r\n  stateHandlers: new Map(),\r\n  registerStateHandler: (stateKey, handler) =>\r\n    set((state) => {\r\n      const newMap = new Map(state.stateHandlers);\r\n      newMap.set(stateKey, handler);\r\n      console.log('addign handler', stateKey, handler);\r\n      return { stateHandlers: newMap };\r\n    }),\r\n  registeredPlugins: [],\r\n  pluginOptions: new Map(),\r\n\r\n  setRegisteredPlugins: (plugins) => set({ registeredPlugins: plugins }),\r\n\r\n  setPluginOptionsForState: (stateKey, pluginOptions) =>\r\n    set((state) => {\r\n      const newMap = new Map(state.pluginOptions);\r\n      const statePluginMap = new Map();\r\n\r\n      // Store each plugin's options\r\n      Object.entries(pluginOptions).forEach(([pluginName, options]) => {\r\n        // Only store if this is actually a registered plugin\r\n        if (state.registeredPlugins.some((p) => p.name === pluginName)) {\r\n          statePluginMap.set(pluginName, options);\r\n        }\r\n      });\r\n\r\n      if (statePluginMap.size > 0) {\r\n        newMap.set(stateKey, statePluginMap);\r\n      }\r\n\r\n      return { pluginOptions: newMap };\r\n    }),\r\n\r\n  getPluginConfigsForState: (stateKey) => {\r\n    const state = get();\r\n    const stateOptions = state.pluginOptions.get(stateKey);\r\n    if (!stateOptions) return [];\r\n\r\n    return state.registeredPlugins\r\n      .map((plugin) => {\r\n        const options = stateOptions.get(plugin.name);\r\n        if (options !== undefined) {\r\n          return { plugin, options };\r\n        }\r\n        return null;\r\n      })\r\n      .filter(Boolean) as Array<{\r\n      plugin: CogsPlugin<any, any, any, any, any>;\r\n      options: any;\r\n    }>;\r\n  },\r\n  updateSubscribers: new Set(),\r\n  subscribeToUpdates: (callback) => {\r\n    const subscribers = get().updateSubscribers;\r\n    subscribers.add(callback);\r\n    // Return an unsubscribe function\r\n    return () => {\r\n      get().updateSubscribers.delete(callback);\r\n    };\r\n  },\r\n  notifyUpdate: (update) => {\r\n    // Call all registered subscribers with the update details\r\n    get().updateSubscribers.forEach((callback) => callback(update));\r\n  },\r\n  formUpdateSubscribers: new Set(),\r\n  subscribeToFormUpdates: (callback) => {\r\n    const subscribers = get().formUpdateSubscribers;\r\n    subscribers.add(callback);\r\n    return () => {\r\n      get().formUpdateSubscribers.delete(callback);\r\n    };\r\n  },\r\n  notifyFormUpdate: (event) => {\r\n    get().formUpdateSubscribers.forEach((callback) => callback(event));\r\n  },\r\n  hookResults: new Map(),\r\n\r\n  setHookResult: (stateKey, pluginName, data) =>\r\n    set((state) => {\r\n      const next = new Map(state.hookResults);\r\n      const byPlugin = new Map(next.get(stateKey) ?? new Map());\r\n      if (data === undefined) byPlugin.delete(pluginName);\r\n      else byPlugin.set(pluginName, data);\r\n      if (byPlugin.size > 0) next.set(stateKey, byPlugin);\r\n      else next.delete(stateKey);\r\n      return { hookResults: next };\r\n    }),\r\n\r\n  getHookResult: (stateKey, pluginName) =>\r\n    get().hookResults.get(stateKey)?.get(pluginName),\r\n\r\n  removeHookResult: (stateKey, pluginName) =>\r\n    set((state) => {\r\n      const next = new Map(state.hookResults);\r\n      const byPlugin = new Map(next.get(stateKey) ?? new Map());\r\n      byPlugin.delete(pluginName);\r\n      if (byPlugin.size > 0) next.set(stateKey, byPlugin);\r\n      else next.delete(stateKey);\r\n      return { hookResults: next };\r\n    }),\r\n}));\r\n"],"names":["pluginStore","create","set","get","stateKey","handler","state","newMap","plugins","pluginOptions","statePluginMap","pluginName","options","p","stateOptions","plugin","callback","update","event","data","next","byPlugin"],"mappings":"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"}