@ploykit/ui 0.1.1 → 0.4.0

package/dist/hooks/useNotificationPrefs.d.ts

@@ -1,20 +0,0 @@
-export interface NotificationPreference {
-    notification_type: string;
-    email_enabled: boolean;
-    in_app_enabled: boolean;
-    updated_at: string;
-}
-export declare function useNotificationPrefs(): {
-    prefs: NotificationPreference[];
-    loading: boolean;
-    error: Error | null;
-    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<NotificationPreference[], Error>>;
-};
-export declare function useSetNotificationPref(): {
-    setPref: (type: string, channels: {
-        email_enabled?: boolean;
-        in_app_enabled?: boolean;
-    }) => Promise<NotificationPreference>;
-    loading: boolean;
-    error: Error | null;
-};

package/dist/hooks/useNotificationPrefs.js

@@ -1,42 +0,0 @@
-import { useCallback } from 'react';
-import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { api } from '@ploykit/client';
-import { queryKeys } from '../provider/PloykitProvider';
-export function useNotificationPrefs() {
-    const q = useQuery({
-        queryKey: queryKeys.notificationPrefs,
-        queryFn: async () => {
-            const data = await api.get('/api/notification-preferences');
-            return data?.items ?? [];
-        },
-    });
-    return { prefs: q.data ?? [], loading: q.isPending, error: q.error, refetch: q.refetch };
-}
-export function useSetNotificationPref() {
-    const qc = useQueryClient();
-    const m = useMutation({
-        mutationFn: (v) => api.put(`/api/notification-preferences/${encodeURIComponent(v.type)}`, { email_enabled: v.email_enabled, in_app_enabled: v.in_app_enabled }),
-        onMutate: async (v) => {
-            await qc.cancelQueries({ queryKey: queryKeys.notificationPrefs });
-            const prev = qc.getQueryData(queryKeys.notificationPrefs) ?? [];
-            const existing = prev.find((p) => p.notification_type === v.type);
-            const next = {
-                notification_type: v.type,
-                email_enabled: v.email_enabled ?? existing?.email_enabled ?? true,
-                in_app_enabled: v.in_app_enabled ?? existing?.in_app_enabled ?? true,
-                updated_at: new Date().toISOString(),
-            };
-            qc.setQueryData(queryKeys.notificationPrefs, existing
-                ? prev.map((p) => (p.notification_type === v.type ? next : p))
-                : [...prev, next]);
-            return { prev };
-        },
-        onError: (_err, _v, ctx) => {
-            if (ctx?.prev)
-                qc.setQueryData(queryKeys.notificationPrefs, ctx.prev);
-        },
-        onSettled: () => qc.invalidateQueries({ queryKey: queryKeys.notificationPrefs }),
-    });
-    const setPref = useCallback((type, channels) => m.mutateAsync({ type, ...channels }), [m]);
-    return { setPref, loading: m.isPending, error: m.error };
-}

package/dist/hooks/usePasswordReset.d.ts

@@ -1,5 +0,0 @@
-export interface UsePasswordResetResult {
-    requestReset(email: string): Promise<void>;
-    reset(email: string, token: string, newPassword: string): Promise<void>;
-}
-export declare function usePasswordReset(): UsePasswordResetResult;

package/dist/hooks/usePasswordReset.js

@@ -1,12 +0,0 @@
-import { useCallback } from 'react';
-import { useApi } from './useApi';
-export function usePasswordReset() {
-    const api = useApi();
-    const requestReset = useCallback(async (email) => {
-        await api.post('/auth/forgot-password', { email });
-    }, [api]);
-    const reset = useCallback(async (email, token, newPassword) => {
-        await api.post('/auth/reset-password', { email, token, new_password: newPassword });
-    }, [api]);
-    return { requestReset, reset };
-}

package/dist/hooks/useSEO.d.ts

@@ -1,6 +0,0 @@
-export interface SeoMeta {
-    title?: string;
-    description?: string;
-    ogImage?: string;
-}
-export declare function useSEO(meta: SeoMeta): void;

package/dist/hooks/useSEO.js

