react-native-divkit 0.1.0-alpha.1

package/dist/hooks/useDerivedFromVars.d.ts

@@ -0,0 +1,72 @@
+/**
+ * React hook for reactive variable substitution in JSON props
+ * Replaces Svelte's $: reactive statements with React hooks
+ *
+ * Based on getDerivedFromVars pattern from Web Root.svelte
+ */
+import type { MaybeMissing } from '../expressions/json';
+import type { Variable } from '../expressions/variable';
+import type { VariablesMap } from '../expressions/eval';
+import type { Store } from '../../typings/store';
+import type { CustomFunctions } from '../expressions/funcs/customFuncs';
+export interface UseDerivedFromVarsOptions {
+    /**
+     * Variables map (from DivKitContext)
+     */
+    variables: VariablesMap;
+    /**
+     * Additional variables (optional, for local context)
+     */
+    additionalVars?: Map<string, Variable>;
+    /**
+     * Keep complex types (dict, array) as objects instead of stringifying
+     * Default: false
+     */
+    keepComplex?: boolean;
+    /**
+     * Maximum depth for expression processing
+     * Default: 10
+     */
+    maxDepth?: number;
+    /**
+     * Custom functions for expressions
+     */
+    customFunctions?: CustomFunctions;
+    /**
+     * Store context (for advanced features)
+     */
+    store?: Store;
+    /**
+     * Week start day (0 = Sunday, 1 = Monday)
+     * Default: 0
+     */
+    weekStartDay?: number;
+    /**
+     * Error logger
+     */
+    logError?: (error: Error) => void;
+}
+/**
+ * Hook that subscribes to variables used in JSON expressions and re-evaluates when they change
+ *
+ * @example
+ * ```tsx
+ * const text = useDerivedFromVars(
+ *   json.text, // "Hello @{userName}"
+ *   { variables }
+ * );
+ * // text = "Hello Alice"
+ * // When userName variable changes, text automatically updates
+ * ```
+ */
+export declare function useDerivedFromVars<T>(jsonProp: T, options: UseDerivedFromVarsOptions): MaybeMissing<T>;
+/**
+ * Simplified version that only takes variables map (most common use case)
+ *
+ * @example
+ * ```tsx
+ * const text = useDerivedFromVarsSimple(json.text, variables);
+ * ```
+ */
+export declare function useDerivedFromVarsSimple<T>(jsonProp: T, variables: VariablesMap): MaybeMissing<T>;
+//# sourceMappingURL=useDerivedFromVars.d.ts.map

package/dist/hooks/useDerivedFromVars.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDerivedFromVars.d.ts","sourceRoot":"","sources":["../../src/hooks/useDerivedFromVars.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAGxE,MAAM,WAAW,yBAAyB;IACtC;;OAEG;IACH,SAAS,EAAE,YAAY,CAAC;IAExB;;OAEG;IACH,cAAc,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAEvC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;IAElC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACrC;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,EAChC,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,yBAAyB,GACnC,YAAY,CAAC,CAAC,CAAC,CA8FjB;AAED;;;;;;;GAOG;AACH,wBAAgB,wBAAwB,CAAC,CAAC,EACtC,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,YAAY,GACxB,YAAY,CAAC,CAAC,CAAC,CAEjB"}

package/dist/hooks/useDerivedFromVars.js

