@fgv/ts-res-ui-components 5.0.0-10

package/lib/hooks/useConfigurationState.js

@@ -0,0 +1,239 @@
+import React, { useState, useCallback, useMemo, useRef } from 'react';
+import { succeed, fail } from '@fgv/ts-utils';
+import { getDefaultConfiguration, validateConfiguration, cloneConfiguration, compareConfigurations, trackConfigurationChanges, exportConfiguration, importConfiguration, getConfigurationTemplates } from '../utils/configurationUtils';
+export function useConfigurationState(initialConfiguration, onConfigurationChange, onUnsavedChanges) {
+    const defaultConfig = useMemo(() => initialConfiguration || getDefaultConfiguration(), [initialConfiguration]);
+    const originalConfigRef = useRef(defaultConfig);
+    // State
+    const [currentConfiguration, setCurrentConfiguration] = useState(cloneConfiguration(defaultConfig));
+    const [activeTab, setActiveTab] = useState('qualifiers');
+    const [isJsonView, setIsJsonView] = useState(false);
+    const [jsonString, setJsonString] = useState('');
+    const [jsonError, setJsonError] = useState(null);
+    // Computed state
+    const hasUnsavedChanges = useMemo(() => {
+        return !compareConfigurations(originalConfigRef.current, currentConfiguration);
+    }, [currentConfiguration]);
+    const changes = useMemo(() => {
+        return trackConfigurationChanges(originalConfigRef.current, currentConfiguration);
+    }, [currentConfiguration]);
+    const validation = useMemo(() => {
+        return validateConfiguration(currentConfiguration);
+    }, [currentConfiguration]);
+    // Update JSON string when configuration changes and in JSON view
+    React.useEffect(() => {
+        if (isJsonView) {
+            const result = exportConfiguration(currentConfiguration, { format: 'json', pretty: true });
+            if (result.isSuccess()) {
+                setJsonString(result.value);
+                setJsonError(null);
+            }
+            else {
+                setJsonError(result.message);
+            }
+        }
+    }, [currentConfiguration, isJsonView]);
+    // Notify parent of configuration changes
+    const isFirstMount = useRef(true);
+    const lastNotifiedConfig = useRef(currentConfiguration);
+    React.useEffect(() => {
+        // Skip notification on first mount to avoid loops
+        if (isFirstMount.current) {
+            isFirstMount.current = false;
+            return;
+        }
+        // Only notify if configuration actually changed
+        if (!compareConfigurations(lastNotifiedConfig.current, currentConfiguration)) {
+            lastNotifiedConfig.current = currentConfiguration;
+            onConfigurationChange?.(currentConfiguration);
+        }
+    }, [currentConfiguration, onConfigurationChange]);
+    // Notify parent of unsaved changes
+    React.useEffect(() => {
+        onUnsavedChanges?.(hasUnsavedChanges);
+    }, [hasUnsavedChanges, onUnsavedChanges]);
+    // Actions
+    const loadConfiguration = useCallback((config) => {
+        const cloned = cloneConfiguration(config);
+        setCurrentConfiguration(cloned);
+        originalConfigRef.current = cloneConfiguration(config);
+    }, []);
+    const resetConfiguration = useCallback(() => {
+        setCurrentConfiguration(cloneConfiguration(originalConfigRef.current));
+    }, []);
+    const applyConfiguration = useCallback(() => {
+        originalConfigRef.current = cloneConfiguration(currentConfiguration);
+    }, [currentConfiguration]);
+    // Qualifier Types operations
+    const updateQualifierTypes = useCallback((qualifierTypes) => {
+        setCurrentConfiguration((prev) => ({
+            ...prev,
+            qualifierTypes
+        }));
+    }, []);
+    const addQualifierType = useCallback((qualifierType) => {
+        setCurrentConfiguration((prev) => ({
+            ...prev,
+            qualifierTypes: [...(prev.qualifierTypes || []), qualifierType]
+        }));
+    }, []);
+    const updateQualifierType = useCallback((index, qualifierType) => {
+        setCurrentConfiguration((prev) => ({
+            ...prev,
+            qualifierTypes: prev.qualifierTypes?.map((qt, i) => (i === index ? qualifierType : qt)) || []
+        }));
+    }, []);
+    const removeQualifierType = useCallback((index) => {
+        setCurrentConfiguration((prev) => ({
+            ...prev,
+            qualifierTypes: prev.qualifierTypes?.filter((_, i) => i !== index) || []
+        }));
+    }, []);
+    // Qualifiers operations
+    const updateQualifiers = useCallback((qualifiers) => {
+        setCurrentConfiguration((prev) => ({
+            ...prev,
+            qualifiers
+        }));
+    }, []);
+    const addQualifier = useCallback((qualifier) => {
+        setCurrentConfiguration((prev) => ({
+            ...prev,
+            qualifiers: [...(prev.qualifiers || []), qualifier]
+        }));
+    }, []);
+    const updateQualifier = useCallback((index, qualifier) => {
+        setCurrentConfiguration((prev) => ({
+            ...prev,
+            qualifiers: prev.qualifiers?.map((q, i) => (i === index ? qualifier : q)) || []
+        }));
+    }, []);
+    const removeQualifier = useCallback((index) => {
+        setCurrentConfiguration((prev) => ({
+            ...prev,
+            qualifiers: prev.qualifiers?.filter((_, i) => i !== index) || []
+        }));
+    }, []);
+    // Resource Types operations
+    const updateResourceTypes = useCallback((resourceTypes) => {
+        setCurrentConfiguration((prev) => ({
+            ...prev,
+            resourceTypes
+        }));
+    }, []);
+    const addResourceType = useCallback((resourceType) => {
+        setCurrentConfiguration((prev) => ({
+            ...prev,
+            resourceTypes: [...(prev.resourceTypes || []), resourceType]
+        }));
+    }, []);
+    const updateResourceType = useCallback((index, resourceType) => {
+        setCurrentConfiguration((prev) => ({
+            ...prev,
+            resourceTypes: prev.resourceTypes?.map((rt, i) => (i === index ? resourceType : rt)) || []
+        }));
+    }, []);
+    const removeResourceType = useCallback((index) => {
+        setCurrentConfiguration((prev) => ({
+            ...prev,
+            resourceTypes: prev.resourceTypes?.filter((_, i) => i !== index) || []
+        }));
+    }, []);
+    // View management
+    const toggleJsonView = useCallback(() => {
+        if (!isJsonView) {
+            // Switching to JSON view - export current config
+            const result = exportConfiguration(currentConfiguration, { format: 'json', pretty: true });
+            if (result.isSuccess()) {
+                setJsonString(result.value);
+                setJsonError(null);
+            }
+            else {
+                setJsonError(result.message);
+            }
+        }
+        setIsJsonView(!isJsonView);
+    }, [isJsonView, currentConfiguration]);
+    const updateJsonString = useCallback((json) => {
+        setJsonString(json);
+        setJsonError(null);
+    }, []);
+    const applyJsonChanges = useCallback(() => {
+        const result = importConfiguration(jsonString);
+        if (result.isSuccess()) {
+            setCurrentConfiguration(result.value);
+            setJsonError(null);
+            return succeed(undefined);
+        }
+        else {
+            setJsonError(result.message);
+            return fail(result.message);
+        }
+    }, [jsonString]);
+    // Import/Export
+    const exportToJson = useCallback((options) => {
+        return exportConfiguration(currentConfiguration, options);
+    }, [currentConfiguration]);
+    const importFromJson = useCallback((jsonData) => {
+        const result = importConfiguration(jsonData);
+        if (result.isSuccess()) {
+            loadConfiguration(result.value);
+            return succeed(undefined);
+        }
+        return fail(result.message);
+    }, [loadConfiguration]);
+    const loadTemplate = useCallback((templateId) => {
+        const templates = getConfigurationTemplates();
+        const template = templates.find((t) => t.id === templateId);
+        if (!template) {
+            return fail(`Template '${templateId}' not found`);
+        }
+        loadConfiguration(template.configuration);
+        return succeed(undefined);
+    }, [loadConfiguration]);
+    const validateCurrent = useCallback(() => {
+        return validateConfiguration(currentConfiguration);
+    }, [currentConfiguration]);
+    const state = {
+        currentConfiguration,
+        originalConfiguration: originalConfigRef.current,
+        hasUnsavedChanges,
+        changes,
+        validation,
+        activeTab,
+        isJsonView,
+        jsonString,
+        jsonError
+    };
+    const actions = {
+        loadConfiguration,
+        resetConfiguration,
+        applyConfiguration,
+        updateQualifierTypes,
+        updateQualifiers,
+        updateResourceTypes,
+        addQualifierType,
+        updateQualifierType,
+        removeQualifierType,
+        addQualifier,
+        updateQualifier,
+        removeQualifier,
+        addResourceType,
+        updateResourceType,
+        removeResourceType,
+        setActiveTab,
+        toggleJsonView,
+        updateJsonString,
+        applyJsonChanges,
+        exportToJson,
+        importFromJson,
+        loadTemplate,
+        validateCurrent
+    };
+    return {
+        state,
+        actions,
+        templates: getConfigurationTemplates()
+    };
+}
+//# sourceMappingURL=useConfigurationState.js.map

