@yargram/react 1.0.0

package/dist/components/LogWindow/NetworkEntryRow.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Globe, Database, ChevronRight, ChevronDown } from 'lucide-react';
+import './LogWindow.css';
+function getStatusColor(status) {
+    if (status == null)
+        return 'var(--logw-text-muted)';
+    if (status >= 200 && status < 300)
+        return '#4ec9b0';
+    if (status >= 400)
+        return '#f14c4c';
+    return 'var(--logw-text-muted)';
+}
+export function NetworkEntryRow({ entry }) {
+    const [expanded, setExpanded] = useState(false);
+    const statusColor = getStatusColor(entry.status);
+    const statusText = entry.statusText ?? (entry.status != null ? String(entry.status) : '—');
+    const hasDetails = Boolean(entry.request ?? entry.response);
+    const handleToggle = () => {
+        if (hasDetails)
+            setExpanded((e) => !e);
+    };
+    const header = (_jsxs("div", { className: `logWindowNetworkEntry ${hasDetails ? 'logWindowNetworkEntryClickable' : ''}`, onClick: hasDetails ? handleToggle : undefined, onKeyDown: hasDetails
+            ? (e) => {
+                if (e.key === 'Enter' || e.key === ' ') {
+                    e.preventDefault();
+                    handleToggle();
+                }
+            }
+            : undefined, role: hasDetails ? 'button' : undefined, tabIndex: hasDetails ? 0 : undefined, "aria-expanded": hasDetails ? expanded : undefined, children: [_jsx("span", { className: "logWindowNetworkEntryChevron", children: hasDetails ? (expanded ? (_jsx(ChevronDown, { size: 14, "aria-hidden": true })) : (_jsx(ChevronRight, { size: 14, "aria-hidden": true }))) : null }), _jsx("span", { className: `logWindowNetworkEntryIcon ${entry.type === 'graphql' ? 'logWindowNetworkEntryIconGraphql' : ''}`, title: entry.type === 'rest' ? 'REST' : 'GraphQL', children: entry.type === 'rest' ? _jsx(Globe, { size: 12 }) : _jsx(Database, { size: 12 }) }), entry.type === 'rest' ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "logWindowNetworkEntryMethod", children: entry.method }), _jsx("span", { className: "logWindowNetworkEntryUrl", children: entry.url })] })) : (_jsx("span", { className: "logWindowNetworkEntryOperation", children: entry.operationName ?? '(anonymous)' })), _jsx("span", { className: "logWindowNetworkEntryStatus", style: { color: statusColor }, children: statusText })] }));
+    return (_jsxs("div", { className: "logWindowNetworkEntryAccordion", children: [header, hasDetails && (entry.request != null || entry.response != null) && (_jsx("div", { className: `logWindowNetworkEntryDetailsWrapper ${expanded ? 'logWindowNetworkEntryDetailsWrapperExpanded' : ''}`, "aria-hidden": !expanded, children: _jsxs("div", { className: "logWindowNetworkEntryDetails", children: [entry.request != null && (_jsxs("div", { className: "logWindowNetworkEntryDetailSection", children: [_jsx("div", { className: "logWindowNetworkEntryDetailLabel", children: "Request" }), _jsx("pre", { className: "logWindowNetworkEntryDetailContent", children: entry.request })] })), entry.response != null && (_jsxs("div", { className: "logWindowNetworkEntryDetailSection", children: [_jsx("div", { className: "logWindowNetworkEntryDetailLabel", children: "Response" }), _jsx("pre", { className: "logWindowNetworkEntryDetailContent", children: entry.response })] }))] }) }))] }));
+}

package/dist/components/LogWindow/index.d.ts

