useyuva 0.0.6 → 0.0.8

package/dist/types/docs/thread.d.ts

@@ -0,0 +1,71 @@
+import type { Discussion, DiscussionAuthor, DiscussionDetail, DiscussionPost } from "../client/api.js";
+import type { YuvaClient } from "../client/client.js";
+import type { ReaderSession } from "../client/reader.js";
+export type View = {
+    kind: "list";
+} | {
+    kind: "thread";
+    id: string;
+} | {
+    kind: "new";
+};
+export type Writer = "reader" | "contact" | null;
+type Badge = "answered" | "pending" | "team" | "locked";
+export interface DiscussionDetailEvent {
+    page: string;
+    discussion_id: string;
+    state: Discussion["state"];
+}
+export interface DiscussionPostDetail {
+    page: string;
+    discussion_id: string;
+    post_id: string;
+    state: DiscussionPost["state"];
+}
+export interface DiscussionsState {
+    view: View;
+    items: Discussion[];
+    thread: DiscussionDetail | null;
+    threadState: "loading" | "ready" | "missing" | "error";
+    writer: Writer;
+    reader: ReaderSession | null;
+    busy: Set<string>;
+    notice: string;
+    error: string;
+    confirm: string;
+    focus: string;
+}
+export interface ThreadHost {
+    s: DiscussionsState;
+    readonly root: ParentNode;
+    locale(): string;
+    direction(): "ltr" | "rtl";
+    page(): string;
+    pageTitle(): string;
+    mode(): string;
+    readonly icons: Record<"up" | "lock" | "clock", string>;
+    client(): YuvaClient;
+    render(): void;
+    emit(type: string, detail: unknown): void;
+    act<T>(key: string, action: () => Promise<T>): Promise<T | undefined>;
+    signIn(): Promise<void>;
+    open(id: string, focus: boolean): Promise<void>;
+    toList(): void;
+    forget(): void;
+    button(className: string, text: string, key: string, onClick: () => void, html?: string): HTMLButtonElement;
+    avatar(author: DiscussionAuthor, small?: boolean): HTMLElement;
+    badge(kind: Badge, short?: boolean): HTMLElement;
+    time(value: string): HTMLTimeElement;
+    authorName(author: DiscussionAuthor): string;
+    noticeBox(text: string, icon?: string): HTMLElement;
+}
+export interface Thread {
+    threadView(): Node[];
+    newView(): Node[];
+    syncSend(): void;
+    close(): void;
+    reset(): void;
+}
+export declare const styles = "\n.thread { display: flex; flex-direction: column; gap: 12px; }\n.thread-head { display: flex; flex-direction: column; gap: 8px; }\n.post { display: flex; gap: 12px; padding: 14px; border: 1px solid var(--yuva-border); border-radius: 12px; }\n.post.accepted { border-color: var(--yuva-success); box-shadow: inset 0 0 0 1px var(--yuva-success); }\n.post.pending { border-style: dashed; }\n.side { display: flex; flex-direction: column; align-items: center; gap: 6px; }\n.vote {\n  display: inline-flex; flex-direction: column; align-items: center; gap: 0; min-inline-size: 40px; padding: 4px 6px;\n  border: 1px solid var(--yuva-border); border-radius: 8px; background: none; cursor: pointer; font-size: 0.85em; font-weight: 600;\n}\n.vote:hover:not(:disabled) { border-color: var(--yuva-accent); }\n.vote[aria-pressed=\"true\"] { border-color: var(--yuva-accent); color: var(--yuva-accent); background: var(--yuva-soft); }\n.post-body { flex: 1; min-inline-size: 0; display: flex; flex-direction: column; gap: 8px; }\n.post-head { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: 0.88em; }\n.name { font-weight: 600; }\n.answer-label { display: flex; align-items: center; gap: 6px; color: var(--yuva-success); font-weight: 600; font-size: 0.85em; }\n.tools { display: flex; flex-wrap: wrap; gap: 4px 8px; align-items: center; }\n.children { display: flex; flex-direction: column; gap: 10px; margin-block-start: 4px; padding-inline-start: 14px; border-inline-start: 2px solid var(--yuva-border); }\n.children .post { padding: 10px 0; border: 0; box-shadow: none; }\n.children .post + .post { border-block-start: 1px solid var(--yuva-border); border-radius: 0; }\n.deleted { font-style: italic; opacity: 0.65; }\n.signin { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; padding: 14px; border: 1px solid var(--yuva-border); border-radius: 12px; }\n.composer { display: flex; flex-direction: column; border: 1px solid var(--yuva-border); border-radius: 12px; overflow: hidden; }\n.composer:focus-within { border-color: var(--yuva-accent); }\n.composer .ctabs { display: flex; gap: 4px; padding: 0 8px; border-block-end: 1px solid var(--yuva-border); }\n.composer .ctab { padding: 7px 10px; border: 0; border-block-end: 2px solid transparent; background: none; cursor: pointer; font-size: 0.88em; opacity: 0.75; margin-block-end: -1px; }\n.composer .ctab[aria-selected=\"true\"] { border-block-end-color: var(--yuva-accent); font-weight: 600; opacity: 1; }\n.composer .ctab:focus-visible { outline: 2px solid var(--yuva-accent); outline-offset: -2px; }\n.composer textarea, .composer .preview { border: 0; border-radius: 0; min-block-size: 110px; padding: 10px 12px; }\n.composer textarea:focus-visible { outline: none; }\n.composer .preview { overflow-wrap: anywhere; }\n.composer .foot { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: space-between; padding: 8px 10px; border-block-start: 1px solid var(--yuva-border); }\n.composer .hint { font-size: 0.8em; opacity: 0.7; }\n.composer .buttons { display: flex; gap: 8px; margin-inline-start: auto; }\n.field-title { font-size: 1.05em; font-weight: 600; }\n.form { display: flex; flex-direction: column; gap: 10px; }\n.md { overflow-wrap: anywhere; }\n.md > :first-child { margin-block-start: 0; }\n.md > :last-child { margin-block-end: 0; }\n.md p, .md ul, .md ol, .md pre, .md blockquote, .md table { margin: 0 0 0.75em; }\n.md h1, .md h2, .md h3, .md h4, .md h5, .md h6 { margin: 0.9em 0 0.4em; font-size: 1em; font-weight: 600; }\n.md h1, .md h3 { font-size: 1.1em; }\n.md ul, .md ol { padding-inline-start: 1.5em; }\n.md a { color: var(--yuva-accent); }\n.md code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.88em; padding: 1px 5px; border-radius: 5px; background: var(--yuva-soft); }\n.md pre { padding: 10px 12px; border-radius: 8px; background: var(--yuva-soft); overflow-x: auto; }\n.md pre code { padding: 0; background: none; }\n.md blockquote { padding-inline-start: 12px; border-inline-start: 3px solid var(--yuva-border); opacity: 0.85; }\n.md table { border-collapse: collapse; display: block; overflow-x: auto; }\n.md th, .md td { border: 1px solid var(--yuva-border); padding: 4px 8px; }\n.md img { max-inline-size: 100%; }\n.md hr { border: 0; border-block-start: 1px solid var(--yuva-border); }\n@media (max-width: 560px) {\n  .post { padding: 12px; gap: 10px; }\n}\n";
+export declare function createThread(host: ThreadHost): Thread;
+export {};