@@ -0,0 +1,100 @@
+/**
+ * React hook for reactive variable substitution in JSON props
+ * Replaces Svelte's $: reactive statements with React hooks
+ *
+ * Based on getDerivedFromVars pattern from Web Root.svelte
+ */
+import { useEffect, useState, useMemo, useRef } from 'react';
+import { prepareVars } from '../expressions/json';
+/**
+ * Hook that subscribes to variables used in JSON expressions and re-evaluates when they change
+ *
+ * @example
+ * ```tsx
+ * const text = useDerivedFromVars(
+ *   json.text, // "Hello @{userName}"
+ *   { variables }
+ * );
+ * // text = "Hello Alice"
+ * // When userName variable changes, text automatically updates
+ * ```
+ */
+export function useDerivedFromVars(jsonProp, options) {
+    const { variables, additionalVars, keepComplex = false, maxDepth = 10, customFunctions, store, weekStartDay = 0, logError = console.error } = options;
+    // Merge variables maps
+    const allVariables = useMemo(() => {
+        if (!additionalVars || additionalVars.size === 0) {
+            return variables;
+        }
+        const merged = new Map(variables);
+        additionalVars.forEach((value, key) => {
+            merged.set(key, value);
+        });
+        return merged;
+    }, [variables, additionalVars]);
+    // Prepare expressions once (parse and analyze JSON for @{} expressions)
+    const prepared = useMemo(() => {
+        return prepareVars(jsonProp, logError, store, weekStartDay, maxDepth);
+    }, [jsonProp, logError, store, weekStartDay, maxDepth]);
+    // Apply variables and get initial value
+    const getComputedValue = () => {
+        const { result, usedVars } = prepared.applyVars(allVariables, customFunctions, keepComplex);
+        return { result, usedVars };
+    };
+    // State for the computed value
+    const [value, setValue] = useState(() => getComputedValue().result);
+    // Track used variables for subscription
+    const usedVarsRef = useRef();
+    // Subscribe to used variables and update when they change
+    useEffect(() => {
+        // If no expressions, no need to subscribe
+        if (!prepared.hasExpression) {
+            return;
+        }
+        // Compute initial value and get used variables
+        const { result, usedVars } = getComputedValue();
+        setValue(result);
+        usedVarsRef.current = usedVars;
+        // Subscribe to all used variables
+        const unsubscribers = [];
+        if (usedVars) {
+            usedVars.forEach(variable => {
+                const unsubscribe = variable.subscribe(() => {
+                    // Variable changed - recompute value
+                    const { result: newResult, usedVars: newUsedVars } = getComputedValue();
+                    setValue(newResult);
+                    // If used variables changed, we need to re-subscribe
+                    // This happens if expression result depends on conditional logic
+                    if (newUsedVars && newUsedVars !== usedVarsRef.current) {
+                        const hasChanged = newUsedVars.size !== usedVarsRef.current?.size ||
+                            Array.from(newUsedVars).some(v => !usedVarsRef.current?.has(v));
+                        if (hasChanged) {
+                            // usedVars changed - trigger re-render to re-subscribe
+                            usedVarsRef.current = newUsedVars;
+                        }
+                    }
+                });
+                unsubscribers.push(unsubscribe);
+            });
+        }
+        return () => {
+            unsubscribers.forEach(unsub => unsub());
+        };
+    }, [prepared, allVariables, customFunctions, keepComplex]);
+    if (!prepared.hasExpression) {
+        return getComputedValue().result;
+    }
+    return value;
+}
+/**
+ * Simplified version that only takes variables map (most common use case)
+ *
+ * @example
+ * ```tsx
+ * const text = useDerivedFromVarsSimple(json.text, variables);
+ * ```
+ */
+export function useDerivedFromVarsSimple(jsonProp, variables) {
+    return useDerivedFromVars(jsonProp, { variables });
+}
+//# sourceMappingURL=useDerivedFromVars.js.map