package/lib/hooks/useConfigurationState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConfigurationState.js","sourceRoot":"","sources":["../../src/hooks/useConfigurationState.ts"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useCallback, useMemo, useRef } from 'react';\nimport { Config, QualifierTypes, Qualifiers, ResourceTypes } from '@fgv/ts-res';\nimport { Result, succeed, fail } from '@fgv/ts-utils';\nimport {\n  getDefaultConfiguration,\n  validateConfiguration,\n  cloneConfiguration,\n  compareConfigurations,\n  trackConfigurationChanges,\n  exportConfiguration,\n  importConfiguration,\n  getConfigurationTemplates,\n  generateConfigurationFilename,\n  ConfigurationChanges,\n  ConfigurationValidationResult,\n  ConfigurationExportOptions,\n  ConfigurationTemplate\n} from '../utils/configurationUtils';\n\nexport interface ConfigurationState {\n  currentConfiguration: Config.Model.ISystemConfiguration;\n  originalConfiguration: Config.Model.ISystemConfiguration;\n  hasUnsavedChanges: boolean;\n  changes: ConfigurationChanges;\n  validation: ConfigurationValidationResult;\n  activeTab: 'qualifierTypes' | 'qualifiers' | 'resourceTypes' | 'json';\n  isJsonView: boolean;\n  jsonString: string;\n  jsonError: string | null;\n}\n\nexport interface ConfigurationActions {\n  // Configuration management\n  loadConfiguration: (config: Config.Model.ISystemConfiguration) => void;\n  resetConfiguration: () => void;\n  applyConfiguration: () => void;\n\n  // Editing operations\n  updateQualifierTypes: (qualifierTypes: QualifierTypes.Config.ISystemQualifierTypeConfig[]) => void;\n  updateQualifiers: (qualifiers: Qualifiers.IQualifierDecl[]) => void;\n  updateResourceTypes: (resourceTypes: ResourceTypes.Config.IResourceTypeConfig[]) => void;\n\n  // Individual item operations\n  addQualifierType: (qualifierType: QualifierTypes.Config.ISystemQualifierTypeConfig) => void;\n  updateQualifierType: (\n    index: number,\n    qualifierType: QualifierTypes.Config.ISystemQualifierTypeConfig\n  ) => void;\n  removeQualifierType: (index: number) => void;\n\n  addQualifier: (qualifier: Qualifiers.IQualifierDecl) => void;\n  updateQualifier: (index: number, qualifier: Qualifiers.IQualifierDecl) => void;\n  removeQualifier: (index: number) => void;\n\n  addResourceType: (resourceType: ResourceTypes.Config.IResourceTypeConfig) => void;\n  updateResourceType: (index: number, resourceType: ResourceTypes.Config.IResourceTypeConfig) => void;\n  removeResourceType: (index: number) => void;\n\n  // View management\n  setActiveTab: (tab: ConfigurationState['activeTab']) => void;\n  toggleJsonView: () => void;\n  updateJsonString: (json: string) => void;\n  applyJsonChanges: () => Result<void>;\n\n  // Import/Export\n  exportToJson: (options?: ConfigurationExportOptions) => Result<string>;\n  importFromJson: (jsonData: string) => Result<void>;\n  loadTemplate: (templateId: string) => Result<void>;\n\n  // Validation\n  validateCurrent: () => ConfigurationValidationResult;\n}\n\nexport interface UseConfigurationStateReturn {\n  state: ConfigurationState;\n  actions: ConfigurationActions;\n  templates: ConfigurationTemplate[];\n}\n\nexport function useConfigurationState(\n  initialConfiguration?: Config.Model.ISystemConfiguration,\n  onConfigurationChange?: (config: Config.Model.ISystemConfiguration) => void,\n  onUnsavedChanges?: (hasChanges: boolean) => void\n): UseConfigurationStateReturn {\n  const defaultConfig = useMemo(\n    () => initialConfiguration || getDefaultConfiguration(),\n    [initialConfiguration]\n  );\n  const originalConfigRef = useRef(defaultConfig);\n\n  // State\n  const [currentConfiguration, setCurrentConfiguration] = useState<Config.Model.ISystemConfiguration>(\n    cloneConfiguration(defaultConfig)\n  );\n  const [activeTab, setActiveTab] = useState<ConfigurationState['activeTab']>('qualifiers');\n  const [isJsonView, setIsJsonView] = useState(false);\n  const [jsonString, setJsonString] = useState('');\n  const [jsonError, setJsonError] = useState<string | null>(null);\n\n  // Computed state\n  const hasUnsavedChanges = useMemo(() => {\n    return !compareConfigurations(originalConfigRef.current, currentConfiguration);\n  }, [currentConfiguration]);\n\n  const changes = useMemo(() => {\n    return trackConfigurationChanges(originalConfigRef.current, currentConfiguration);\n  }, [currentConfiguration]);\n\n  const validation = useMemo(() => {\n    return validateConfiguration(currentConfiguration);\n  }, [currentConfiguration]);\n\n  // Update JSON string when configuration changes and in JSON view\n  React.useEffect(() => {\n    if (isJsonView) {\n      const result = exportConfiguration(currentConfiguration, { format: 'json', pretty: true });\n      if (result.isSuccess()) {\n        setJsonString(result.value);\n        setJsonError(null);\n      } else {\n        setJsonError(result.message);\n      }\n    }\n  }, [currentConfiguration, isJsonView]);\n\n  // Notify parent of configuration changes\n  const isFirstMount = useRef(true);\n  const lastNotifiedConfig = useRef(currentConfiguration);\n\n  React.useEffect(() => {\n    // Skip notification on first mount to avoid loops\n    if (isFirstMount.current) {\n      isFirstMount.current = false;\n      return;\n    }\n\n    // Only notify if configuration actually changed\n    if (!compareConfigurations(lastNotifiedConfig.current, currentConfiguration)) {\n      lastNotifiedConfig.current = currentConfiguration;\n      onConfigurationChange?.(currentConfiguration);\n    }\n  }, [currentConfiguration, onConfigurationChange]);\n\n  // Notify parent of unsaved changes\n  React.useEffect(() => {\n    onUnsavedChanges?.(hasUnsavedChanges);\n  }, [hasUnsavedChanges, onUnsavedChanges]);\n\n  // Actions\n  const loadConfiguration = useCallback((config: Config.Model.ISystemConfiguration) => {\n    const cloned = cloneConfiguration(config);\n    setCurrentConfiguration(cloned);\n    originalConfigRef.current = cloneConfiguration(config);\n  }, []);\n\n  const resetConfiguration = useCallback(() => {\n    setCurrentConfiguration(cloneConfiguration(originalConfigRef.current));\n  }, []);\n\n  const applyConfiguration = useCallback(() => {\n    originalConfigRef.current = cloneConfiguration(currentConfiguration);\n  }, [currentConfiguration]);\n\n  // Qualifier Types operations\n  const updateQualifierTypes = useCallback(\n    (qualifierTypes: QualifierTypes.Config.ISystemQualifierTypeConfig[]) => {\n      setCurrentConfiguration((prev) => ({\n        ...prev,\n        qualifierTypes\n      }));\n    },\n    []\n  );\n\n  const addQualifierType = useCallback((qualifierType: QualifierTypes.Config.ISystemQualifierTypeConfig) => {\n    setCurrentConfiguration((prev) => ({\n      ...prev,\n      qualifierTypes: [...(prev.qualifierTypes || []), qualifierType]\n    }));\n  }, []);\n\n  const updateQualifierType = useCallback(\n    (index: number, qualifierType: QualifierTypes.Config.ISystemQualifierTypeConfig) => {\n      setCurrentConfiguration((prev) => ({\n        ...prev,\n        qualifierTypes: prev.qualifierTypes?.map((qt, i) => (i === index ? qualifierType : qt)) || []\n      }));\n    },\n    []\n  );\n\n  const removeQualifierType = useCallback((index: number) => {\n    setCurrentConfiguration((prev) => ({\n      ...prev,\n      qualifierTypes: prev.qualifierTypes?.filter((_, i) => i !== index) || []\n    }));\n  }, []);\n\n  // Qualifiers operations\n  const updateQualifiers = useCallback((qualifiers: Qualifiers.IQualifierDecl[]) => {\n    setCurrentConfiguration((prev) => ({\n      ...prev,\n      qualifiers\n    }));\n  }, []);\n\n  const addQualifier = useCallback((qualifier: Qualifiers.IQualifierDecl) => {\n    setCurrentConfiguration((prev) => ({\n      ...prev,\n      qualifiers: [...(prev.qualifiers || []), qualifier]\n    }));\n  }, []);\n\n  const updateQualifier = useCallback((index: number, qualifier: Qualifiers.IQualifierDecl) => {\n    setCurrentConfiguration((prev) => ({\n      ...prev,\n      qualifiers: prev.qualifiers?.map((q, i) => (i === index ? qualifier : q)) || []\n    }));\n  }, []);\n\n  const removeQualifier = useCallback((index: number) => {\n    setCurrentConfiguration((prev) => ({\n      ...prev,\n      qualifiers: prev.qualifiers?.filter((_, i) => i !== index) || []\n    }));\n  }, []);\n\n  // Resource Types operations\n  const updateResourceTypes = useCallback((resourceTypes: ResourceTypes.Config.IResourceTypeConfig[]) => {\n    setCurrentConfiguration((prev) => ({\n      ...prev,\n      resourceTypes\n    }));\n  }, []);\n\n  const addResourceType = useCallback((resourceType: ResourceTypes.Config.IResourceTypeConfig) => {\n    setCurrentConfiguration((prev) => ({\n      ...prev,\n      resourceTypes: [...(prev.resourceTypes || []), resourceType]\n    }));\n  }, []);\n\n  const updateResourceType = useCallback(\n    (index: number, resourceType: ResourceTypes.Config.IResourceTypeConfig) => {\n      setCurrentConfiguration((prev) => ({\n        ...prev,\n        resourceTypes: prev.resourceTypes?.map((rt, i) => (i === index ? resourceType : rt)) || []\n      }));\n    },\n    []\n  );\n\n  const removeResourceType = useCallback((index: number) => {\n    setCurrentConfiguration((prev) => ({\n      ...prev,\n      resourceTypes: prev.resourceTypes?.filter((_, i) => i !== index) || []\n    }));\n  }, []);\n\n  // View management\n  const toggleJsonView = useCallback(() => {\n    if (!isJsonView) {\n      // Switching to JSON view - export current config\n      const result = exportConfiguration(currentConfiguration, { format: 'json', pretty: true });\n      if (result.isSuccess()) {\n        setJsonString(result.value);\n        setJsonError(null);\n      } else {\n        setJsonError(result.message);\n      }\n    }\n    setIsJsonView(!isJsonView);\n  }, [isJsonView, currentConfiguration]);\n\n  const updateJsonString = useCallback((json: string) => {\n    setJsonString(json);\n    setJsonError(null);\n  }, []);\n\n  const applyJsonChanges = useCallback((): Result<void> => {\n    const result = importConfiguration(jsonString);\n    if (result.isSuccess()) {\n      setCurrentConfiguration(result.value);\n      setJsonError(null);\n      return succeed(undefined);\n    } else {\n      setJsonError(result.message);\n      return fail(result.message);\n    }\n  }, [jsonString]);\n\n  // Import/Export\n  const exportToJson = useCallback(\n    (options?: ConfigurationExportOptions): Result<string> => {\n      return exportConfiguration(currentConfiguration, options);\n    },\n    [currentConfiguration]\n  );\n\n  const importFromJson = useCallback(\n    (jsonData: string): Result<void> => {\n      const result = importConfiguration(jsonData);\n      if (result.isSuccess()) {\n        loadConfiguration(result.value);\n        return succeed(undefined);\n      }\n      return fail(result.message);\n    },\n    [loadConfiguration]\n  );\n\n  const loadTemplate = useCallback(\n    (templateId: string): Result<void> => {\n      const templates = getConfigurationTemplates();\n      const template = templates.find((t) => t.id === templateId);\n\n      if (!template) {\n        return fail(`Template '${templateId}' not found`);\n      }\n\n      loadConfiguration(template.configuration);\n      return succeed(undefined);\n    },\n    [loadConfiguration]\n  );\n\n  const validateCurrent = useCallback((): ConfigurationValidationResult => {\n    return validateConfiguration(currentConfiguration);\n  }, [currentConfiguration]);\n\n  const state: ConfigurationState = {\n    currentConfiguration,\n    originalConfiguration: originalConfigRef.current,\n    hasUnsavedChanges,\n    changes,\n    validation,\n    activeTab,\n    isJsonView,\n    jsonString,\n    jsonError\n  };\n\n  const actions: ConfigurationActions = {\n    loadConfiguration,\n    resetConfiguration,\n    applyConfiguration,\n    updateQualifierTypes,\n    updateQualifiers,\n    updateResourceTypes,\n    addQualifierType,\n    updateQualifierType,\n    removeQualifierType,\n    addQualifier,\n    updateQualifier,\n    removeQualifier,\n    addResourceType,\n    updateResourceType,\n    removeResourceType,\n    setActiveTab,\n    toggleJsonView,\n    updateJsonString,\n    applyJsonChanges,\n    exportToJson,\n    importFromJson,\n    loadTemplate,\n    validateCurrent\n  };\n\n  return {\n    state,\n    actions,\n    templates: getConfigurationTemplates()\n  };\n}\n"]}