package/dist/types/docs.d.ts

@@ -0,0 +1,7 @@
+import { defineDocs } from "./docs/define.js";
+import { YuvaDiscussionsElement, type DiscussionDetailEvent, type DiscussionPostDetail } from "./docs/discussions.js";
+import { YuvaPageFeedbackElement, type PageFeedbackDetail, type PageRatingDetail } from "./docs/feedback.js";
+export { defineDocs, YuvaDiscussionsElement, YuvaPageFeedbackElement, type DiscussionDetailEvent, type DiscussionPostDetail, type PageFeedbackDetail, type PageRatingDetail, };
+export type { IdentityTokenSource } from "./client/client.js";
+export type { Discussion, DiscussionPost, PageRating, ReaderProfile } from "./client/api.js";
+export type { ReaderSession } from "./client/reader.js";

package/dist/types/element.d.ts

@@ -1,5 +1,4 @@
 import { type IdentityTokenSource, type ClientConversation, type Layout, type PanelModule, type Rating } from "./types.js";
-export declare function contrastOn(color: string): string;
 export declare class YuvaChatElement extends HTMLElement {
     #private;
     static observedAttributes: string[];

package/dist/types/i18n.d.ts

@@ -3,4 +3,4 @@ export declare const sourceLocale = "en";
 export declare function resolveLocale(...candidates: (string | null | undefined)[]): string;
 export declare function directionOf(locale: string): "ltr" | "rtl";
 export declare function catalogFor(locale: string): Messages;
-export declare function translatePlain(messages: Messages, descriptor: MessageDescriptor): string;
+export declare function translatePlain(messages: Messages, descriptor: MessageDescriptor, fallback?: Messages): string;

package/dist/types/index.d.ts

@@ -1,2 +1,3 @@
-export { createYuvaClient, YuvaClient, type ConnectionState, type ConversationInput, type IdentityTokenSource, type MessageInput, type Page, type StoredState, type YuvaClientEvents, type YuvaClientOptions, type YuvaStorage, } from "./client/client.js";
-export { ApiError, type Fetch, type ClientAttachment, type ClientContact, type ClientConversation, type ClientConversationCreated, type ClientConversationPage, type ClientInbox, type ClientMessage, type ClientMessagePage, type ClientPresence, type ClientReadState, type ClientRealtimeMessage, type ClientSession, type ClientSessionInfo, type Problem, } from "./client/api.js";
+export { createYuvaClient, YuvaClient, type ConnectionState, type ConversationInput, type DiscussionListOptions, type IdentityTokenSource, type MessageInput, type Page, type StoredState, type YuvaClientEvents, type YuvaClientOptions, type YuvaStorage, } from "./client/client.js";
+export { openReaderPopup, readerConnectUrl, type ReaderSession, type ReaderSignInOptions } from "./client/reader.js";
+export { ApiError, type Fetch, type ClientAttachment, type ClientChatSettings, type ClientContact, type ClientConversation, type ClientConversationCreated, type ClientConversationPage, type ClientFeedbackCreate, type ClientInbox, type ClientMessage, type ClientMessagePage, type ClientDiscussionCreate, type ClientDiscussionPostUpdate, type ClientPresence, type ClientReadState, type ClientRealtimeMessage, type ClientSession, type ClientSessionInfo, type Discussion, type DiscussionAuthor, type DiscussionDetail, type DiscussionMode, type DiscussionPage, type DiscussionPost, type DiscussionPostCreate, type DiscussionSort, type DiscussionState, type PageRating, type PageRatingCreate, type Problem, type ReaderProfile, type ReaderToken, } from "./client/api.js";

package/dist/types/locales/en/docs.d.ts

@@ -0,0 +1,2 @@
+import type { Messages } from "@lingui/core";
+export declare const messages: Messages;

package/dist/types/locales/en/thread.d.ts

@@ -0,0 +1,2 @@
+import type { Messages } from "@lingui/core";
+export declare const messages: Messages;

package/dist/types/locales/tr/docs.d.ts

@@ -0,0 +1,2 @@
+import type { Messages } from "@lingui/core";
+export declare const messages: Messages;

package/dist/types/locales/tr/thread.d.ts

@@ -0,0 +1,2 @@
+import type { Messages } from "@lingui/core";
+export declare const messages: Messages;

package/dist/types/nuxt/module.d.ts

@@ -0,0 +1,12 @@
+export interface ModuleOptions {
+    server?: string;
+    channel?: string;
+    locale?: string;
+}
+declare module "@nuxt/schema" {
+    interface PublicRuntimeConfig {
+        yuva: Required<ModuleOptions>;
+    }
+}
+declare const _default: import("@nuxt/schema").NuxtModule<ModuleOptions, ModuleOptions, false>;
+export default _default;

package/dist/types/nuxt/runtime/components.d.ts

@@ -0,0 +1,88 @@
+import { type PropType } from "vue";
+import type { IdentityTokenSource, Layout } from "../../types.js";
+import type { DiscussionDetailEvent, DiscussionPostDetail, PageFeedbackDetail, PageRatingDetail } from "../../docs.js";
+import type { ReaderProfile } from "../../client/api.js";
+export declare const YuvaPageFeedback: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    channel: StringConstructor;
+    server: StringConstructor;
+    locale: StringConstructor;
+    dir: PropType<"ltr" | "rtl">;
+    identityToken: PropType<string | IdentityTokenSource | null>;
+    page: StringConstructor;
+    pageTitle: StringConstructor;
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    rating: (_: PageRatingDetail) => true;
+    feedback: (_: PageFeedbackDetail) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    channel: StringConstructor;
+    server: StringConstructor;
+    locale: StringConstructor;
+    dir: PropType<"ltr" | "rtl">;
+    identityToken: PropType<string | IdentityTokenSource | null>;
+    page: StringConstructor;
+    pageTitle: StringConstructor;
+}>> & Readonly<{
+    onFeedback?: ((_: PageFeedbackDetail) => any) | undefined;
+    onRating?: ((_: PageRatingDetail) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const YuvaDiscussions: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    channel: StringConstructor;
+    server: StringConstructor;
+    locale: StringConstructor;
+    dir: PropType<"ltr" | "rtl">;
+    identityToken: PropType<string | IdentityTokenSource | null>;
+    page: StringConstructor;
+    pageTitle: StringConstructor;
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    discussion: (_: DiscussionDetailEvent) => true;
+    post: (_: DiscussionPostDetail) => true;
+    reader: (_: ReaderProfile | null) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    channel: StringConstructor;
+    server: StringConstructor;
+    locale: StringConstructor;
+    dir: PropType<"ltr" | "rtl">;
+    identityToken: PropType<string | IdentityTokenSource | null>;
+    page: StringConstructor;
+    pageTitle: StringConstructor;
+}>> & Readonly<{
+    onDiscussion?: ((_: DiscussionDetailEvent) => any) | undefined;
+    onPost?: ((_: DiscussionPostDetail) => any) | undefined;
+    onReader?: ((_: {
+        name?: string;
+        initials: string;
+    } | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const YuvaChat: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    channel: StringConstructor;
+    server: StringConstructor;
+    locale: StringConstructor;
+    dir: PropType<"ltr" | "rtl">;
+    identityToken: PropType<string | IdentityTokenSource | null>;
+    layout: PropType<Layout>;
+    open: BooleanConstructor;
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    unread: (_: {
+        count: number;
+    }) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    channel: StringConstructor;
+    server: StringConstructor;
+    locale: StringConstructor;
+    dir: PropType<"ltr" | "rtl">;
+    identityToken: PropType<string | IdentityTokenSource | null>;
+    layout: PropType<Layout>;
+    open: BooleanConstructor;
+}>> & Readonly<{
+    onUnread?: ((_: {
+        count: number;
+    }) => any) | undefined;
+}>, {
+    open: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/types/react.d.ts

@@ -1,6 +1,8 @@
-import { type ReactElement, type ReactNode } from "react";
+import { type CSSProperties, type ReactElement, type ReactNode } from "react";
 import type { ClientConversation, ClientMessage } from "./client/api.js";
-import type { MessageInput, YuvaClient } from "./client/client.js";
+import type { IdentityTokenSource, MessageInput, YuvaClient } from "./client/client.js";
+import type { DiscussionDetailEvent, DiscussionPostDetail, PageFeedbackDetail, PageRatingDetail } from "./docs.js";
+import type { ReaderProfile } from "./client/api.js";
 export interface YuvaProviderProps {
     client: YuvaClient;
     connect?: boolean;
@@ -27,3 +29,25 @@ export interface MessagesResult {
     markRead(): Promise<void>;
 }
 export declare function useMessages(conversationId: string | null | undefined): MessagesResult;
+export interface YuvaDocsProps {
+    channel: string;
+    server?: string;
+    locale?: string;
+    dir?: "ltr" | "rtl";
+    page?: string;
+    pageTitle?: string;
+    identityToken?: string | IdentityTokenSource | null;
+    className?: string;
+    style?: CSSProperties;
+}
+export interface YuvaPageFeedbackProps extends YuvaDocsProps {
+    onRating?: (detail: PageRatingDetail) => void;
+    onFeedback?: (detail: PageFeedbackDetail) => void;
+}
+export interface YuvaDiscussionsProps extends YuvaDocsProps {
+    onDiscussion?: (detail: DiscussionDetailEvent) => void;
+    onPost?: (detail: DiscussionPostDetail) => void;
+    onReader?: (detail: ReaderProfile | null) => void;
+}
+export declare function YuvaPageFeedback({ onRating, onFeedback, ...props }: YuvaPageFeedbackProps): ReactElement;
+export declare function YuvaDiscussions({ onDiscussion, onPost, onReader, ...props }: YuvaDiscussionsProps): ReactElement;