package/dist/hooks/useDerivedFromVars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDerivedFromVars.js","sourceRoot":"","sources":["../../src/hooks/useDerivedFromVars.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAoDlD;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,kBAAkB,CAC9B,QAAW,EACX,OAAkC;IAElC,MAAM,EACF,SAAS,EACT,cAAc,EACd,WAAW,GAAG,KAAK,EACnB,QAAQ,GAAG,EAAE,EACb,eAAe,EACf,KAAK,EACL,YAAY,GAAG,CAAC,EAChB,QAAQ,GAAG,OAAO,CAAC,KAAK,EAC3B,GAAG,OAAO,CAAC;IAEZ,uBAAuB;IACvB,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,IAAI,CAAC,cAAc,IAAI,cAAc,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC;YAC/C,OAAO,SAAS,CAAC;QACrB,CAAC;QACD,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,SAAS,CAAC,CAAC;QAClC,cAAc,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;YAClC,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QAC3B,CAAC,CAAC,CAAC;QACH,OAAO,MAAM,CAAC;IAClB,CAAC,EAAE,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC;IAEhC,wEAAwE;IACxE,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,OAAO,WAAW,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC;IAC1E,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExD,wCAAwC;IACxC,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC1B,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,QAAQ,CAAC,SAAS,CAC3C,YAAY,EACZ,eAAe,EACf,WAAW,CACd,CAAC;QACF,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC;IAEF,+BAA+B;IAC/B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAkB,GAAG,EAAE,CAAC,gBAAgB,EAAE,CAAC,MAAM,CAAC,CAAC;IAErF,wCAAwC;IACxC,MAAM,WAAW,GAAG,MAAM,EAAiB,CAAC;IAE5C,0DAA0D;IAC1D,SAAS,CAAC,GAAG,EAAE;QACX,0CAA0C;QAC1C,IAAI,CAAC,QAAQ,CAAC,aAAa,EAAE,CAAC;YAC1B,OAAO;QACX,CAAC;QAED,+CAA+C;QAC/C,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;QAChD,QAAQ,CAAC,MAAM,CAAC,CAAC;QACjB,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;QAE/B,kCAAkC;QAClC,MAAM,aAAa,GAAmB,EAAE,CAAC;QAEzC,IAAI,QAAQ,EAAE,CAAC;YACX,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;gBACxB,MAAM,WAAW,GAAG,QAAQ,CAAC,SAAS,CAAC,GAAG,EAAE;oBACxC,qCAAqC;oBACrC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,gBAAgB,EAAE,CAAC;oBACxE,QAAQ,CAAC,SAAS,CAAC,CAAC;oBAEpB,qDAAqD;oBACrD,iEAAiE;oBACjE,IAAI,WAAW,IAAI,WAAW,KAAK,WAAW,CAAC,OAAO,EAAE,CAAC;wBACrD,MAAM,UAAU,GACZ,WAAW,CAAC,IAAI,KAAK,WAAW,CAAC,OAAO,EAAE,IAAI;4BAC9C,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,WAAW,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;wBAEpE,IAAI,UAAU,EAAE,CAAC;4BACb,uDAAuD;4BACvD,WAAW,CAAC,OAAO,GAAG,WAAW,CAAC;wBACtC,CAAC;oBACL,CAAC;gBACL,CAAC,CAAC,CAAC;gBACH,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YACpC,CAAC,CAAC,CAAC;QACP,CAAC;QAED,OAAO,GAAG,EAAE;YACR,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC;QAC5C,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,eAAe,EAAE,WAAW,CAAC,CAAC,CAAC;IAE3D,IAAI,CAAC,QAAQ,CAAC,aAAa,EAAE,CAAC;QAC1B,OAAO,gBAAgB,EAAE,CAAC,MAAM,CAAC;IACrC,CAAC;IAED,OAAO,KAAK,CAAC;AACjB,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,wBAAwB,CACpC,QAAW,EACX,SAAuB;IAEvB,OAAO,kBAAkB,CAAC,QAAQ,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC;AACvD,CAAC"}

package/dist/hooks/useVariable.d.ts