@@ -1,14 +0,0 @@
-import { emitDirective } from '@ploykit/runtime';
-export function useSEO(meta) {
-    const entries = [];
-    if (meta.title)
-        entries.push({ tag: 'title', children: meta.title });
-    if (meta.description) {
-        entries.push({ tag: 'meta', attrs: { name: 'description', content: meta.description } });
-    }
-    if (meta.ogImage) {
-        entries.push({ tag: 'meta', attrs: { property: 'og:image', content: meta.ogImage } });
-        entries.push({ tag: 'meta', attrs: { name: 'twitter:card', content: 'summary_large_image' } });
-    }
-    emitDirective('head', entries);
-}

package/dist/hooks/useSessions.d.ts

@@ -1,20 +0,0 @@
-import type { components } from '@ploykit/client';
-export type SessionInfo = components['schemas']['SessionInfo'] & {
-    current?: boolean;
-};
-export declare function useSessions(): {
-    sessions: SessionInfo[];
-    loading: boolean;
-    error: Error | null;
-    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<SessionInfo[], Error>>;
-};
-export declare function useRevokeSession(): {
-    revoke: (id: string) => Promise<void>;
-    loading: boolean;
-    error: Error | null;
-};
-export declare function useRevokeAllSessions(): {
-    revokeAll: () => Promise<void>;
-    loading: boolean;
-    error: Error | null;
-};

package/dist/hooks/useSessions.js

@@ -1,38 +0,0 @@
-import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { api } from '@ploykit/client';
-import { queryKeys } from '../provider/PloykitProvider';
-function normalize(data) {
-    const list = Array.isArray(data) ? data : data?.items;
-    return Array.isArray(list) ? list : [];
-}
-export function useSessions() {
-    const q = useQuery({
-        queryKey: queryKeys.sessions,
-        queryFn: async () => normalize(await api.get('/auth/sessions')),
-    });
-    return { sessions: q.data ?? [], loading: q.isPending, error: q.error, refetch: q.refetch };
-}
-export function useRevokeSession() {
-    const qc = useQueryClient();
-    const m = useMutation({
-        mutationFn: (id) => api.delete(`/auth/sessions/${id}`),
-        onSuccess: () => qc.invalidateQueries({ queryKey: queryKeys.sessions }),
-    });
-    return {
-        revoke: (id) => m.mutateAsync(id),
-        loading: m.isPending,
-        error: m.error,
-    };
-}
-export function useRevokeAllSessions() {
-    const qc = useQueryClient();
-    const m = useMutation({
-        mutationFn: () => api.delete('/auth/sessions'),
-        onSuccess: () => qc.invalidateQueries({ queryKey: queryKeys.sessions }),
-    });
-    return {
-        revokeAll: () => m.mutateAsync(),
-        loading: m.isPending,
-        error: m.error,
-    };
-}

package/dist/hooks/useSiteConfig.d.ts

@@ -1,12 +0,0 @@
-export declare const SITE_CONFIG_QUERY_KEY: readonly ["site-config"];
-export interface SiteConfig {
-    oauth_providers?: string[];
-    billing_channels?: string[];
-    banner_text?: string;
-    banner_kind?: string;
-    maintenance_mode?: string;
-    allow_signup?: string;
-    allowed_domains?: string;
-    mail_mode?: string;
-}
-export declare function useSiteConfig(): import("@tanstack/react-query").UseQueryResult<SiteConfig, Error>;

package/dist/hooks/useSiteConfig.js

@@ -1,11 +0,0 @@
-import { useQuery } from '@tanstack/react-query';
-import { api } from '@ploykit/client';
-export const SITE_CONFIG_QUERY_KEY = ['site-config'];
-export function useSiteConfig() {
-    return useQuery({
-        queryKey: SITE_CONFIG_QUERY_KEY,
-        queryFn: () => api.get('/config'),
-        staleTime: 5 * 60_000,
-        retry: false,
-    });
-}

package/dist/hooks/useTokens.d.ts

