@ericbutera/kaleido 0.1.8 → 0.2.0

package/dist/{components/admin/AdminLayout.d.ts → admin/components/Layout.d.ts}

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export default function AdminLayout({ title, children, }: {
+export default function Layout({ title, children, }: {
     title?: string;
     children: ReactNode;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/admin/components/Route.d.ts

@@ -0,0 +1 @@
+export default function Route(): import("react/jsx-runtime").JSX.Element;

package/dist/admin/components/adminLayoutConfig.d.ts

@@ -0,0 +1,9 @@
+import { ComponentType } from 'react';
+type AdminLayoutConfig = {
+    SiteNavigation?: ComponentType<any>;
+    AdminNav?: ComponentType<any>;
+};
+export declare function configureAdminLayout(cfg: AdminLayoutConfig): void;
+export declare function getSiteNavigation(): ComponentType<any>;
+export declare function getAdminNav(): ComponentType<any>;
+export type { AdminLayoutConfig };

package/dist/{components → admin/components}/tasks/List.d.ts

@@ -1,5 +1,4 @@
-import { components } from '../../lib/openapi/react-query/api';
-type Task = components["schemas"]["AdminTaskResponse"];
+import { Task } from '../../../tasks/useTasks';
 interface ListProps {
     setSelectedTask: (task: Task | null) => void;
 }

package/dist/admin/components/tasks/Modal.d.ts

@@ -0,0 +1,7 @@
+import { Task } from '../../../tasks/useTasks';
+interface ModalProps {
+    selectedTask: Task | null;
+    setSelectedTask: (task: Task | null) => void;
+}
+export default function Modal({ selectedTask, setSelectedTask }: ModalProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/admin/components/users/List.d.ts

@@ -0,0 +1,7 @@
+import { User } from '../../../users/useUsers';
+interface ListProps {
+    onCreateUser: () => void;
+    onSelectUser: (user: User) => void;
+}
+export default function List({ onCreateUser, onSelectUser }: ListProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/admin/components/users/Modal.d.ts

@@ -0,0 +1,8 @@
+import { User } from '../../../users/useUsers';
+interface ModalProps {
+    mode: "create" | "edit" | null;
+    selectedUser: User | null;
+    onClose: () => void;
+}
+export default function Modal({ mode, selectedUser, onClose }: ModalProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/admin/components/users/index.d.ts

@@ -0,0 +1,2 @@
+export { default as UsersList } from './List';
+export { default as UsersModal } from './Modal';

package/dist/admin/index.d.ts

@@ -0,0 +1,7 @@
+export { configureAdminLayout } from '../admin/components/adminLayoutConfig';
+export { default as Layout } from '../admin/components/Layout';
+export { default as Dashboard } from '../admin/pages/Dashboard';
+export { default as FeatureFlags } from '../admin/pages/FeatureFlags';
+export { default as Tasks } from '../admin/pages/Tasks';
+export { default as Users } from '../admin/pages/Users';
+export { default as Route } from './components/Route';

package/dist/admin/pages/Dashboard.d.ts

@@ -0,0 +1 @@
+export default function Dashboard(): import("react/jsx-runtime").JSX.Element;

package/dist/admin/pages/FeatureFlags.d.ts

@@ -0,0 +1 @@
+export default function FeatureFlags(): import("react/jsx-runtime").JSX.Element;

package/dist/admin/pages/Users.d.ts

@@ -0,0 +1 @@
+export default function Users(): import("react/jsx-runtime").JSX.Element;

package/dist/{lib/params/adminTasksParams.d.ts → admin/params/TasksParams.d.ts}

@@ -1,5 +1,5 @@
 import { z } from 'zod';
-export declare const adminTasksSchema: z.ZodObject<{
+export declare const TasksSchema: z.ZodObject<{
     q: z.ZodOptional<z.ZodString>;
     task_type: z.ZodOptional<z.ZodString>;
     status: z.ZodOptional<z.ZodString>;
@@ -10,20 +10,19 @@ export declare const adminTasksSchema: z.ZodObject<{
 }, "strip", z.ZodTypeAny, {
     page: number;
     per_page: number;
-    q?: string | undefined;
-    status?: string | undefined;
     task_type?: string | undefined;
+    status?: string | undefined;
+    q?: string | undefined;
     from_date?: string | undefined;
     to_date?: string | undefined;
 }, {
+    task_type?: string | undefined;
+    status?: string | undefined;
     page?: number | undefined;
     q?: string | undefined;
-    status?: string | undefined;
     per_page?: number | undefined;
-    task_type?: string | undefined;
     from_date?: string | undefined;
     to_date?: string | undefined;
 }>;
-export type AdminTasksParams = z.infer<typeof adminTasksSchema>;
-export declare function parseAdminTasksParams(searchParams: URLSearchParams): AdminTasksParams;
-export declare function toSearchParams(params: Partial<AdminTasksParams>): URLSearchParams;
+export type TasksParams = z.infer<typeof TasksSchema>;
+export declare function toSearchParams(params: Partial<TasksParams>): URLSearchParams;

package/dist/admin/params/UsersParams.d.ts

@@ -0,0 +1,18 @@
+import { z } from 'zod';
+export declare const UsersSchema: z.ZodObject<{
+    q: z.ZodOptional<z.ZodString>;
+    disabled: z.ZodOptional<z.ZodEnum<["true", "false"]>>;
+    page: z.ZodDefault<z.ZodNumber>;
+    per_page: z.ZodDefault<z.ZodNumber>;
+}, "strip", z.ZodTypeAny, {
+    page: number;
+    per_page: number;
+    q?: string | undefined;
+    disabled?: "true" | "false" | undefined;
+}, {
+    page?: number | undefined;
+    q?: string | undefined;
+    disabled?: "true" | "false" | undefined;
+    per_page?: number | undefined;
+}>;
+export type UsersParams = z.infer<typeof UsersSchema>;

package/dist/auth/components/ProtectedRoute.d.ts

@@ -0,0 +1,3 @@
+export default function ProtectedRoute({ children, }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/auth/index.d.ts

@@ -1,8 +1,10 @@
 export { AuthProvider, useAuthApi, useAuthConfig } from './lib/AuthContext';
+export { useAuth } from './lib/useAuth';
 export type { ApiError, AuthApiClient, AuthConfig, LoginRequest, RegisterRequest, ResendConfirmationRequest, ResetRequest, User, } from './lib/types';
 export { handleFormError } from './lib/form';
 export { redirectToOrigin } from './lib/utils';
 export { default as AuthLayout } from './components/auth/Layout';
+export { default as ProtectedRoute } from './components/ProtectedRoute';
 export { default as ConfirmEmail } from './pages/auth/ConfirmEmail';
 export { default as ForgotPassword } from './pages/auth/ForgotPassword';
 export { default as Login } from './pages/auth/Login';

package/dist/auth/lib/useAuth.d.ts

@@ -0,0 +1,8 @@
+export declare function useAuth(): {
+    readonly user: import('./types').User | null;
+    readonly isLoading: boolean;
+    readonly signIn: (email: string, password: string) => Promise<void>;
+    readonly signUp: (email: string, password: string, name?: string) => Promise<void>;
+    readonly signOut: () => Promise<void>;
+    readonly completeOAuthLogin: (_userData?: unknown) => Promise<boolean>;
+};

package/dist/components/featureFlags/FeatureFlagStatus.d.ts

@@ -0,0 +1,9 @@
+interface Props {
+    flag: string;
+    enabledLabel?: string;
+    disabledLabel?: string;
+    className?: string;
+    canToggle?: boolean;
+}
+export default function FeatureFlagStatus({ flag, enabledLabel, disabledLabel, className, canToggle, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/index.d.ts

@@ -1,9 +1,6 @@
-export { default as AdminLayout } from './admin/AdminLayout';
 export { default as AlertCard } from './common/AlertCard';
 export { default as GenericFormModal } from './common/GenericFormModal';
-export { default as GenericList } from './common/GenericList';
+export { default as GenericList, type Column } from './common/GenericList';
 export { default as ModalErrors } from './common/ModalErrors';
 export { default as Pagination } from './common/Pagination';
 export { default as QRCodeGenerator } from './common/QRCodeGenerator';
-export { default as TasksList } from './tasks/List';
-export { default as TasksModal } from './tasks/Modal';

package/dist/configureKaleido.d.ts

@@ -0,0 +1,26 @@
+import { FeatureFlagsConfig } from './featureFlags/useFeatureFlag';
+import { TasksConfig } from './tasks/useTasks';
+import { UsersConfig } from './users/useUsers';
+export type KaleidoFeature = "tasks" | "feature-flags" | "admin-users";
+export interface KaleidoFeatureAdapters {
+    tasks?: TasksConfig;
+    featureFlags?: FeatureFlagsConfig;
+    users?: UsersConfig;
+}
+export interface KaleidoConfig {
+    features: KaleidoFeature[];
+    adapters: KaleidoFeatureAdapters;
+}
+/**
+ * Configure Kaleido by feature, instead of wiring each hook group individually.
+ *
+ * Example:
+ * configureKaleido({
+ *   features: ["tasks", "feature-flags"],
+ *   adapters: {
+ *     tasks: tasksConfig,
+ *     featureFlags: featureFlagsConfig,
+ *   },
+ * })
+ */
+export declare function configureKaleido(config: KaleidoConfig): void;

package/dist/featureFlags/defaults.d.ts

@@ -0,0 +1,3 @@
+export declare const FLAG_REGISTRATION = "registration";
+export declare const FLAG_OAUTH = "oauth";
+export declare const FLAG_API_CLIENTS = "api_clients";

package/dist/featureFlags/index.d.ts

@@ -0,0 +1,2 @@
+export * from './defaults';
+export { configureFeatureFlags, useFeatureFlag, useFeatureFlags, useUpdateFeatureFlag, type FeatureFlagRecord, type FeatureFlagsConfig, type UpdateMutation, type UseFeatureFlagsOpts, type UseFeatureFlagsResult, } from './useFeatureFlag';

package/dist/featureFlags/useFeatureFlag.d.ts

@@ -0,0 +1,86 @@
+export type FeatureFlagRecord = {
+    feature_key: string;
+    enabled: boolean;
+    description?: string | null;
+};
+export type UseFeatureFlagsOpts = {
+    page?: number;
+    per_page?: number;
+    enabledOnly?: boolean;
+};
+export type UseFeatureFlagsResult = {
+    data: FeatureFlagRecord[];
+    isLoading?: boolean;
+    isError?: boolean;
+    raw?: unknown;
+    refetch?: () => Promise<unknown>;
+};
+export type UpdateMutation = {
+    mutate: (vars: {
+        key: string;
+        enabled: boolean;
+    }) => void;
+    mutateAsync: (vars: {
+        key: string;
+        enabled: boolean;
+    }) => Promise<unknown>;
+};
+/**
+ * Configuration interface for feature flag queries.
+ * Apps (like mycorner) implement this using their OpenAPI client.
+ */
+export type FeatureFlagsConfig = {
+    useFeatureFlags: (opts?: UseFeatureFlagsOpts) => UseFeatureFlagsResult;
+    useUpdateFeatureFlag: () => UpdateMutation;
+};
+/**
+ * Configure feature flag queries once at app startup.
+ * Apps with OpenAPI clients should call this in their main setup.
+ *
+ * @example
+ * ```tsx
+ * import { configureFeatureFlags } from '@kaleido/featureFlags';
+ * import { $api } from './openapi';
+ *
+ * configureFeatureFlags({
+ *   useFeatureFlags: (opts) => {
+ *     const resp = $api.useQuery("get", "/flags");
+ *     const dataArr = resp.data?.data ?? [];
+ *     return {
+ *       data: opts?.enabledOnly ? dataArr.filter(f => f.enabled) : dataArr,
+ *       isLoading: resp.isLoading,
+ *       refetch: resp.refetch,
+ *     };
+ *   },
+ *   useUpdateFeatureFlag: () => {
+ *     const mutation = $api.useMutation("post", "/admin/feature-flags/{key}");
+ *     return {
+ *       mutate: (vars) => mutation.mutate({
+ *         params: { path: { key: vars.key } },
+ *         body: { enabled: vars.enabled }
+ *       }),
+ *       mutateAsync: (vars) => mutation.mutateAsync({
+ *         params: { path: { key: vars.key } },
+ *         body: { enabled: vars.enabled }
+ *       }),
+ *     };
+ *   }
+ * });
+ * ```
+ */
+export declare function configureFeatureFlags(cfg: FeatureFlagsConfig): void;
+/**
+ * Fetch all feature flags.
+ * Must call `configureFeatureFlags()` before using.
+ */
+export declare function useFeatureFlags(opts?: UseFeatureFlagsOpts): UseFeatureFlagsResult;
+/**
+ * Check if a specific feature flag is enabled.
+ * Must call `configureFeatureFlags()` before using.
+ */
+export declare function useFeatureFlag(flag: string): boolean;
+/**
+ * Hook to update a feature flag (admin operation).
+ * Must call `configureFeatureFlags()` before using.
+ */
+export declare function useUpdateFeatureFlag(): UpdateMutation;

package/dist/index.d.ts

@@ -1,14 +1,19 @@
+export { QueryClientProvider } from '@tanstack/react-query';
+export * as admin from './admin';
 export * as auth from './auth';
 export * as components from './components';
-export * as pages from './pages';
-export { AuthProvider, useAuthApi, useAuthConfig } from './auth';
-export { default as AdminLayout } from './components/admin/AdminLayout';
 export { default as GenericList } from './components/common/GenericList';
+export type { Column, GenericListProps } from './components/common/GenericList';
 export { default as Pagination } from './components/common/Pagination';
 export { default as SortHeader } from './components/common/SortHeader';
-export type { ApiError, AuthApiClient, AuthConfig, LoginRequest, RegisterRequest, ResendConfirmationRequest, ResetRequest, User, } from './auth';
-export type { Column, GenericListProps } from './components/common/GenericList';
-export { useTasksApi } from './lib/tasksApi';
-export type { Task } from './lib/tasksApi';
+export { configureKaleido, type KaleidoConfig, type KaleidoFeature, type KaleidoFeatureAdapters, } from './configureKaleido';
+export * as featureFlags from './featureFlags';
+export { default, default as kaleido, type KaleidoAppConfig, type KaleidoRuntimeConfig, type KaleidoToggleConfig, } from './kaleido';
+export { createClient, createFetchClient, fetchWithCredentials, handleApiError, newQueryClient, } from './lib/apiHelpers';
+export type { ApiError } from './lib/apiHelpers';
 export { buildApiQuery, parseParams, toSearchParams, } from './lib/params/paramsUtils';
 export { validateParams } from './lib/params/validateParams';
+export * from './openapi';
+export * as openapi from './openapi';
+export * as tasks from './tasks';
+export * as users from './users';