@@ -0,0 +1,86 @@
+/**
+ * React hook for subscribing to a specific DivKit variable
+ * Automatically updates component when variable value changes
+ */
+import type { Variable, VariableValue } from '../expressions/variable';
+/**
+ * Subscribe to a variable by name and get its current value
+ *
+ * @param variableName Name of the variable to subscribe to
+ * @returns Current value of the variable, or undefined if not found
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const userName = useVariable('userName');
+ *   return <Text>Hello {userName}</Text>;
+ * }
+ * ```
+ */
+export declare function useVariable(variableName: string): VariableValue | undefined;
+/**
+ * Subscribe to a Variable instance directly (for advanced use cases)
+ *
+ * @param variable Variable instance to subscribe to
+ * @returns Current value of the variable
+ *
+ * @example
+ * ```tsx
+ * function MyComponent({ variable }: { variable: Variable }) {
+ *   const value = useVariableInstance(variable);
+ *   return <Text>{String(value)}</Text>;
+ * }
+ * ```
+ */
+export declare function useVariableInstance<T extends VariableValue>(variable: Variable<T> | undefined): T | undefined;
+/**
+ * Get variable setter function
+ * Returns a function that updates the variable value
+ *
+ * @param variableName Name of the variable
+ * @returns Setter function, or undefined if variable not found
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const userName = useVariable('userName');
+ *   const setUserName = useVariableSetter('userName');
+ *
+ *   return (
+ *     <View>
+ *       <Text>Hello {userName}</Text>
+ *       <Button
+ *         title="Change name"
+ *         onPress={() => setUserName?.('Bob')}
+ *       />
+ *     </View>
+ *   );
+ * }
+ * ```
+ */
+export declare function useVariableSetter(variableName: string): ((value: VariableValue) => void) | undefined;
+/**
+ * Combined hook that returns both value and setter
+ *
+ * @param variableName Name of the variable
+ * @returns Tuple of [value, setter]
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const [userName, setUserName] = useVariableState('userName');
+ *
+ *   return (
+ *     <View>
+ *       <Text>Hello {userName}</Text>
+ *       <Button
+ *         title="Change name"
+ *         onPress={() => setUserName('Bob')}
+ *       />
+ *     </View>
+ *   );
+ * }
+ * ```
+ */
+export declare function useVariableState(variableName: string): [VariableValue | undefined, (value: VariableValue) => void];
+//# sourceMappingURL=useVariable.d.ts.map

package/dist/hooks/useVariable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVariable.d.ts","sourceRoot":"","sources":["../../src/hooks/useVariable.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAGvE;;;;;;;;;;;;;GAaG;AACH,wBAAgB,WAAW,CAAC,YAAY,EAAE,MAAM,GAAG,aAAa,GAAG,SAAS,CAuB3E;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,aAAa,EACvD,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,GAClC,CAAC,GAAG,SAAS,CAoBf;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,iBAAiB,CAC7B,YAAY,EAAE,MAAM,GACrB,CAAC,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC,GAAG,SAAS,CAO9C;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,gBAAgB,CAC5B,YAAY,EAAE,MAAM,GACrB,CAAC,aAAa,GAAG,SAAS,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC,CAS7D"}

package/dist/hooks/useVariable.js