@@ -1,36 +0,0 @@
-import type { components } from '@ploykit/client';
-export type PAT = components['schemas']['PAT'];
-export type CreatePATResult = components['schemas']['CreatePATResponse'];
-export declare function useTokens(): {
-    tokens: {
-        id: string;
-        name: string;
-        prefix: string;
-        expires_at?: string;
-        last_used_at?: string;
-        created_at: string;
-    }[];
-    loading: boolean;
-    error: Error | null;
-    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<{
-        id: string;
-        name: string;
-        prefix: string;
-        expires_at?: string;
-        last_used_at?: string;
-        created_at: string;
-    }[], Error>>;
-};
-export declare function useCreateToken(): {
-    create: (name: string, ttlHours?: number) => Promise<{
-        pat: components["schemas"]["PAT"];
-        token: string;
-    }>;
-    loading: boolean;
-    error: Error | null;
-};
-export declare function useRevokeToken(): {
-    revoke: (id: string) => Promise<void>;
-    loading: boolean;
-    error: Error | null;
-};

package/dist/hooks/useTokens.js

@@ -1,35 +0,0 @@
-import { useCallback } from 'react';
-import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { api } from '@ploykit/client';
-import { queryKeys } from '../provider/PloykitProvider';
-export function useTokens() {
-    const q = useQuery({
-        queryKey: queryKeys.tokens,
-        queryFn: async () => {
-            const data = await api.get('/api/tokens');
-            return Array.isArray(data) ? data : [];
-        },
-    });
-    return { tokens: q.data ?? [], loading: q.isPending, error: q.error, refetch: q.refetch };
-}
-export function useCreateToken() {
-    const qc = useQueryClient();
-    const m = useMutation({
-        mutationFn: (v) => api.post('/api/tokens', v),
-        onSuccess: () => qc.invalidateQueries({ queryKey: queryKeys.tokens }),
-    });
-    const create = useCallback((name, ttlHours) => m.mutateAsync({ name, ttl_hours: ttlHours }), [m]);
-    return { create, loading: m.isPending, error: m.error };
-}
-export function useRevokeToken() {
-    const qc = useQueryClient();
-    const m = useMutation({
-        mutationFn: (id) => api.delete(`/api/tokens/${id}`),
-        onSuccess: () => qc.invalidateQueries({ queryKey: queryKeys.tokens }),
-    });
-    return {
-        revoke: (id) => m.mutateAsync(id),
-        loading: m.isPending,
-        error: m.error,
-    };
-}

package/dist/hooks/useUsage.d.ts

@@ -1,20 +0,0 @@
-import type { components } from '@ploykit/client';
-export type PKUsageResp = components['schemas']['UsageResp'];
-export type PKUsageItem = components['schemas']['UsageItem'];
-export declare function useUsage(): {
-    wsId: string;
-    usage: {
-        workspace_id: string;
-        plan_code: string;
-        period: string;
-        items: components["schemas"]["UsageItem"][];
-    } | null;
-    loading: boolean;
-    error: Error | null;
-    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<{
-        workspace_id: string;
-        plan_code: string;
-        period: string;
-        items: components["schemas"]["UsageItem"][];
-    }, Error>>;
-};

package/dist/hooks/useUsage.js

@@ -1,21 +0,0 @@
-import { useQuery } from '@tanstack/react-query';
-import { useApi } from './useApi';
-import { useWorkspace } from './useWorkspace';
-import { queryKeys } from '../provider/PloykitProvider';
-export function useUsage() {
-    const { current } = useWorkspace();
-    const api = useApi();
-    const wsId = current?.id ?? '';
-    const q = useQuery({
-        queryKey: queryKeys.usage(wsId),
-        queryFn: () => api.get('/api/usage'),
-        enabled: !!wsId,
-    });
-    return {
-        wsId,
-        usage: wsId ? (q.data ?? null) : null,
-        loading: !!wsId && q.isPending,
-        error: q.error,
-        refetch: q.refetch,
-    };
-}

package/dist/hooks/useWorkspace.d.ts