@@ -0,0 +1,7 @@
+export { LogWindow } from './LogWindow';
+export { LogWindowEscapeDemo } from './LogWindowEscapeDemo';
+export type { LogWindowProps } from './LogWindow';
+export { LogEntryRow } from './LogEntryRow';
+export { NetworkEntryRow } from './NetworkEntryRow';
+export type { LogEntry, LogLevel, LogWindowTab, NetworkEntry, NetworkEntryRest, NetworkEntryGraphql, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/LogWindow/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LogWindow/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EACV,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,SAAS,CAAC"}

package/dist/components/LogWindow/index.js

@@ -0,0 +1,4 @@
+export { LogWindow } from './LogWindow';
+export { LogWindowEscapeDemo } from './LogWindowEscapeDemo';
+export { LogEntryRow } from './LogEntryRow';
+export { NetworkEntryRow } from './NetworkEntryRow';

package/dist/components/LogWindow/types.d.ts

@@ -0,0 +1,36 @@
+export type LogLevel = 'info' | 'warn' | 'error';
+export type LogEntry = {
+    id: string;
+    level: LogLevel;
+    message: string;
+    source: string;
+};
+export type LogWindowTab = 'logs' | 'networks';
+/** REST API のネットワークエントリ */
+export type NetworkEntryRest = {
+    id: string;
+    type: 'rest';
+    method: string;
+    url: string;
+    status?: number;
+    statusText?: string;
+    /** アコーディオン展開時の Request 表示用 */
+    request?: string;
+    /** アコーディオン展開時の Response 表示用 */
+    response?: string;
+};
+/** GraphQL のネットワークエントリ */
+export type NetworkEntryGraphql = {
+    id: string;
+    type: 'graphql';
+    operationName?: string;
+    url: string;
+    status?: number;
+    statusText?: string;
+    /** アコーディオン展開時の Request 表示用 */
+    request?: string;
+    /** アコーディオン展開時の Response 表示用 */
+    response?: string;
+};
+export type NetworkEntry = NetworkEntryRest | NetworkEntryGraphql;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/LogWindow/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/LogWindow/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAEjD,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,QAAQ,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,UAAU,CAAC;AAE/C,2BAA2B;AAC3B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,0BAA0B;AAC1B,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,SAAS,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,gBAAgB,GAAG,mBAAmB,CAAC"}

package/dist/components/LogWindow/types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/LoginWindow/LoginForm.d.ts

@@ -0,0 +1,11 @@
+import './LoginWindow.css';
+export type LoginFormProps = {
+    onLogin: (password: string) => Promise<void>;
+    title?: string;
+    submitLabel?: string;
+    errorMessage?: string;
+    onClearError?: () => void;
+};
+/** ログイン用フォーム（LogWindow 内などに埋め込む用。オーバーレイなし） */
+export declare function LoginForm({ onLogin, title, submitLabel, errorMessage, onClearError, }: LoginFormProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LoginForm.d.ts.map

package/dist/components/LoginWindow/LoginForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginForm.d.ts","sourceRoot":"","sources":["../../../src/components/LoginWindow/LoginForm.tsx"],"names":[],"mappings":"AAEA,OAAO,mBAAmB,CAAC;AAE3B,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,8CAA8C;AAC9C,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,KAAe,EACf,WAAsB,EACtB,YAAY,EACZ,YAAY,GACb,EAAE,cAAc,2CA0DhB"}

package/dist/components/LoginWindow/LoginForm.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from 'react';
+import { Lock, LogIn } from 'lucide-react';
+import './LoginWindow.css';
+/** ログイン用フォーム（LogWindow 内などに埋め込む用。オーバーレイなし） */
+export function LoginForm({ onLogin, title = 'Login', submitLabel = 'Log in', errorMessage, onClearError, }) {
+    const [password, setPassword] = useState('');
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const handleSubmit = useCallback((e) => {
+        e.preventDefault();
+        onClearError?.();
+        if (!password)
+            return;
+        setIsSubmitting(true);
+        onLogin(password)
+            .then(() => {
+            setPassword('');
+        })
+            .catch(() => { })
+            .finally(() => {
+            setIsSubmitting(false);
+        });
+    }, [onLogin, password, onClearError]);
+    return (_jsxs("div", { className: "loginFormWrap", children: [title && (_jsxs("div", { className: "loginFormHeader", children: [_jsx(Lock, { size: 18, className: "loginFormHeaderIcon", "aria-hidden": true }), _jsx("h3", { className: "loginFormTitle", children: title })] })), _jsxs("form", { onSubmit: handleSubmit, className: "loginWindowForm", children: [_jsxs("label", { className: "loginWindowLabel", children: [_jsx(Lock, { size: 16, className: "loginWindowLabelIcon", "aria-hidden": true }), _jsx("span", { children: "Password" }), _jsx("input", { type: "password", className: "loginWindowInput", value: password, onChange: (e) => {
+                                    setPassword(e.target.value);
+                                    onClearError?.();
+                                }, autoComplete: "current-password", placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022", disabled: isSubmitting })] }), _jsxs("button", { type: "submit", className: "loginWindowSubmit", disabled: isSubmitting || !password, children: [_jsx(LogIn, { size: 16, "aria-hidden": true }), isSubmitting ? '...' : submitLabel] })] })] }));
+}

package/dist/components/LoginWindow/LoginForm.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=LoginForm.test.d.ts.map

package/dist/components/LoginWindow/LoginForm.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginForm.test.d.ts","sourceRoot":"","sources":["../../../src/components/LoginWindow/LoginForm.test.tsx"],"names":[],"mappings":""}

package/dist/components/LoginWindow/LoginForm.test.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, it, expect, vi } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { LoginForm } from './LoginForm';
+describe('LoginForm', () => {
+    it('renders password input and submit button', () => {
+        const onLogin = vi.fn();
+        render(_jsx(LoginForm, { onLogin: onLogin }));
+        expect(screen.getByPlaceholderText('••••••••')).toBeInTheDocument();
+        expect(screen.getByRole('button', { name: /log in/i })).toBeInTheDocument();
+    });
+    it('submit button is disabled when password is empty', () => {
+        const onLogin = vi.fn();
+        render(_jsx(LoginForm, { onLogin: onLogin }));
+        expect(screen.getByRole('button', { name: /log in/i })).toBeDisabled();
+    });
+    it('calls onLogin with password on submit', async () => {
+        const user = userEvent.setup();
+        const onLogin = vi.fn().mockResolvedValue(undefined);
+        render(_jsx(LoginForm, { onLogin: onLogin }));
+        await user.type(screen.getByPlaceholderText('••••••••'), 'secret');
+        await user.click(screen.getByRole('button', { name: /log in/i }));
+        expect(onLogin).toHaveBeenCalledWith('secret');
+    });
+    it('shows custom title when provided', () => {
+        render(_jsx(LoginForm, { onLogin: vi.fn(), title: "Sign in" }));
+        expect(screen.getByText('Sign in')).toBeInTheDocument();
+    });
+    it('shows custom submit label when provided', () => {
+        render(_jsx(LoginForm, { onLogin: vi.fn(), submitLabel: "Submit" }));
+        expect(screen.getByRole('button', { name: /submit/i })).toBeInTheDocument();
+    });
+});

package/dist/components/LoginWindow/LoginWindow.d.ts

@@ -0,0 +1,15 @@
+import './LoginWindow.css';
+export type LoginWindowProps = {
+    /** ログイン送信。成功で resolve、失敗で reject（メッセージは errorMessage で表示） */
+    onLogin: (password: string) => Promise<void>;
+    /** ウィンドウタイトル */
+    title?: string;
+    /** 送信ボタンラベル */
+    submitLabel?: string;
+    /** エラー表示用（onLogin が reject したとき） */
+    errorMessage?: string;
+    /** エラーをクリアする（入力変更時などに親から渡す） */
+    onClearError?: () => void;
+};
+export declare function LoginWindow({ onLogin, title, submitLabel, errorMessage, onClearError, }: LoginWindowProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LoginWindow.d.ts.map

package/dist/components/LoginWindow/LoginWindow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginWindow.d.ts","sourceRoot":"","sources":["../../../src/components/LoginWindow/LoginWindow.tsx"],"names":[],"mappings":"AAEA,OAAO,mBAAmB,CAAC;AAE3B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,6DAA6D;IAC7D,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7C,gBAAgB;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oCAAoC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,KAAe,EACf,WAAsB,EACtB,YAAY,EACZ,YAAY,GACb,EAAE,gBAAgB,2CAkElB"}

package/dist/components/LoginWindow/LoginWindow.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from 'react';
+import { Lock, LogIn } from 'lucide-react';
+import './LoginWindow.css';
+export function LoginWindow({ onLogin, title = 'Login', submitLabel = 'Log in', errorMessage, onClearError, }) {
+    const [password, setPassword] = useState('');
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const handleSubmit = useCallback((e) => {
+        e.preventDefault();
+        onClearError?.();
+        if (!password)
+            return;
+        setIsSubmitting(true);
+        onLogin(password)
+            .then(() => {
+            setPassword('');
+        })
+            .catch(() => { })
+            .finally(() => {
+            setIsSubmitting(false);
+        });
+    }, [onLogin, password, onClearError]);
+    return (_jsx("div", { className: "loginWindowOverlay", role: "dialog", "aria-modal": "true", "aria-labelledby": "loginWindowTitle", children: _jsxs("div", { className: "loginWindow", children: [_jsxs("div", { className: "loginWindowHeader", children: [_jsx(Lock, { size: 20, className: "loginWindowHeaderIcon", "aria-hidden": true }), _jsx("h2", { id: "loginWindowTitle", className: "loginWindowTitle", children: title })] }), _jsxs("form", { onSubmit: handleSubmit, className: "loginWindowForm", children: [errorMessage && (_jsx("div", { className: "loginWindowError", role: "alert", children: errorMessage })), _jsxs("label", { className: "loginWindowLabel", children: [_jsx(Lock, { size: 16, className: "loginWindowLabelIcon", "aria-hidden": true }), _jsx("span", { children: "Password" }), _jsx("input", { type: "password", className: "loginWindowInput", value: password, onChange: (e) => {
+                                        setPassword(e.target.value);
+                                        onClearError?.();
+                                    }, autoComplete: "current-password", placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022", disabled: isSubmitting, autoFocus: true })] }), _jsxs("button", { type: "submit", className: "loginWindowSubmit", disabled: isSubmitting || !password, children: [_jsx(LogIn, { size: 16, "aria-hidden": true }), isSubmitting ? '...' : submitLabel] })] })] }) }));
+}

package/dist/components/LoginWindow/index.d.ts

@@ -0,0 +1,3 @@
+export { LoginWindow } from './LoginWindow';
+export type { LoginWindowProps } from './LoginWindow';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/LoginWindow/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LoginWindow/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/LoginWindow/index.js

@@ -0,0 +1 @@
+export { LoginWindow } from './LoginWindow';

package/dist/contexts/ApiContext.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import { type ApolloClient as ApolloClientType, type NormalizedCacheObject, type QueryOptions, type MutationOptions, type ApolloQueryResult, type FetchResult } from '@apollo/client';
+export type ApiContextValue = RestApiContextValue | GraphqlApiContextValue;
+/** REST: useApi().get / .post / .put / .delete で LogWindow Network に反映 */
+export type RestApiContextValue = {
+    provider: 'rest';
+    get: (path: string, options?: RequestInit) => Promise<Response>;
+    post: (path: string, body?: BodyInit | Record<string, unknown>, options?: RequestInit) => Promise<Response>;
+    put: (path: string, body?: BodyInit | Record<string, unknown>, options?: RequestInit) => Promise<Response>;
+    delete: (path: string, options?: RequestInit) => Promise<Response>;
+};
+/** GraphQL: useApi().ransack (QUERY) / .handing (MUTATION) で LogWindow Network に反映 */
+export type GraphqlApiContextValue = {
+    provider: 'graphql';
+    /** QUERY（戻り値は ApolloQueryResult、必要なら as でキャスト） */
+    ransack: <TData = unknown, TVariables = unknown>(options: QueryOptions<TVariables, TData>) => Promise<ApolloQueryResult<unknown>>;
+    /** MUTATION（戻り値は FetchResult、必要なら as でキャスト） */
+    handing: <TData = unknown, TVariables = unknown>(options: MutationOptions<TData, TVariables>) => Promise<FetchResult<unknown>>;
+};
+export declare const ApiContext: React.Context<ApiContextValue | null>;
+export type ApiProviderMode = 'rest' | 'graphql';
+type ApiProviderProps = {
+    provider: 'rest';
+    children: React.ReactNode;
+    baseUrl?: string;
+} | {
+    provider: 'graphql';
+    children: React.ReactNode;
+    uri?: string;
+    client?: ApolloClientType<NormalizedCacheObject>;
+};
+export declare function ApiProvider(props: ApiProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useApi(): ApiContextValue;
+export {};
+//# sourceMappingURL=ApiContext.d.ts.map

package/dist/contexts/ApiContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiContext.d.ts","sourceRoot":"","sources":["../../src/contexts/ApiContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,EAIL,KAAK,YAAY,IAAI,gBAAgB,EACrC,KAAK,qBAAqB,EAC1B,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,KAAK,iBAAiB,EACtB,KAAK,WAAW,EAEjB,MAAM,gBAAgB,CAAC;AAExB,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG,sBAAsB,CAAC;AAE3E,0EAA0E;AAC1E,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC;IAChE,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC;IAC5G,GAAG,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC;IAC3G,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC;CACpE,CAAC;AAEF,sFAAsF;AACtF,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB,kDAAkD;IAClD,OAAO,EAAE,CAAC,KAAK,GAAG,OAAO,EAAE,UAAU,GAAG,OAAO,EAC7C,OAAO,EAAE,YAAY,CAAC,UAAU,EAAE,KAAK,CAAC,KACrC,OAAO,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC;IACzC,+CAA+C;IAC/C,OAAO,EAAE,CAAC,KAAK,GAAG,OAAO,EAAE,UAAU,GAAG,OAAO,EAC7C,OAAO,EAAE,eAAe,CAAC,KAAK,EAAE,UAAU,CAAC,KACxC,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,UAAU,uCAA8C,CAAC;AAEtE,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,SAAS,CAAC;AAEjD,KAAK,gBAAgB,GACjB;IACE,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,GACD;IACE,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,gBAAgB,CAAC,qBAAqB,CAAC,CAAC;CAClD,CAAC;AAiBN,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CA4ElD;AAED,wBAAgB,MAAM,IAAI,eAAe,CAMxC"}

package/dist/contexts/ApiContext.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { createContext, useContext, useMemo } from 'react';
+import { ApolloClient, ApolloProvider, InMemoryCache, } from '@apollo/client';
+export const ApiContext = createContext(null);
+function createApolloClient(uri) {
+    return new ApolloClient({
+        uri,
+        cache: new InMemoryCache(),
+    });
+}
+function resolveBody(body) {
+    if (body == null)
+        return undefined;
+    if (typeof body === 'string' || body instanceof ArrayBuffer || ArrayBuffer.isView(body) || body instanceof FormData || body instanceof URLSearchParams) {
+        return body;
+    }
+    return JSON.stringify(body);
+}
+export function ApiProvider(props) {
+    const { children } = props;
+    const isGraphql = props.provider === 'graphql';
+    const graphqlUri = props.provider === 'graphql' ? props.uri : undefined;
+    const graphqlClientProp = props.provider === 'graphql' ? props.client : undefined;
+    const graphqlClient = useMemo(() => {
+        if (!isGraphql)
+            return null;
+        if (graphqlClientProp)
+            return graphqlClientProp;
+        const endpoint = graphqlUri ?? (typeof process !== 'undefined' ? process.env?.GRAPHQL_URI : '');
+        if (!endpoint) {
+            throw new Error('ApiProvider(provider="graphql") requires either "uri" prop or GRAPHQL_URI environment variable');
+        }
+        return createApolloClient(endpoint);
+    }, [isGraphql, graphqlUri, graphqlClientProp]);
+    const baseUrl = props.provider === 'rest' ? props.baseUrl : undefined;
+    const endpoint = baseUrl ?? (typeof process !== 'undefined' ? process.env?.ENDPOINT_URL : '') ?? '';
+    const restValue = useMemo(() => {
+        if (isGraphql)
+            return null;
+        const url = (path) => `${endpoint}${path}`;
+        return {
+            provider: 'rest',
+            get: (path, options) => fetch(url(path), { ...options, method: 'GET' }),
+            post: (path, body, options) => fetch(url(path), {
+                ...options,
+                method: 'POST',
+                body: resolveBody(body),
+                headers: body != null && typeof body === 'object' && !(body instanceof FormData) && !(body instanceof URLSearchParams)
+                    ? { 'Content-Type': 'application/json', ...options?.headers }
+                    : options?.headers,
+            }),
+            put: (path, body, options) => fetch(url(path), {
+                ...options,
+                method: 'PUT',
+                body: resolveBody(body),
+                headers: body != null && typeof body === 'object' && !(body instanceof FormData) && !(body instanceof URLSearchParams)
+                    ? { 'Content-Type': 'application/json', ...options?.headers }
+                    : options?.headers,
+            }),
+            delete: (path, options) => fetch(url(path), { ...options, method: 'DELETE' }),
+        };
+    }, [isGraphql, endpoint]);
+    if (isGraphql && graphqlClient) {
+        const graphqlValue = useMemo(() => ({
+            provider: 'graphql',
+            ransack: (options) => graphqlClient.query(options),
+            handing: (options) => graphqlClient.mutate(options),
+        }), [graphqlClient]);
+        return (_jsx(ApolloProvider, { client: graphqlClient, children: _jsx(ApiContext.Provider, { value: graphqlValue, children: children }) }));
+    }
+    if (restValue) {
+        return _jsx(ApiContext.Provider, { value: restValue, children: children });
+    }
+    return _jsx(_Fragment, { children: children });
+}
+export function useApi() {
+    const ctx = useContext(ApiContext);
+    if (!ctx) {
+        throw new Error('useApi must be used within ApiProvider or YargramProvider');
+    }
+    return ctx;
+}

package/dist/contexts/ApiContext.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ApiContext.test.d.ts.map

package/dist/contexts/ApiContext.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiContext.test.d.ts","sourceRoot":"","sources":["../../src/contexts/ApiContext.test.tsx"],"names":[],"mappings":""}

package/dist/contexts/ApiContext.test.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { ApiProvider, useApi } from './ApiContext';
+function Consumer() {
+    const api = useApi();
+    const [result, setResult] = React.useState('');
+    const callGet = () => {
+        api.get('/test').then((r) => setResult(`${r.status}`)).catch(() => setResult('error'));
+    };
+    return (_jsxs("div", { children: [_jsx("span", { "data-testid": "provider", children: api.provider }), _jsx("button", { type: "button", onClick: callGet, children: "GET" }), _jsx("span", { "data-testid": "result", children: result })] }));
+}
+describe('ApiProvider (REST)', () => {
+    beforeEach(() => {
+        vi.stubGlobal('fetch', vi.fn().mockResolvedValue({
+            ok: true,
+            status: 200,
+            statusText: 'OK',
+            clone: () => ({ text: () => Promise.resolve('{}') }),
+        }));
+    });
+    it('provides REST api and useApi returns provider rest', () => {
+        render(_jsx(ApiProvider, { provider: "rest", baseUrl: "https://api.example.com", children: _jsx(Consumer, {}) }));
+        expect(screen.getByTestId('provider')).toHaveTextContent('rest');
+    });
+    it('get() calls fetch with correct url', async () => {
+        const user = userEvent.setup();
+        const fetchMock = vi.fn().mockResolvedValue({
+            ok: true,
+            status: 200,
+            statusText: 'OK',
+            clone: () => ({ text: () => Promise.resolve('[]') }),
+        });
+        vi.stubGlobal('fetch', fetchMock);
+        render(_jsx(ApiProvider, { provider: "rest", baseUrl: "https://api.example.com", children: _jsx(Consumer, {}) }));
+        await user.click(screen.getByRole('button', { name: /get/i }));
+        expect(fetchMock).toHaveBeenCalledWith('https://api.example.com/test', expect.objectContaining({ method: 'GET' }));
+        expect(screen.getByTestId('result')).toHaveTextContent('200');
+    });
+    it('useApi throws when used outside provider', () => {
+        expect(() => render(_jsx(Consumer, {}))).toThrow('useApi must be used within ApiProvider');
+    });
+});

package/dist/contexts/PrinterContext.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { createPrinter, type Env } from '@yargram/core';
+export type Printer = ReturnType<typeof createPrinter>;
+export type PrinterProviderProps = {
+    children: React.ReactNode;
+    env?: Env;
+    /** 指定時は createPrinter(env) の代わりにこの printer を利用（YargramProvider で addLogEntry 連携用） */
+    printer?: Printer;
+};
+export declare function PrinterProvider({ children, env, printer: printerProp }: PrinterProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function usePrinter(): Printer;
+//# sourceMappingURL=PrinterContext.d.ts.map

package/dist/contexts/PrinterContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrinterContext.d.ts","sourceRoot":"","sources":["../../src/contexts/PrinterContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,KAAK,GAAG,EAAE,MAAM,eAAe,CAAC;AAExD,MAAM,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AAQvD,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,qFAAqF;IACrF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,GAAa,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,oBAAoB,2CAQtG;AAED,wBAAgB,UAAU,IAAI,OAAO,CAMpC"}

package/dist/contexts/PrinterContext.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo } from 'react';
+import { createPrinter } from '@yargram/core';
+const PrinterContext = createContext(null);
+export function PrinterProvider({ children, env = 'local', printer: printerProp }) {
+    const defaultPrinter = useMemo(() => createPrinter(env), [env]);
+    const printer = printerProp ?? defaultPrinter;
+    const value = useMemo(() => ({ printer }), [printer]);
+    return (_jsx(PrinterContext.Provider, { value: value, children: children }));
+}
+export function usePrinter() {
+    const ctx = useContext(PrinterContext);
+    if (!ctx) {
+        throw new Error('usePrinter must be used within PrinterProvider');
+    }
+    return ctx.printer;
+}

package/dist/contexts/PrinterContext.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=PrinterContext.test.d.ts.map

package/dist/contexts/PrinterContext.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrinterContext.test.d.ts","sourceRoot":"","sources":["../../src/contexts/PrinterContext.test.tsx"],"names":[],"mappings":""}

package/dist/contexts/PrinterContext.test.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { describe, it, expect } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import { PrinterProvider, usePrinter } from './PrinterContext';
+function Consumer() {
+    const printer = usePrinter();
+    return (_jsxs("div", { children: [_jsx("button", { type: "button", onClick: () => printer.info('info message'), children: "Info" }), _jsx("button", { type: "button", onClick: () => printer.warn('warn message'), children: "Warn" }), _jsx("button", { type: "button", onClick: () => printer.error('error message'), children: "Error" })] }));
+}
+describe('PrinterProvider', () => {
+    it('renders children', () => {
+        render(_jsx(PrinterProvider, { children: _jsx(Consumer, {}) }));
+        expect(screen.getByRole('button', { name: /info/i })).toBeInTheDocument();
+        expect(screen.getByRole('button', { name: /warn/i })).toBeInTheDocument();
+        expect(screen.getByRole('button', { name: /error/i })).toBeInTheDocument();
+    });
+    it('usePrinter throws when used outside provider', () => {
+        expect(() => render(_jsx(Consumer, {}))).toThrow('usePrinter must be used within PrinterProvider');
+    });
+});

package/dist/contexts/YahmanContext.d.ts

@@ -0,0 +1,69 @@
+import React from 'react';
+import { ApolloClient } from '@apollo/client';
+import type { LogEntry, NetworkEntry } from '../components/LogWindow/types';
+import type { Env } from '@yahman/core';
+import type { NormalizedCacheObject } from '@apollo/client';
+import '../components/LogWindow/LogWindow.css';
+/** Api 設定（ApiProvider の props から children を除いたもの） */
+type YahmanApiConfig = {
+    provider: 'rest';
+    baseUrl?: string;
+} | {
+    provider: 'graphql';
+    uri?: string;
+    client?: ApolloClient<NormalizedCacheObject>;
+};
+/** Printer 設定 */
+type YahmanPrinterConfig = {
+    env?: Env;
+};
+/** LogWindow 設定（Escape 5 回で表示） */
+type YahmanLogWindowConfig = Record<string, never>;
+/** 認証設定。本番のみログインを要求する場合は true、カスタム時はオブジェクト */
+type YahmanAuthConfig = true | {
+    /** 本番時のみ認証（デフォルト true） */
+    productionOnly?: boolean;
+    /** Storybook 時のみ本番として扱う（ログイン要求する） */
+    storybookSimulateProduction?: boolean;
+    /** カスタム認証（指定時は onLogin で検証。未指定時は passwordHash または env でハッシュ比較） */
+    onLogin?: (password: string) => Promise<void>;
+    /** ログインウィンドウのタイトル */
+    loginTitle?: string;
+    /**
+     * ログイン用パスワードの SHA-256 ハッシュ（hex）。指定時は env より優先。
+     * 未指定時は YAHMAN_LOGIN_PASSWORD_HASH / VITE_YAHMAN_LOGIN_PASSWORD_HASH、それも無ければデフォルト（12345678 のハッシュ）。
+     */
+    passwordHash?: string;
+    /**
+     * ログイン後のトークン有効期限（ミリ秒）。未指定時は 7 日。
+     */
+    tokenTtlMs?: number;
+};
+type YahmanContextValue = {
+    addLogEntry: (entry: Omit<LogEntry, 'id'> | LogEntry) => void;
+    addNetworkEntry: (entry: Omit<NetworkEntry, 'id'> | NetworkEntry) => void;
+    openLogWindow: () => void;
+    closeLogWindow: () => void;
+    logEntries: LogEntry[];
+    networkEntries: NetworkEntry[];
+    isLogWindowOpen: boolean;
+};
+export type YahmanProviderProps = {
+    children: React.ReactNode;
+    /** Api 設定（REST または GraphQL） */
+    api: YahmanApiConfig;
+    /** Printer 設定 */
+    printer?: YahmanPrinterConfig;
+    /** LogWindow を Escape で出せるようにする設定。省略時は LogWindow 機能なし */
+    logWindow?: YahmanLogWindowConfig;
+    /**
+     * 認証を有効にする。true のとき本番（NODE_ENV=production/staging）のみログインウィンドウを表示。
+     * オブジェクトで productionOnly / onLogin / loginTitle / passwordHash を指定可能。
+     * パスワードハッシュは auth.passwordHash → env（YAHMAN_LOGIN_PASSWORD_HASH 等）→ デフォルト（12345678 の SHA-256）の順で解決される。
+     */
+    auth?: YahmanAuthConfig;
+};
+export declare function YahmanProvider({ children, api, printer, logWindow, auth, }: YahmanProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useYahman(): YahmanContextValue;
+export {};
+//# sourceMappingURL=YahmanContext.d.ts.map

package/dist/contexts/YahmanContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"YahmanContext.d.ts","sourceRoot":"","sources":["../../src/contexts/YahmanContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KASN,MAAM,OAAO,CAAC;AAGf,OAAO,EACL,YAAY,EAGb,MAAM,gBAAgB,CAAC;AAOxB,OAAO,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,KAAK,EAEV,qBAAqB,EAItB,MAAM,gBAAgB,CAAC;AACxB,OAAO,uCAAuC,CAAC;AAiI/C,qDAAqD;AACrD,KAAK,eAAe,GAChB;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,GACtC;IACE,QAAQ,EAAE,SAAS,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,YAAY,CAAC,qBAAqB,CAAC,CAAC;CAC9C,CAAC;AAEN,iBAAiB;AACjB,KAAK,mBAAmB,GAAG;IACzB,GAAG,CAAC,EAAE,GAAG,CAAC;CACX,CAAC;AAEF,kCAAkC;AAClC,KAAK,qBAAqB,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAEnD,8CAA8C;AAC9C,KAAK,gBAAgB,GACjB,IAAI,GACJ;IACE,0BAA0B;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qCAAqC;IACrC,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,kEAAkE;IAClE,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9C,qBAAqB;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEN,KAAK,kBAAkB,GAAG;IACxB,WAAW,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,GAAG,QAAQ,KAAK,IAAI,CAAC;IAC9D,eAAe,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,GAAG,YAAY,KAAK,IAAI,CAAC;IAC1E,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,UAAU,EAAE,QAAQ,EAAE,CAAC;IACvB,cAAc,EAAE,YAAY,EAAE,CAAC;IAC/B,eAAe,EAAE,OAAO,CAAC;CAC1B,CAAC;AAIF,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,+BAA+B;IAC/B,GAAG,EAAE,eAAe,CAAC;IACrB,iBAAiB;IACjB,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,yDAAyD;IACzD,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAClC;;;;OAIG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACzB,CAAC;AAkEF,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,GAAG,EACH,OAAY,EACZ,SAAS,EACT,IAAI,GACL,EAAE,mBAAmB,2CAgXrB;AAED,wBAAgB,SAAS,IAAI,kBAAkB,CAM9C"}