@@ -0,0 +1,130 @@
+/**
+ * React hook for subscribing to a specific DivKit variable
+ * Automatically updates component when variable value changes
+ */
+import { useEffect, useState } from 'react';
+import { useDivKitContext } from '../context/DivKitContext';
+/**
+ * Subscribe to a variable by name and get its current value
+ *
+ * @param variableName Name of the variable to subscribe to
+ * @returns Current value of the variable, or undefined if not found
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const userName = useVariable('userName');
+ *   return <Text>Hello {userName}</Text>;
+ * }
+ * ```
+ */
+export function useVariable(variableName) {
+    const { getVariable } = useDivKitContext();
+    const variable = getVariable(variableName);
+    const [value, setValue] = useState(() => variable ? variable.getValue() : undefined);
+    useEffect(() => {
+        if (!variable) {
+            setValue(undefined);
+            return;
+        }
+        // Subscribe to variable changes
+        const unsubscribe = variable.subscribe((newValue) => {
+            setValue(newValue);
+        });
+        return unsubscribe;
+    }, [variable]);
+    return value;
+}
+/**
+ * Subscribe to a Variable instance directly (for advanced use cases)
+ *
+ * @param variable Variable instance to subscribe to
+ * @returns Current value of the variable
+ *
+ * @example
+ * ```tsx
+ * function MyComponent({ variable }: { variable: Variable }) {
+ *   const value = useVariableInstance(variable);
+ *   return <Text>{String(value)}</Text>;
+ * }
+ * ```
+ */
+export function useVariableInstance(variable) {
+    const [value, setValue] = useState(() => variable ? variable.getValue() : undefined);
+    useEffect(() => {
+        if (!variable) {
+            setValue(undefined);
+            return;
+        }
+        // Subscribe to variable changes
+        const unsubscribe = variable.subscribe((newValue) => {
+            setValue(newValue);
+        });
+        return unsubscribe;
+    }, [variable]);
+    return value;
+}
+/**
+ * Get variable setter function
+ * Returns a function that updates the variable value
+ *
+ * @param variableName Name of the variable
+ * @returns Setter function, or undefined if variable not found
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const userName = useVariable('userName');
+ *   const setUserName = useVariableSetter('userName');
+ *
+ *   return (
+ *     <View>
+ *       <Text>Hello {userName}</Text>
+ *       <Button
+ *         title="Change name"
+ *         onPress={() => setUserName?.('Bob')}
+ *       />
+ *     </View>
+ *   );
+ * }
+ * ```
+ */
+export function useVariableSetter(variableName) {
+    const { setVariable } = useDivKitContext();
+    // Return stable function reference
+    return (value) => {
+        setVariable(variableName, value);
+    };
+}
+/**
+ * Combined hook that returns both value and setter
+ *
+ * @param variableName Name of the variable
+ * @returns Tuple of [value, setter]
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const [userName, setUserName] = useVariableState('userName');
+ *
+ *   return (
+ *     <View>
+ *       <Text>Hello {userName}</Text>
+ *       <Button
+ *         title="Change name"
+ *         onPress={() => setUserName('Bob')}
+ *       />
+ *     </View>
+ *   );
+ * }
+ * ```
+ */
+export function useVariableState(variableName) {
+    const value = useVariable(variableName);
+    const { setVariable } = useDivKitContext();
+    const setter = (newValue) => {
+        setVariable(variableName, newValue);
+    };
+    return [value, setter];
+}
+//# sourceMappingURL=useVariable.js.map