@@ -1,26 +0,0 @@
-import { type PKWorkspace } from '../provider/PloykitProvider';
-export declare function useWorkspace(): import("../provider/PloykitProvider").WorkspaceContextValue;
-export declare function useWorkspaceSwitch(): {
-    current: ({
-        id: string;
-        slug: string;
-        name: string;
-        plan_code: string;
-        created_at: string;
-    } & {
-        role: "owner" | "admin" | "member";
-    }) | null;
-    list: ({
-        id: string;
-        slug: string;
-        name: string;
-        plan_code: string;
-        created_at: string;
-    } & {
-        role: "owner" | "admin" | "member";
-    })[];
-    switchTo: (id: string) => void;
-    create: (name: string, slug: string) => Promise<PKWorkspace | null>;
-    creating: boolean;
-    error: unknown;
-};

package/dist/hooks/useWorkspace.js

@@ -1,32 +0,0 @@
-import { useCallback, useState } from 'react';
-import { useQueryClient } from '@tanstack/react-query';
-import { api } from '@ploykit/client';
-import { useAuthCtx, useWorkspaceCtx, queryKeys, } from '../provider/PloykitProvider';
-export function useWorkspace() {
-    return useWorkspaceCtx();
-}
-export function useWorkspaceSwitch() {
-    const { workspaces } = useAuthCtx();
-    const { current, switchTo } = useWorkspaceCtx();
-    const qc = useQueryClient();
-    const [creating, setCreating] = useState(false);
-    const [error, setError] = useState(null);
-    const create = useCallback(async (name, slug) => {
-        setCreating(true);
-        setError(null);
-        try {
-            const ws = await api.post('/api/workspaces', { name, slug });
-            await qc.invalidateQueries({ queryKey: queryKeys.workspace });
-            switchTo(ws.id);
-            return ws;
-        }
-        catch (e) {
-            setError(e);
-            return null;
-        }
-        finally {
-            setCreating(false);
-        }
-    }, [qc, switchTo]);
-    return { current, list: workspaces, switchTo, create, creating, error };
-}

package/dist/hooks/useZodForm.d.ts

@@ -1,6 +0,0 @@
-import { type FieldValues, type UseFormProps, type UseFormReturn } from 'react-hook-form';
-import type { ZodSchema } from 'zod';
-export interface ZodFormOptions<T extends FieldValues> extends UseFormProps<T> {
-    schema: ZodSchema<T, T>;
-}
-export declare function useZodForm<T extends FieldValues>(opts: ZodFormOptions<T>): UseFormReturn<T>;

package/dist/hooks/useZodForm.js

@@ -1,6 +0,0 @@
-import { zodResolver } from '@hookform/resolvers/zod';
-import { useForm } from 'react-hook-form';
-export function useZodForm(opts) {
-    const { schema, ...rest } = opts;
-    return useForm({ ...rest, resolver: zodResolver(schema) });
-}

package/dist/hooks/ws.d.ts

@@ -1,4 +0,0 @@
-import type { FrameHandler, ScopePrefix, WsClient, WsStatus } from '@ploykit/client';
-export declare function useWsStatus(client: WsClient): WsStatus;
-export declare function useWsScope(prefix: ScopePrefix, id: string | undefined, client: WsClient): void;
-export declare function useWsFrame(type: string, handler: FrameHandler, client: WsClient): void;

package/dist/hooks/ws.js

@@ -1,21 +0,0 @@
-import { useEffect, useRef, useSyncExternalStore } from 'react';
-export function useWsStatus(client) {
-    return useSyncExternalStore((cb) => client.onStatus(cb), () => client.status, () => 'idle');
-}
-export function useWsScope(prefix, id, client) {
-    useEffect(() => {
-        if (!id)
-            return;
-        return client.subscribe(prefix, id);
-    }, [prefix, id, client]);
-}
-export function useWsFrame(type, handler, client) {
-    const ref = useRef(handler);
-    useEffect(() => {
-        ref.current = handler;
-    });
-    useEffect(() => {
-        const dispatch = (frame) => ref.current(frame);
-        return client.on(type, dispatch);
-    }, [type, client]);
-}

package/dist/lib/perm.d.ts

@@ -1,2 +0,0 @@
-export type Perm = 'admin' | 'owner';
-export declare function roleSatisfies(role: string | undefined, perm?: Perm): boolean;

package/dist/lib/perm.js

@@ -1,7 +0,0 @@
-export function roleSatisfies(role, perm) {
-    if (perm === undefined)
-        return true;
-    if (perm === 'owner')
-        return role === 'owner';
-    return role === 'owner' || role === 'admin';
-}