package/lib/hooks/useFilterState.d.ts

@@ -0,0 +1,7 @@
+import { FilterState, FilterActions } from '../types';
+export interface UseFilterStateReturn {
+    state: FilterState;
+    actions: FilterActions;
+}
+export declare function useFilterState(initialState?: Partial<FilterState>): UseFilterStateReturn;
+//# sourceMappingURL=useFilterState.d.ts.map

package/lib/hooks/useFilterState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilterState.d.ts","sourceRoot":"","sources":["../../src/hooks/useFilterState.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEtD,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,WAAW,CAAC;IACnB,OAAO,EAAE,aAAa,CAAC;CACxB;AAqBD,wBAAgB,cAAc,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,oBAAoB,CAqExF"}

package/lib/hooks/useFilterState.js

@@ -0,0 +1,80 @@
+import { useState, useCallback } from 'react';
+const initialFilterState = {
+    enabled: false,
+    values: {},
+    appliedValues: {},
+    hasPendingChanges: false,
+    reduceQualifiers: false
+};
+// Normalize values by filtering out undefined and empty strings for consistent comparison
+const normalizeValues = (vals) => {
+    const normalized = {};
+    Object.entries(vals).forEach(([key, value]) => {
+        if (value !== undefined && value !== '') {
+            normalized[key] = value;
+        }
+    });
+    return normalized;
+};
+export function useFilterState(initialState) {
+    const [state, setState] = useState({
+        ...initialFilterState,
+        ...initialState
+    });
+    const updateFilterEnabled = useCallback((enabled) => {
+        setState((prev) => {
+            const normalizedValues = normalizeValues(prev.values);
+            const normalizedApplied = normalizeValues(prev.appliedValues);
+            const hasChanges = JSON.stringify(normalizedValues) !== JSON.stringify(normalizedApplied);
+            return {
+                ...prev,
+                enabled,
+                // Only consider filter values when determining pending changes, not the enabled state itself
+                hasPendingChanges: enabled && hasChanges
+            };
+        });
+    }, []);
+    const updateFilterValues = useCallback((values) => {
+        setState((prev) => {
+            const normalizedValues = normalizeValues(values);
+            const normalizedApplied = normalizeValues(prev.appliedValues);
+            const hasChanges = JSON.stringify(normalizedValues) !== JSON.stringify(normalizedApplied);
+            return {
+                ...prev,
+                values,
+                hasPendingChanges: prev.enabled && hasChanges
+            };
+        });
+    }, []);
+    const applyFilterValues = useCallback(() => {
+        setState((prev) => ({
+            ...prev,
+            appliedValues: { ...prev.values },
+            hasPendingChanges: false
+        }));
+    }, []);
+    const resetFilterValues = useCallback(() => {
+        setState((prev) => ({
+            ...prev,
+            values: {},
+            appliedValues: {},
+            hasPendingChanges: false,
+            enabled: false
+        }));
+    }, []);
+    const updateReduceQualifiers = useCallback((reduceQualifiers) => {
+        setState((prev) => ({
+            ...prev,
+            reduceQualifiers
+        }));
+    }, []);
+    const actions = {
+        updateFilterEnabled,
+        updateFilterValues,
+        applyFilterValues,
+        resetFilterValues,
+        updateReduceQualifiers
+    };
+    return { state, actions };
+}
+//# sourceMappingURL=useFilterState.js.map