package/dist/hooks/useVariable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVariable.js","sourceRoot":"","sources":["../../src/hooks/useVariable.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,WAAW,CAAC,YAAoB;IAC5C,MAAM,EAAE,WAAW,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAC3C,MAAM,QAAQ,GAAG,WAAW,CAAC,YAAY,CAAC,CAAC;IAE3C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAA4B,GAAG,EAAE,CAC/D,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,SAAS,CAC7C,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,QAAQ,EAAE,CAAC;YACZ,QAAQ,CAAC,SAAS,CAAC,CAAC;YACpB,OAAO;QACX,CAAC;QAED,gCAAgC;QAChC,MAAM,WAAW,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,QAAQ,EAAE,EAAE;YAChD,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;QAEH,OAAO,WAAW,CAAC;IACvB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,KAAK,CAAC;AACjB,CAAC;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,mBAAmB,CAC/B,QAAiC;IAEjC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,GAAG,EAAE,CACnD,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,SAAS,CAC7C,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,QAAQ,EAAE,CAAC;YACZ,QAAQ,CAAC,SAAS,CAAC,CAAC;YACpB,OAAO;QACX,CAAC;QAED,gCAAgC;QAChC,MAAM,WAAW,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,QAAQ,EAAE,EAAE;YAChD,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;QAEH,OAAO,WAAW,CAAC;IACvB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,KAAK,CAAC;AACjB,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,UAAU,iBAAiB,CAC7B,YAAoB;IAEpB,MAAM,EAAE,WAAW,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAE3C,mCAAmC;IACnC,OAAO,CAAC,KAAoB,EAAE,EAAE;QAC5B,WAAW,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;IACrC,CAAC,CAAC;AACN,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,UAAU,gBAAgB,CAC5B,YAAoB;IAEpB,MAAM,KAAK,GAAG,WAAW,CAAC,YAAY,CAAC,CAAC;IACxC,MAAM,EAAE,WAAW,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAE3C,MAAM,MAAM,GAAG,CAAC,QAAuB,EAAE,EAAE;QACvC,WAAW,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;AAC3B,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,30 @@
+/**
+ * react-native-divkit
+ *
+ * React Native implementation of DivKit
+ * Based on Web (TypeScript + Svelte) implementation
+ *
+ * MVP Scope:
+ * - 4 basic components: Text, Container, Image, State
+ * - Expression engine with variable system
+ * - Action execution
+ * - Template resolution
+ *
+ * @see https://github.com/divkit/divkit
+ */
+export { DivKit } from './DivKit';
+export type { DivKitProps, StatCallback, CustomActionCallback, ErrorCallback } from './DivKit';
+export type { Action, DivJson, DivBase, DivVariable, Direction, TemplateContext, BooleanInt } from '../typings/common';
+export type { DivBaseData } from './types/base';
+export type { ComponentContext } from './types/componentContext';
+export { createVariable, Variable, StringVariable, IntegerVariable, NumberVariable, BooleanVariable, ColorVariable, UrlVariable, DictVariable, ArrayVariable } from './expressions/variable';
+export type { VariableType, VariableValue } from './expressions/variable';
+export { useDivKitContext, DivKitContext } from './context/DivKitContext';
+export type { DivKitContextValue } from './context/DivKitContext';
+export { useDerivedFromVars, useDerivedFromVarsSimple } from './hooks/useDerivedFromVars';
+export { useVariable, useVariableInstance, useVariableSetter, useVariableState } from './hooks/useVariable';
+export { useAction, useActions, useActionHandler, useHasActions } from './hooks/useAction';
+export { wrapError } from './utils/wrapError';
+export type { WrappedError } from './utils/wrapError';
+export { correctColor } from './utils/correctColor';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAGH,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EACR,WAAW,EACX,YAAY,EACZ,oBAAoB,EACpB,aAAa,EAChB,MAAM,UAAU,CAAC;AAGlB,YAAY,EACR,MAAM,EACN,OAAO,EACP,OAAO,EACP,WAAW,EACX,SAAS,EACT,eAAe,EACf,UAAU,EACb,MAAM,mBAAmB,CAAC;AAE3B,YAAY,EACR,WAAW,EACd,MAAM,cAAc,CAAC;AAEtB,YAAY,EACR,gBAAgB,EACnB,MAAM,0BAA0B,CAAC;AAGlC,OAAO,EACH,cAAc,EACd,QAAQ,EACR,cAAc,EACd,eAAe,EACf,cAAc,EACd,eAAe,EACf,aAAa,EACb,WAAW,EACX,YAAY,EACZ,aAAa,EAChB,MAAM,wBAAwB,CAAC;AAEhC,YAAY,EACR,YAAY,EACZ,aAAa,EAChB,MAAM,wBAAwB,CAAC;AAGhC,OAAO,EACH,gBAAgB,EAChB,aAAa,EAChB,MAAM,yBAAyB,CAAC;AAEjC,YAAY,EACR,kBAAkB,EACrB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EACH,kBAAkB,EAClB,wBAAwB,EAC3B,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EACH,WAAW,EACX,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EACnB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EACH,SAAS,EACT,UAAU,EACV,gBAAgB,EAChB,aAAa,EAChB,MAAM,mBAAmB,CAAC;AAG3B,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,YAAY,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/index.js