package/dist/lib/ws-query-bridge.d.ts

@@ -1,7 +0,0 @@
-import type { QueryClient, QueryKey } from '@tanstack/react-query';
-import type { WsClient } from '@ploykit/client';
-export interface WsInvalidationRule {
-    match: string | RegExp;
-    invalidate: readonly QueryKey[];
-}
-export declare function bridgeWsToQuery(ws: WsClient, queryClient: QueryClient, rules: readonly WsInvalidationRule[]): () => void;

package/dist/lib/ws-query-bridge.js

@@ -1,35 +0,0 @@
-function ruleMatches(rule, type) {
-    if (typeof rule.match === 'string')
-        return rule.match === type;
-    rule.match.lastIndex = 0;
-    return rule.match.test(type);
-}
-export function bridgeWsToQuery(ws, queryClient, rules) {
-    let sawOpen = false;
-    const offStatus = ws.onStatus((status) => {
-        if (status !== 'open')
-            return;
-        if (!sawOpen) {
-            sawOpen = true;
-            return;
-        }
-        for (const rule of rules) {
-            for (const key of rule.invalidate) {
-                queryClient.invalidateQueries({ queryKey: key });
-            }
-        }
-    });
-    const offFrame = ws.on('*', (frame) => {
-        for (const rule of rules) {
-            if (!ruleMatches(rule, frame.type))
-                continue;
-            for (const key of rule.invalidate) {
-                queryClient.invalidateQueries({ queryKey: key });
-            }
-        }
-    });
-    return () => {
-        offStatus();
-        offFrame();
-    };
-}

package/dist/provider/PloykitProvider.d.ts

@@ -1,50 +0,0 @@
-import { type ReactNode } from 'react';
-import { QueryClient } from '@tanstack/react-query';
-import type { APIUser, APIWorkspace, APISubscription, APIOrder, APIPlan } from '@ploykit/client';
-export declare const queryKeys: {
-    auth: readonly ["auth"];
-    me: readonly ["auth", "me"];
-    sessions: readonly ["auth", "sessions"];
-    tokens: readonly ["auth", "tokens"];
-    workspace: readonly ["workspace"];
-    workspaceList: readonly ["workspace", "list"];
-    members: (wsId: string) => readonly ["workspace", string, "members"];
-    invitations: (wsId: string) => readonly ["workspace", string, "invitations"];
-    shareLinks: (wsId: string) => readonly ["workspace", string, "share-links"];
-    myInvitations: readonly ["workspace", "my-invitations"];
-    audit: (wsId: string, q: object) => readonly ["audit", string, object];
-    usage: (wsId: string) => readonly ["usage", string];
-    billing: readonly ["billing"];
-    billingSubscription: (workspaceId: string) => readonly ["billing", "subscription", string];
-    billingPlans: readonly ["billing", "plans"];
-    notifications: readonly ["notifications"];
-    notificationPrefs: readonly ["notifications", "preferences"];
-    webhooks: (wsId: string) => readonly ["webhooks", string];
-    admin: readonly ["admin"];
-};
-export type PKUser = APIUser;
-export type PKWorkspace = APIWorkspace;
-export type PKSubscription = APISubscription;
-export type PKOrder = APIOrder;
-export type PKPlan = APIPlan;
-export interface AuthContextValue {
-    user: PKUser | null;
-    workspaces: PKWorkspace[];
-    loading: boolean;
-    error: unknown;
-    refresh(): Promise<void>;
-    logout(): Promise<void>;
-}
-export declare const AuthContext: import("react").Context<AuthContextValue | null>;
-export interface WorkspaceContextValue {
-    current: PKWorkspace | null;
-    switchTo(id: string): void;
-    clear(): void;
-}
-export declare const WorkspaceContext: import("react").Context<WorkspaceContextValue | null>;
-export declare function useAuthCtx(): AuthContextValue;
-export declare function useWorkspaceCtx(): WorkspaceContextValue;
-export declare function PloykitProvider({ children, queryClient }: {
-    children: ReactNode;
-    queryClient?: QueryClient;
-}): import("react").JSX.Element;