@object-ui/react 0.3.0 → 0.5.0

package/src/hooks/useActionRunner.ts

@@ -0,0 +1,81 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { useState, useCallback, useMemo } from 'react';
+import { ActionRunner, type ActionContext, type ActionResult } from '@object-ui/core';
+
+/**
+ * Hook for executing actions with loading state
+ * 
+ * @example
+ * ```tsx
+ * const { execute, loading, error, result } = useActionRunner({ data: formData });
+ * 
+ * const handleClick = () => {
+ *   execute({
+ *     type: 'action',
+ *     api: '/api/save',
+ *     successMessage: 'Saved successfully!'
+ *   });
+ * };
+ * ```
+ */
+export function useActionRunner(context: ActionContext = {}) {
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+  const [result, setResult] = useState<ActionResult | null>(null);
+
+  const runner = useMemo(
+    () => new ActionRunner(context),
+    [JSON.stringify(context)]
+  );
+
+  const execute = useCallback(
+    async (action: any): Promise<ActionResult> => {
+      setLoading(true);
+      setError(null);
+      setResult(null);
+
+      try {
+        const actionResult = await runner.execute(action);
+        setResult(actionResult);
+
+        if (!actionResult.success) {
+          setError(actionResult.error || 'Action failed');
+        }
+
+        return actionResult;
+      } catch (err) {
+        const errorMessage = (err as Error).message;
+        setError(errorMessage);
+        const failureResult = { success: false, error: errorMessage };
+        setResult(failureResult);
+        return failureResult;
+      } finally {
+        setLoading(false);
+      }
+    },
+    [runner]
+  );
+
+  const updateContext = useCallback(
+    (newContext: Partial<ActionContext>) => {
+      runner.updateContext(newContext);
+    },
+    [runner]
+  );
+
+  return {
+    execute,
+    loading,
+    error,
+    result,
+    updateContext,
+    runner
+  };
+}

package/src/hooks/useExpression.ts

@@ -0,0 +1,56 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { useMemo } from 'react';
+import { ExpressionEvaluator } from '@object-ui/core';
+
+/**
+ * Hook for evaluating expressions with dynamic context
+ * 
+ * @example
+ * ```tsx
+ * const isVisible = useExpression('${data.age >= 18}', { data });
+ * const label = useExpression('Hello ${user.name}!', { user });
+ * ```
+ */
+export function useExpression(
+  expression: string | boolean | number | null | undefined,
+  context: Record<string, any> = {}
+): any {
+  // We evaluate directly without caching the evaluator to avoid issues with context changes
+  return useMemo(
+    () => {
+      const evaluator = new ExpressionEvaluator(context);
+      return evaluator.evaluate(expression);
+    },
+    [expression, context]
+  );
+}
+
+/**
+ * Hook for evaluating conditional expressions
+ * Returns a boolean value
+ * 
+ * @example
+ * ```tsx
+ * const isVisible = useCondition('${data.status === "active"}', { data });
+ * ```
+ */
+export function useCondition(
+  condition: string | boolean | undefined,
+  context: Record<string, any> = {}
+): boolean {
+  // We evaluate directly without caching the evaluator to avoid issues with context changes
+  return useMemo(
+    () => {
+      const evaluator = new ExpressionEvaluator(context);
+      return evaluator.evaluateCondition(condition);
+    },
+    [condition, context]
+  );
+}

package/src/index.test.ts

@@ -1,3 +1,11 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
 import { describe, it, expect } from 'vitest';
 
 describe('react', () => {

package/src/index.ts

@@ -1,4 +1,14 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
 export * from './SchemaRenderer';
 export * from './hooks'; // will be empty for now
 export * from './context'; // will be empty for now
+export * from './components/form';
+export * from './LazyPluginLoader';