@oxy.so/services 6.2.0 → 8.1.0

package/src/ui/screens/SavesCollectionsScreen.tsx

@@ -1,167 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { View } from 'react-native';
-import type { BaseScreenProps } from '../types/navigation';
-import { toast } from '@oxy.so/bloom/toast';
-import {
-    SegmentedControl,
-    SegmentedControlItem,
-    SegmentedControlItemText,
-} from '@oxy.so/bloom/segmented-control';
-import { useTheme } from '@oxy.so/bloom/theme';
-import { SettingsListGroup, SettingsListItem } from '@oxy.so/bloom/settings-list';
-import { Loading } from '@oxy.so/bloom/loading';
-import { Text } from '@oxy.so/bloom/typography';
-import { SettingsIcon } from '../components/SettingsIcon';
-import { useI18n } from '../hooks/useI18n';
-import { useSurfaceHeader } from '../hooks/useSurfaceHeader';
-import { useOxy } from '../context/OxyContext';
-
-type SavesTab = 'saves' | 'collections';
-
-interface SavedItem {
-    id: string;
-    title: string;
-    type: 'post' | 'collection';
-    savedAt: Date;
-}
-
-interface Collection {
-    id: string;
-    name: string;
-    description?: string;
-    itemCount?: number;
-    createdAt?: Date;
-    updatedAt?: Date;
-}
-
-const SavesCollectionsScreen: React.FC<BaseScreenProps> = ({
-    onClose,
-    goBack,
-}) => {
-    // Saves & collections belong to the ACTIVE account (the org/project/bot when
-    // switched, else the personal user).
-    const { oxyServices, user } = useOxy();
-    const { t } = useI18n();
-
-    useSurfaceHeader({ title: t('saves.title') || 'Saves & Collections' });
-    const bloomTheme = useTheme();
-    const [savedItems, setSavedItems] = useState<SavedItem[]>([]);
-    const [collections, setCollections] = useState<Collection[]>([]);
-    const [isLoading, setIsLoading] = useState(true);
-    const [activeTab, setActiveTab] = useState<SavesTab>('saves');
-
-    // Load saved items and collections from API
-    useEffect(() => {
-        const loadData = async () => {
-            try {
-                setIsLoading(true);
-                if (user?.id && oxyServices) {
-                    const [saved, cols] = await Promise.all([
-                        oxyServices.getSavedItems(user.id),
-                        oxyServices.getCollections(user.id),
-                    ]);
-                    setSavedItems(saved.map((item) => ({
-                        id: item.id,
-                        title: item.title,
-                        type: item.itemType === 'post' ? 'post' : 'collection',
-                        savedAt: new Date(item.createdAt),
-                    })));
-                    setCollections(cols.map((col) => ({
-                        id: col.id,
-                        name: col.name,
-                        description: col.description,
-                        itemCount: col.itemCount,
-                        createdAt: col.createdAt ? new Date(col.createdAt) : undefined,
-                    })));
-                }
-            } catch (error) {
-                toast.error(t('saves.loadError') || 'Failed to load saved items');
-            } finally {
-                setIsLoading(false);
-            }
-        };
-
-        loadData();
-    }, [user?.id, oxyServices, t]);
-
-    const formatDate = (date: Date) => {
-        return date.toLocaleDateString();
-    };
-
-    return (
-        <>
-
-            {/* Tabs */}
-            <View className="px-screen-margin py-space-12 border-b border-border">
-                <SegmentedControl<SavesTab>
-                    label={t('saves.title') || 'Saves & Collections'}
-                    type="tabs"
-                    value={activeTab}
-                    onChange={setActiveTab}
-                >
-                    <SegmentedControlItem value="saves">
-                        <SegmentedControlItemText>
-                            {t('saves.tabs.saves') || 'Saves'}
-                        </SegmentedControlItemText>
-                    </SegmentedControlItem>
-                    <SegmentedControlItem value="collections">
-                        <SegmentedControlItemText>
-                            {t('saves.tabs.collections') || 'Collections'}
-                        </SegmentedControlItemText>
-                    </SegmentedControlItem>
-                </SegmentedControl>
-            </View>
-
-            <View className="px-screen-margin pb-space-24">
-                    {isLoading ? (
-                        <Loading
-                            size="large"
-                            color={bloomTheme.colors.text}
-                            text={t('saves.loading') || 'Loading...'}
-                        />
-                    ) : activeTab === 'saves' ? (
-                        savedItems.length === 0 ? (
-                            <Text className="text-text-secondary text-center p-space-40">
-                                {t('saves.empty') || 'No saved items yet'}
-                            </Text>
-                        ) : (
-                            <SettingsListGroup title={t('saves.savedItems') || 'Saved Items'}>
-                                {savedItems.map((item) => (
-                                    <SettingsListItem
-                                        key={item.id}
-                                        icon={
-                                            <SettingsIcon
-                                                name={item.type === 'post' ? 'file-document-outline' : 'folder'}
-                                                color={item.type === 'post' ? bloomTheme.colors.primary : bloomTheme.colors.info}
-                                            />
-                                        }
-                                        title={item.title}
-                                        description={formatDate(item.savedAt)}
-                                    />
-                                ))}
-                            </SettingsListGroup>
-                        )
-                    ) : (
-                        collections.length === 0 ? (
-                            <Text className="text-text-secondary text-center p-space-40">
-                                {t('saves.noCollections') || 'No collections yet'}
-                            </Text>
-                        ) : (
-                            <SettingsListGroup title={t('saves.collections') || 'Collections'}>
-                                {collections.map((collection) => (
-                                    <SettingsListItem
-                                        key={collection.id}
-                                        icon={<SettingsIcon name="folder" color={bloomTheme.colors.info} />}
-                                        title={collection.name}
-                                        description={`${collection.itemCount || 0} items`}
-                                    />
-                                ))}
-                            </SettingsListGroup>
-                        )
-                    )}
-                </View>
-        </>
-    );
-};
-
-export default React.memo(SavesCollectionsScreen);