@@ -0,0 +1,28 @@
+/**
+ * react-native-divkit
+ *
+ * React Native implementation of DivKit
+ * Based on Web (TypeScript + Svelte) implementation
+ *
+ * MVP Scope:
+ * - 4 basic components: Text, Container, Image, State
+ * - Expression engine with variable system
+ * - Action execution
+ * - Template resolution
+ *
+ * @see https://github.com/divkit/divkit
+ */
+// Main component
+export { DivKit } from './DivKit';
+// Variables
+export { createVariable, Variable, StringVariable, IntegerVariable, NumberVariable, BooleanVariable, ColorVariable, UrlVariable, DictVariable, ArrayVariable } from './expressions/variable';
+// Context hooks (for advanced usage)
+export { useDivKitContext, DivKitContext } from './context/DivKitContext';
+// Hooks (for custom components)
+export { useDerivedFromVars, useDerivedFromVarsSimple } from './hooks/useDerivedFromVars';
+export { useVariable, useVariableInstance, useVariableSetter, useVariableState } from './hooks/useVariable';
+export { useAction, useActions, useActionHandler, useHasActions } from './hooks/useAction';
+// Utils (for advanced usage)
+export { wrapError } from './utils/wrapError';
+export { correctColor } from './utils/correctColor';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,iBAAiB;AACjB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AA2BlC,YAAY;AACZ,OAAO,EACH,cAAc,EACd,QAAQ,EACR,cAAc,EACd,eAAe,EACf,cAAc,EACd,eAAe,EACf,aAAa,EACb,WAAW,EACX,YAAY,EACZ,aAAa,EAChB,MAAM,wBAAwB,CAAC;AAOhC,qCAAqC;AACrC,OAAO,EACH,gBAAgB,EAChB,aAAa,EAChB,MAAM,yBAAyB,CAAC;AAMjC,gCAAgC;AAChC,OAAO,EACH,kBAAkB,EAClB,wBAAwB,EAC3B,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EACH,WAAW,EACX,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EACnB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EACH,SAAS,EACT,UAAU,EACV,gBAAgB,EAChB,aAAa,EAChB,MAAM,mBAAmB,CAAC;AAE3B,6BAA6B;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAG9C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/stores/createObservable.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Observable implementation to replace Svelte stores for React Native
+ * Provides subscribe/set pattern compatible with Svelte store interface
+ */
+export type Subscriber<T> = (value: T) => void;
+export type Unsubscriber = () => void;
+export declare class Observable<T> {
+    private value;
+    private subscribers;
+    constructor(initialValue: T);
+    /**
+     * Subscribe to value changes
+     * @param callback Function called immediately with current value and on each change
+     * @returns Unsubscribe function
+     */
+    subscribe(callback: Subscriber<T>): Unsubscriber;
+    /**
+     * Update the value and notify all subscribers
+     * @param newValue New value to set
+     */
+    set(newValue: T): void;
+    /**
+     * Get current value without subscribing
+     * @returns Current value
+     */
+    get(): T;
+}
+/**
+ * Create a writable observable (compatible with Svelte's writable store)
+ * @param initialValue Initial value
+ * @returns Observable instance
+ */
+export declare function writable<T>(initialValue: T): Observable<T>;
+/**
+ * TypeScript type compatibility with Svelte stores
+ */
+export type Writable<T> = Observable<T>;
+//# sourceMappingURL=createObservable.d.ts.map

package/dist/stores/createObservable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createObservable.d.ts","sourceRoot":"","sources":["../../src/stores/createObservable.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;AAC/C,MAAM,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC;AAEtC,qBAAa,UAAU,CAAC,CAAC;IACvB,OAAO,CAAC,KAAK,CAAI;IACjB,OAAO,CAAC,WAAW,CAA4B;gBAEnC,YAAY,EAAE,CAAC;IAI3B;;;;OAIG;IACH,SAAS,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,YAAY;IAUhD;;;OAGG;IACH,GAAG,CAAC,QAAQ,EAAE,CAAC,GAAG,IAAI;IAOtB;;;OAGG;IACH,GAAG,IAAI,CAAC;CAGT;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAE1D;AAED;;GAEG;AACH,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC"}