package/lib/hooks/useFilterState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilterState.js","sourceRoot":"","sources":["../../src/hooks/useFilterState.ts"],"names":[],"mappings":"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","sourcesContent":["import { useState, useCallback } from 'react';\nimport { FilterState, FilterActions } from '../types';\n\nexport interface UseFilterStateReturn {\n  state: FilterState;\n  actions: FilterActions;\n}\n\nconst initialFilterState: FilterState = {\n  enabled: false,\n  values: {},\n  appliedValues: {},\n  hasPendingChanges: false,\n  reduceQualifiers: false\n};\n\n// Normalize values by filtering out undefined and empty strings for consistent comparison\nconst normalizeValues = (vals: Record<string, string | undefined>): Record<string, string> => {\n  const normalized: Record<string, string> = {};\n  Object.entries(vals).forEach(([key, value]) => {\n    if (value !== undefined && value !== '') {\n      normalized[key] = value;\n    }\n  });\n  return normalized;\n};\n\nexport function useFilterState(initialState?: Partial<FilterState>): UseFilterStateReturn {\n  const [state, setState] = useState<FilterState>({\n    ...initialFilterState,\n    ...initialState\n  });\n\n  const updateFilterEnabled = useCallback((enabled: boolean) => {\n    setState((prev) => {\n      const normalizedValues = normalizeValues(prev.values);\n      const normalizedApplied = normalizeValues(prev.appliedValues);\n      const hasChanges = JSON.stringify(normalizedValues) !== JSON.stringify(normalizedApplied);\n\n      return {\n        ...prev,\n        enabled,\n        // Only consider filter values when determining pending changes, not the enabled state itself\n        hasPendingChanges: enabled && hasChanges\n      };\n    });\n  }, []);\n\n  const updateFilterValues = useCallback((values: Record<string, string | undefined>) => {\n    setState((prev) => {\n      const normalizedValues = normalizeValues(values);\n      const normalizedApplied = normalizeValues(prev.appliedValues);\n      const hasChanges = JSON.stringify(normalizedValues) !== JSON.stringify(normalizedApplied);\n\n      return {\n        ...prev,\n        values,\n        hasPendingChanges: prev.enabled && hasChanges\n      };\n    });\n  }, []);\n\n  const applyFilterValues = useCallback(() => {\n    setState((prev) => ({\n      ...prev,\n      appliedValues: { ...prev.values },\n      hasPendingChanges: false\n    }));\n  }, []);\n\n  const resetFilterValues = useCallback(() => {\n    setState((prev) => ({\n      ...prev,\n      values: {},\n      appliedValues: {},\n      hasPendingChanges: false,\n      enabled: false\n    }));\n  }, []);\n\n  const updateReduceQualifiers = useCallback((reduceQualifiers: boolean) => {\n    setState((prev) => ({\n      ...prev,\n      reduceQualifiers\n    }));\n  }, []);\n\n  const actions: FilterActions = {\n    updateFilterEnabled,\n    updateFilterValues,\n    applyFilterValues,\n    resetFilterValues,\n    updateReduceQualifiers\n  };\n\n  return { state, actions };\n}\n"]}