package/src/webauthn/passkeyClient.native.ts

@@ -1,26 +0,0 @@
-/**
- * Passkey / WebAuthn ceremony client — NATIVE implementation.
- *
- * React Native has no browser WebAuthn API, and Oxy's native passkey story is
- * Commons (shared-keychain / QR handoff), NOT `navigator.credentials`. So this
- * variant imports NOTHING browser-specific and mirrors the clean default:
- * unsupported, and the ceremony helpers throw if a caller skipped the gate.
- */
-
-const WEBAUTHN_WEB_ONLY_MESSAGE =
-  'WebAuthn is web-only; native uses Commons. Passkeys are not available on this platform.';
-
-/** Always `false` on native — there is no browser WebAuthn API. */
-export function isPasskeySupported(): boolean {
-  return false;
-}
-
-/** Not available on native — throws. Guard with {@link isPasskeySupported} first. */
-export async function runRegistrationCeremony(_optionsJSON: unknown): Promise<unknown> {
-  throw new Error(WEBAUTHN_WEB_ONLY_MESSAGE);
-}
-
-/** Not available on native — throws. Guard with {@link isPasskeySupported} first. */
-export async function runAuthenticationCeremony(_optionsJSON: unknown): Promise<unknown> {
-  throw new Error(WEBAUTHN_WEB_ONLY_MESSAGE);
-}

package/src/webauthn/passkeyClient.ts