package/dist/stores/createObservable.js

@@ -0,0 +1,49 @@
+/**
+ * Observable implementation to replace Svelte stores for React Native
+ * Provides subscribe/set pattern compatible with Svelte store interface
+ */
+export class Observable {
+    constructor(initialValue) {
+        this.subscribers = new Set();
+        this.value = initialValue;
+    }
+    /**
+     * Subscribe to value changes
+     * @param callback Function called immediately with current value and on each change
+     * @returns Unsubscribe function
+     */
+    subscribe(callback) {
+        this.subscribers.add(callback);
+        // Immediately call with current value (Svelte store behavior)
+        callback(this.value);
+        return () => {
+            this.subscribers.delete(callback);
+        };
+    }
+    /**
+     * Update the value and notify all subscribers
+     * @param newValue New value to set
+     */
+    set(newValue) {
+        if (this.value !== newValue) {
+            this.value = newValue;
+            this.subscribers.forEach(cb => cb(newValue));
+        }
+    }
+    /**
+     * Get current value without subscribing
+     * @returns Current value
+     */
+    get() {
+        return this.value;
+    }
+}
+/**
+ * Create a writable observable (compatible with Svelte's writable store)
+ * @param initialValue Initial value
+ * @returns Observable instance
+ */
+export function writable(initialValue) {
+    return new Observable(initialValue);
+}
+//# sourceMappingURL=createObservable.js.map

package/dist/stores/createObservable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createObservable.js","sourceRoot":"","sources":["../../src/stores/createObservable.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAKH,MAAM,OAAO,UAAU;IAIrB,YAAY,YAAe;QAFnB,gBAAW,GAAG,IAAI,GAAG,EAAiB,CAAC;QAG7C,IAAI,CAAC,KAAK,GAAG,YAAY,CAAC;IAC5B,CAAC;IAED;;;;OAIG;IACH,SAAS,CAAC,QAAuB;QAC/B,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAC/B,8DAA8D;QAC9D,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAErB,OAAO,GAAG,EAAE;YACV,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QACpC,CAAC,CAAC;IACJ,CAAC;IAED;;;OAGG;IACH,GAAG,CAAC,QAAW;QACb,IAAI,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC5B,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC;YACtB,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;QAC/C,CAAC;IACH,CAAC;IAED;;;OAGG;IACH,GAAG;QACD,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;CACF;AAED;;;;GAIG;AACH,MAAM,UAAU,QAAQ,CAAI,YAAe;IACzC,OAAO,IAAI,UAAU,CAAC,YAAY,CAAC,CAAC;AACtC,CAAC"}

package/dist/utils/applyTemplate.d.ts

@@ -0,0 +1,8 @@
+import type { WrappedError } from "./wrapError";
+import type { DivBase, TemplateContext } from "../../typings/common";
+export declare function applyTemplate<T extends DivBase>(json: T, templateContext: TemplateContext, templates: Record<string, unknown>, _logError: (error: WrappedError) => void): {
+    json: T;
+    templateContext: TemplateContext;
+};
+export declare function applyTemplatesRecursively(json: any, templates: Record<string, unknown>, logError: (error: WrappedError) => void): any;
+//# sourceMappingURL=applyTemplate.d.ts.map

package/dist/utils/applyTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyTemplate.d.ts","sourceRoot":"","sources":["../../src/utils/applyTemplate.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAGrE,wBAAgB,aAAa,CAAC,CAAC,SAAS,OAAO,EAC7C,IAAI,EAAE,CAAC,EACP,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAClC,SAAS,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,GACvC;IACD,IAAI,EAAE,CAAC,CAAC;IACR,eAAe,EAAE,eAAe,CAAC;CAClC,CAAC;AAuFF,wBAAgB,yBAAyB,CACvC,IAAI,EAAE,GAAG,EACT,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,GACtC,GAAG,CAyCL"}