package/lib/hooks/useResolutionState.d.ts

@@ -0,0 +1,8 @@
+import { ResolutionState, ResolutionActions, ProcessedResources } from '../types';
+export interface UseResolutionStateReturn {
+    state: ResolutionState;
+    actions: ResolutionActions;
+    availableQualifiers: string[];
+}
+export declare function useResolutionState(processedResources: ProcessedResources | null, onMessage?: (type: 'info' | 'warning' | 'error' | 'success', message: string) => void, onSystemUpdate?: (updatedResources: ProcessedResources) => void): UseResolutionStateReturn;
+//# sourceMappingURL=useResolutionState.d.ts.map

package/lib/hooks/useResolutionState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResolutionState.d.ts","sourceRoot":"","sources":["../../src/hooks/useResolutionState.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,eAAe,EACf,iBAAiB,EAEjB,kBAAkB,EAEnB,MAAM,UAAU,CAAC;AAelB,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,eAAe,CAAC;IACvB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,mBAAmB,EAAE,MAAM,EAAE,CAAC;CAC/B;AAED,wBAAgB,kBAAkB,CAChC,kBAAkB,EAAE,kBAAkB,GAAG,IAAI,EAC7C,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,EACrF,cAAc,CAAC,EAAE,CAAC,gBAAgB,EAAE,kBAAkB,KAAK,IAAI,GAC9D,wBAAwB,CAiU1B"}