@@ -1,31 +0,0 @@
-/**
- * Passkey / WebAuthn ceremony client — clean default (non-web) implementation.
- *
- * This is the base module TypeScript resolves for TYPES and any bundler that
- * does not pick a platform variant. It intentionally imports NOTHING browser-
- * specific (no `@simplewebauthn/browser`) so it stays safe for Metro, native
- * builds, and SSR. The real ceremony lives in `passkeyClient.web.ts`; native
- * passkeys are Commons' job, so there is no WebAuthn ceremony here.
- *
- * `isPasskeySupported()` returns `false` (no relying-party origin / no browser
- * WebAuthn API), and the ceremony helpers throw a clear error so a caller that
- * skipped the support gate fails loudly instead of silently.
- */
-
-const WEBAUTHN_WEB_ONLY_MESSAGE =
-  'WebAuthn is web-only; native uses Commons. Passkeys are not available on this platform.';
-
-/** Always `false` off the web — there is no relying-party origin or WebAuthn API. */
-export function isPasskeySupported(): boolean {
-  return false;
-}
-
-/** Not available off the web — throws. Guard with {@link isPasskeySupported} first. */
-export async function runRegistrationCeremony(_optionsJSON: unknown): Promise<unknown> {
-  throw new Error(WEBAUTHN_WEB_ONLY_MESSAGE);
-}
-
-/** Not available off the web — throws. Guard with {@link isPasskeySupported} first. */
-export async function runAuthenticationCeremony(_optionsJSON: unknown): Promise<unknown> {
-  throw new Error(WEBAUTHN_WEB_ONLY_MESSAGE);
-}

package/src/webauthn/passkeyClient.web.ts

@@ -1,56 +0,0 @@
-/**
- * Passkey / WebAuthn ceremony client — WEB implementation.
- *
- * The browser half of the passkey flow: it drives `navigator.credentials`
- * through `@simplewebauthn/browser`, turning the OPAQUE options the server
- * emitted (`OxyServices.webauthn{Register,Login}Options`) into the opaque
- * response the matching `verify` endpoint consumes. Oxy never owns those wire
- * shapes — `@simplewebauthn/browser` does — so options flow in as `unknown` and
- * the single cast at this boundary hands them to the library's own types.
- *
- * This file is selected ONLY on web (react-native-web / Vite RNW): the sibling
- * `passkeyClient.native.ts` + the clean default `passkeyClient.ts` deliberately
- * do NOT import `@simplewebauthn/browser` (a browser-only dependency), per the
- * platform-split rule. Native passkeys are Commons' job — there is no WebAuthn
- * ceremony off the web.
- */
-
-import {
-  startRegistration,
-  startAuthentication,
-  type PublicKeyCredentialCreationOptionsJSON,
-  type PublicKeyCredentialRequestOptionsJSON,
-  type RegistrationResponseJSON,
-  type AuthenticationResponseJSON,
-} from '@simplewebauthn/browser';
-
-/**
- * True iff this browser can run a WebAuthn ceremony (exposes the
- * `PublicKeyCredential` global). Gate all passkey UI/entrypoints on this so an
- * unsupported browser fails loudly rather than throwing mid-ceremony.
- */
-export function isPasskeySupported(): boolean {
-  return typeof window !== 'undefined' && typeof window.PublicKeyCredential !== 'undefined';
-}
-
-/**
- * Run the WebAuthn REGISTRATION ceremony (`navigator.credentials.create`) from
- * the server's opaque creation options, returning the opaque attestation
- * response for `OxyServices.webauthnRegisterVerify`.
- */
-export async function runRegistrationCeremony(
-  optionsJSON: unknown,
-): Promise<RegistrationResponseJSON> {
-  return startRegistration({ optionsJSON: optionsJSON as PublicKeyCredentialCreationOptionsJSON });
-}
-
-/**
- * Run the WebAuthn AUTHENTICATION ceremony (`navigator.credentials.get`) from
- * the server's opaque request options, returning the opaque assertion response
- * for `OxyServices.webauthnLoginVerify`.
- */
-export async function runAuthenticationCeremony(
-  optionsJSON: unknown,
-): Promise<AuthenticationResponseJSON> {
-  return startAuthentication({ optionsJSON: optionsJSON as PublicKeyCredentialRequestOptionsJSON });
-}