package/lib/hooks/useResolutionState.js

@@ -0,0 +1,253 @@
+import React, { useState, useCallback, useMemo } from 'react';
+import { createResolverWithContext, resolveResourceDetailed, getAvailableQualifiers, hasPendingContextChanges } from '../utils/resolutionUtils';
+import { validateEditedResource, computeResourceDelta, rebuildSystemWithEdits, extractResolutionContext, checkEditConflicts } from '../utils/resolutionEditing';
+export function useResolutionState(processedResources, onMessage, onSystemUpdate) {
+    // Get available qualifiers
+    const availableQualifiers = useMemo(() => {
+        if (!processedResources)
+            return [];
+        return getAvailableQualifiers(processedResources);
+    }, [processedResources]);
+    // Initialize context with all qualifiers undefined
+    const defaultContextValues = useMemo(() => {
+        const defaults = {};
+        availableQualifiers.forEach((qualifierName) => {
+            defaults[qualifierName] = undefined;
+        });
+        return defaults;
+    }, [availableQualifiers]);
+    // Resolution state
+    const [contextValues, setContextValues] = useState({});
+    const [pendingContextValues, setPendingContextValues] = useState({});
+    const [selectedResourceId, setSelectedResourceId] = useState(null);
+    const [currentResolver, setCurrentResolver] = useState(null);
+    const [resolutionResult, setResolutionResult] = useState(null);
+    const [viewMode, setViewMode] = useState('composed');
+    // Edit state - stores original, edited, and delta for each resource
+    const [editedResources, setEditedResources] = useState(new Map());
+    const [isApplyingEdits, setIsApplyingEdits] = useState(false);
+    // Update context state when defaults change
+    React.useEffect(() => {
+        setContextValues(defaultContextValues);
+        setPendingContextValues(defaultContextValues);
+    }, [defaultContextValues]);
+    // Check for pending changes
+    const hasPendingChanges = useMemo(() => {
+        return hasPendingContextChanges(contextValues, pendingContextValues);
+    }, [contextValues, pendingContextValues]);
+    // Check for unsaved edits
+    const hasUnsavedEdits = useMemo(() => {
+        return editedResources.size > 0;
+    }, [editedResources]);
+    // Update context value
+    const updateContextValue = useCallback((qualifierName, value) => {
+        setPendingContextValues((prev) => ({
+            ...prev,
+            [qualifierName]: value
+        }));
+    }, []);
+    // Apply context changes
+    const applyContext = useCallback(() => {
+        if (!processedResources) {
+            onMessage?.('error', 'No resources loaded');
+            return;
+        }
+        try {
+            // Create resolver with new context
+            const resolverResult = createResolverWithContext(processedResources, pendingContextValues, {
+                enableCaching: true,
+                enableDebugLogging: false
+            });
+            if (resolverResult.isFailure()) {
+                onMessage?.('error', `Failed to create resolver: ${resolverResult.message}`);
+                return;
+            }
+            // Update state
+            setContextValues({ ...pendingContextValues });
+            setCurrentResolver(resolverResult.value);
+            // If a resource is selected, resolve it with the new context
+            if (selectedResourceId) {
+                const resolutionResult = resolveResourceDetailed(resolverResult.value, selectedResourceId, processedResources);
+                if (resolutionResult.isSuccess()) {
+                    setResolutionResult(resolutionResult.value);
+                }
+                else {
+                    onMessage?.('error', `Failed to resolve resource: ${resolutionResult.message}`);
+                }
+            }
+            onMessage?.('success', 'Context applied successfully');
+        }
+        catch (error) {
+            onMessage?.('error', `Failed to apply context: ${error instanceof Error ? error.message : String(error)}`);
+        }
+    }, [processedResources, pendingContextValues, selectedResourceId, onMessage]);
+    // Select resource and resolve it
+    const selectResource = useCallback((resourceId) => {
+        setSelectedResourceId(resourceId);
+        setResolutionResult(null);
+        if (currentResolver && processedResources) {
+            const resolutionResult = resolveResourceDetailed(currentResolver, resourceId, processedResources);
+            if (resolutionResult.isSuccess()) {
+                setResolutionResult(resolutionResult.value);
+                onMessage?.('info', `Selected resource: ${resourceId}`);
+            }
+            else {
+                onMessage?.('error', `Failed to resolve resource: ${resolutionResult.message}`);
+            }
+        }
+    }, [currentResolver, processedResources, onMessage]);
+    // Reset cache
+    const resetCache = useCallback(() => {
+        if (currentResolver) {
+            currentResolver.clearConditionCache();
+            onMessage?.('info', 'Cache cleared');
+        }
+    }, [currentResolver, onMessage]);
+    // Auto-apply default context when resources are loaded
+    React.useEffect(() => {
+        if (processedResources && Object.keys(defaultContextValues).length > 0) {
+            applyContext();
+        }
+    }, [processedResources, defaultContextValues]);
+    // Edit management functions
+    const saveEdit = useCallback((resourceId, editedValue, originalValue) => {
+        try {
+            // Validate the edited value
+            const validation = validateEditedResource(editedValue);
+            if (!validation.isValid) {
+                onMessage?.('error', `Invalid edit: ${validation.errors.join(', ')}`);
+                return;
+            }
+            // Show warnings if any
+            if (validation.warnings.length > 0) {
+                validation.warnings.forEach((warning) => onMessage?.('warning', warning));
+            }
+            // Compute the delta between original and edited
+            const resolvedValue = originalValue || editedValue; // Use originalValue as the resolved/baseline
+            const deltaResult = computeResourceDelta(undefined, resolvedValue, editedValue);
+            if (deltaResult.isFailure()) {
+                onMessage?.('warning', `Could not compute delta, saving full value: ${deltaResult.message}`);
+            }
+            const delta = deltaResult.isSuccess() ? deltaResult.value : null;
+            // Save the edit with original, edited, and delta
+            setEditedResources((prev) => {
+                const newMap = new Map(prev);
+                newMap.set(resourceId, {
+                    originalValue: resolvedValue,
+                    editedValue,
+                    delta
+                });
+                return newMap;
+            });
+            // Log info about delta
+            if (delta !== null && delta !== editedValue) {
+                const deltaSize = JSON.stringify(delta).length;
+                const fullSize = JSON.stringify(editedValue).length;
+                const reduction = Math.round((1 - deltaSize / fullSize) * 100);
+                onMessage?.('info', `Edit saved for ${resourceId} (delta: ${reduction}% smaller)`);
+            }
+            else {
+                onMessage?.('info', `Edit saved for resource ${resourceId}`);
+            }
+        }
+        catch (error) {
+            onMessage?.('error', `Failed to save edit: ${error instanceof Error ? error.message : String(error)}`);
+        }
+    }, [onMessage]);
+    const getEditedValue = useCallback((resourceId) => {
+        const edit = editedResources.get(resourceId);
+        return edit?.editedValue;
+    }, [editedResources]);
+    const hasEdit = useCallback((resourceId) => {
+        return editedResources.has(resourceId);
+    }, [editedResources]);
+    const clearEdits = useCallback(() => {
+        setEditedResources(new Map());
+        onMessage?.('info', 'All edits cleared');
+    }, [onMessage]);
+    const discardEdits = useCallback(() => {
+        if (hasUnsavedEdits) {
+            setEditedResources(new Map());
+            onMessage?.('info', 'All unsaved edits discarded');
+        }
+    }, [hasUnsavedEdits, onMessage]);
+    const applyEdits = useCallback(async () => {
+        if (!processedResources || editedResources.size === 0) {
+            onMessage?.('warning', 'No edits to apply');
+            return;
+        }
+        if (!onSystemUpdate) {
+            onMessage?.('error', 'System update callback not provided');
+            return;
+        }
+        setIsApplyingEdits(true);
+        try {
+            // Extract current resolution context (filter out undefined values)
+            const cleanedContextValues = {};
+            Object.entries(contextValues).forEach(([key, value]) => {
+                if (value !== undefined) {
+                    cleanedContextValues[key] = value;
+                }
+            });
+            const currentContext = extractResolutionContext(currentResolver, cleanedContextValues);
+            // Check for potential conflicts
+            const conflictCheck = checkEditConflicts(processedResources.system.resourceManager, editedResources, currentContext);
+            // Show warnings about potential conflicts
+            conflictCheck.warnings.forEach((warning) => onMessage?.('warning', warning));
+            if (conflictCheck.conflicts.length > 0) {
+                onMessage?.('error', `Conflicts detected: ${conflictCheck.conflicts.join(', ')}`);
+                return;
+            }
+            // Rebuild the system with edits
+            const rebuildResult = await rebuildSystemWithEdits(processedResources.system, editedResources, currentContext);
+            if (rebuildResult.isFailure()) {
+                onMessage?.('error', `Failed to apply edits: ${rebuildResult.message}`);
+                return;
+            }
+            // Update the system through the callback
+            onSystemUpdate(rebuildResult.value);
+            // Clear edits after successful application
+            setEditedResources(new Map());
+            onMessage?.('success', `Successfully applied ${editedResources.size} edit(s)`);
+        }
+        catch (error) {
+            onMessage?.('error', `Error applying edits: ${error instanceof Error ? error.message : String(error)}`);
+        }
+        finally {
+            setIsApplyingEdits(false);
+        }
+    }, [processedResources, editedResources, onSystemUpdate, currentResolver, contextValues, onMessage]);
+    const state = {
+        contextValues,
+        pendingContextValues,
+        selectedResourceId,
+        currentResolver,
+        resolutionResult,
+        viewMode,
+        hasPendingChanges,
+        // Edit state
+        editedResources,
+        hasUnsavedEdits,
+        isApplyingEdits
+    };
+    const actions = {
+        updateContextValue,
+        applyContext,
+        selectResource,
+        setViewMode,
+        resetCache,
+        // Edit actions
+        saveEdit,
+        getEditedValue,
+        hasEdit,
+        clearEdits,
+        applyEdits,
+        discardEdits
+    };
+    return {
+        state,
+        actions,
+        availableQualifiers
+    };
+}
+//# sourceMappingURL=useResolutionState.js.map