@segnavia/react 0.38.0 → 0.40.0

package/dist/elements.d.ts

@@ -1,7 +1,8 @@
-import { CaptionProps, CaptionsProps, CounterProps, DocumentProps, FullscreenProps, ItemSettingsProps, MuteProps, NotesProps, PageProps, PaperPickerProps, PaperProps, PlayProps, PlayerProps, RailProps, StageProps, StepProps, ThumbnailProps, TimeProps, TrackProps } from "./props.js";
+import { BookProps, CaptionProps, CaptionsProps, CounterProps, DocumentProps, FullscreenProps, ItemSettingsProps, MarkdownEditorProps, MuteProps, NotesProps, PageProps, PaperPickerProps, PaperProps, PlayProps, PlayerProps, RailProps, StageProps, StepProps, ThumbnailProps, TimeProps, TrackProps } from "./props.js";
 import { SegnaviaItemSettings } from "@segnavia/frame/item-settings";
 import { SegnaviaPlayer } from "@segnavia/frame/player";
-import { SegnaviaDocument, SegnaviaPage, SegnaviaPaper, SegnaviaStage, SegnaviaThumbnail } from "@segnavia/frame";
+import { SegnaviaMarkdownEditor } from "@segnavia/frame/markdown-editor";
+import { SegnaviaBook, SegnaviaDocument, SegnaviaPage, SegnaviaPaper, SegnaviaStage, SegnaviaThumbnail } from "@segnavia/frame";
 import { SegnaviaCaption, SegnaviaCaptions, SegnaviaCounter, SegnaviaFullscreen, SegnaviaMute, SegnaviaNotes, SegnaviaPaperPicker, SegnaviaPlay, SegnaviaRail, SegnaviaStep, SegnaviaTime, SegnaviaTrack } from "@segnavia/frame/controls";
 //#region src/elements.d.ts
 export interface RuntimeElementDescriptor {
@@ -9,7 +10,7 @@ export interface RuntimeElementDescriptor {
   properties: readonly string[];
   events: Readonly<Partial<Record<string, string>>>;
 }
-export interface ElementDescriptor<E extends HTMLElement, P extends object, Tag extends `segnavia-${string}` = `segnavia-${string}`> extends RuntimeElementDescriptor {
+export interface ElementDescriptor<E extends object, P extends object, Tag extends `segnavia-${string}` = `segnavia-${string}`> extends RuntimeElementDescriptor {
   tag: Tag;
   properties: readonly Extract<keyof P, string>[];
   events: Readonly<Partial<Record<Extract<keyof P, `on${string}`>, string>>>;
@@ -23,6 +24,8 @@ export declare const ELEMENTS: {
   readonly paperPicker: ElementDescriptor<SegnaviaPaperPicker, PaperPickerProps, "segnavia-paper-picker">;
   readonly itemSettings: ElementDescriptor<SegnaviaItemSettings, ItemSettingsProps, "segnavia-item-settings">;
   readonly page: ElementDescriptor<SegnaviaPage, PageProps, "segnavia-page">;
+  readonly markdownEditor: ElementDescriptor<SegnaviaMarkdownEditor, MarkdownEditorProps, "segnavia-markdown-editor">;
+  readonly book: ElementDescriptor<SegnaviaBook, BookProps, "segnavia-book">;
   readonly paper: ElementDescriptor<SegnaviaPaper, PaperProps, "segnavia-paper">;
   readonly document: ElementDescriptor<SegnaviaDocument, DocumentProps, "segnavia-document">;
   readonly play: ElementDescriptor<SegnaviaPlay, PlayProps, "segnavia-play">;

package/dist/elements.js

@@ -16,6 +16,7 @@ const ELEMENTS = {
 		"cspExtra",
 		"dependencyOrigins",
 		"resolveSlide",
+		"placements",
 		"transition",
 		"slots"
 	], { onSegnaviaLabels: "segnavia-labels" }),
@@ -44,7 +45,10 @@ const ELEMENTS = {
 		"mountMargin",
 		"slots",
 		"motifs",
-		"fonts"
+		"fonts",
+		"placements",
+		"designedCover",
+		"pageWidths"
 	], { onSegnaviaThumbnailError: "segnavia-thumbnail-error" }),
 	paperPicker: element(STYLED_ELEMENTS.paperPicker, ["value", "labels"], { onChange: "change" }),
 	itemSettings: element("segnavia-item-settings", [
@@ -62,7 +66,37 @@ const ELEMENTS = {
 		"dependencyOrigins",
 		"slots",
 		"motifs",
-		"fonts"
+		"fonts",
+		"alertLabels",
+		"placements",
+		"pageWidths"
+	], {}),
+	markdownEditor: element("segnavia-markdown-editor", [
+		"markdown",
+		"mode",
+		"title",
+		"titleSource",
+		"lockedFences",
+		"css",
+		"fonts",
+		"fontReferences",
+		"linkOrigins",
+		"alertLabels"
+	], {
+		onSegnaviaMarkdownChange: "segnavia-markdown-change",
+		onSegnaviaTitleChange: "segnavia-title-change",
+		onSegnaviaModeChange: "segnavia-mode-change",
+		onSegnaviaSave: "segnavia-save",
+		onSegnaviaEditorState: "segnavia-editor-state",
+		onSegnaviaLinkRequest: "segnavia-link-request"
+	}),
+	book: element(HEADLESS_ELEMENTS.book, [
+		"view",
+		"fonts",
+		"motifs",
+		"placements",
+		"pageWidths",
+		"dependencyOrigins"
 	], {}),
 	paper: element(HEADLESS_ELEMENTS.paper, [
 		"paper",
@@ -72,7 +106,9 @@ const ELEMENTS = {
 		"dependencyOrigins",
 		"slots",
 		"motifs",
-		"fonts"
+		"fonts",
+		"placements",
+		"pageWidths"
 	], {}),
 	document: element(HEADLESS_ELEMENTS.document, [
 		"css",
@@ -82,7 +118,9 @@ const ELEMENTS = {
 		"print",
 		"slots",
 		"motifs",
-		"fonts"
+		"fonts",
+		"placements",
+		"pageWidths"
 	], {}),
 	play: element(STYLED_ELEMENTS.play, controlProperties, {}),
 	step: element(STYLED_ELEMENTS.step, controlProperties, {}),

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { CaptionProps, CaptionsProps, CounterProps, DocumentProps, FullscreenProps, ItemSettingsProps, MuteProps, NotesProps, PageProps, PaperPickerProps, PaperProps, PlayProps, PlayerProps, RailProps, StageProps, StepProps, ThumbnailProps, TimeProps, TrackProps } from "./props.js";
+import { BookProps, CaptionProps, CaptionsProps, CounterProps, DocumentProps, FullscreenProps, ItemSettingsProps, MarkdownEditorProps, MuteProps, NotesProps, PageProps, PaperPickerProps, PaperProps, PlayProps, PlayerProps, RailProps, StageProps, StepProps, ThumbnailProps, TimeProps, TrackProps } from "./props.js";
 import { AnyElementDescriptor, ElementFor, PropsFor } from "./elements.js";
 import { SegnaviaIntrinsicElements } from "./jsx.js";
 import { AuthoringController, AuthoringController as AuthoringController$1, AuthoringErrorDetail, AuthoringHandlers, AuthoringHandlers as AuthoringHandlers$1, AuthoringOptions, AuthoringOptions as AuthoringOptions$1, DirtyChangeDetail, SaveNotesInput, SavePrintMomentInput } from "@segnavia/frame/authoring";
@@ -55,6 +55,9 @@ export declare const ItemSettings: import("react").ForwardRefExoticComponent<Omi
 export declare const Page: import("react").ForwardRefExoticComponent<PageProps & {
   children?: ReactNode;
 } & import("react").RefAttributes<import("@segnavia/frame").SegnaviaPage>>;
+export declare const Book: import("react").ForwardRefExoticComponent<BookProps & {
+  children?: ReactNode;
+} & import("react").RefAttributes<import("@segnavia/frame").SegnaviaBook>>;
 export declare const Paper: import("react").ForwardRefExoticComponent<PaperProps & {
   children?: ReactNode;
 } & import("react").RefAttributes<import("@segnavia/frame").SegnaviaPaper>>;
@@ -173,4 +176,4 @@ export declare function useAuthoring(player: SegnaviaPlayer | null, handlers: Au
 export declare function useDocumentAuthoring(document: SegnaviaDocument | null, handlers: DocumentAuthoringHandlers$1, options?: DocumentAuthoringOptions$1): DocumentAuthoringController$1 | null;
 export declare function useItemSettings(element: SegnaviaItemSettings | null, handlers: ItemSettingsHandlers$1): ItemSettingsController$1 | null;
 //#endregion
-export type { AuthoringController, AuthoringErrorDetail, AuthoringHandlers, AuthoringOptions, CaptionProps, CaptionsProps, CounterProps, DirtyChangeDetail, DocumentAuthoringController, DocumentAuthoringErrorDetail, DocumentAuthoringHandlers, DocumentAuthoringOptions, DocumentProps, FullscreenProps, ItemSettingsController, ItemSettingsErrorDetail, ItemSettingsHandlers, ItemSettingsLabels, ItemSettingsProps, ItemSettingsSection, ItemSettingsSectionContext, MovePageHandler, MovePageInput, MuteProps, NotesProps, PageProps, PaperPickerProps, PaperProps, PlayProps, PlayerProps, RailProps, SaveNotesInput, SavePrintMomentInput, SegnaviaIntrinsicElements, StageProps, StepProps, ThumbnailProps, TimeProps, TrackProps };
+export type { AuthoringController, AuthoringErrorDetail, AuthoringHandlers, AuthoringOptions, BookProps, CaptionProps, CaptionsProps, CounterProps, DirtyChangeDetail, DocumentAuthoringController, DocumentAuthoringErrorDetail, DocumentAuthoringHandlers, DocumentAuthoringOptions, DocumentProps, FullscreenProps, ItemSettingsController, ItemSettingsErrorDetail, ItemSettingsHandlers, ItemSettingsLabels, ItemSettingsProps, ItemSettingsSection, ItemSettingsSectionContext, MarkdownEditorProps, MovePageHandler, MovePageInput, MuteProps, NotesProps, PageProps, PaperPickerProps, PaperProps, PlayProps, PlayerProps, RailProps, SaveNotesInput, SavePrintMomentInput, SegnaviaIntrinsicElements, StageProps, StepProps, ThumbnailProps, TimeProps, TrackProps };

package/dist/index.js

@@ -42,6 +42,7 @@ const Thumbnail = createComponent(ELEMENTS.thumbnail);
 const PaperPicker = createComponent(ELEMENTS.paperPicker);
 const ItemSettings = createComponent(ELEMENTS.itemSettings);
 const Page = createComponent(ELEMENTS.page);
+const Book = createComponent(ELEMENTS.book);
 const Paper = createComponent(ELEMENTS.paper);
 const Document = createComponent(ELEMENTS.document);
 const Play = createComponent(ELEMENTS.play);
@@ -131,4 +132,4 @@ function useItemSettings(element, handlers) {
 	return controller;
 }
 //#endregion
-export { Caption, Captions, Counter, Document, Fullscreen, ItemSettings, Mute, Notes, Page, Paper, PaperPicker, Play, Player, Rail, Stage, Step, Thumbnail, Time, Track, createComponent, useAuthoring, useDeckController, useDocumentAuthoring, useItemSettings };
+export { Book, Caption, Captions, Counter, Document, Fullscreen, ItemSettings, Mute, Notes, Page, Paper, PaperPicker, Play, Player, Rail, Stage, Step, Thumbnail, Time, Track, createComponent, useAuthoring, useDeckController, useDocumentAuthoring, useItemSettings };

package/dist/markdown-editor.d.ts

@@ -0,0 +1,8 @@
+import { MarkdownEditorProps } from "./props.js";
+import "@segnavia/frame/markdown-editor";
+//#region src/markdown-editor.d.ts
+export declare const MarkdownEditor: import("react").ForwardRefExoticComponent<MarkdownEditorProps & {
+  children?: import("react").ReactNode;
+} & import("react").RefAttributes<import("@segnavia/frame/markdown-editor").SegnaviaMarkdownEditor>>;
+//#endregion
+export type { MarkdownEditorProps };

package/dist/markdown-editor.js

@@ -0,0 +1,7 @@
+import { ELEMENTS } from "./elements.js";
+import { createComponent } from "./index.js";
+import "@segnavia/frame/markdown-editor";
+//#region src/markdown-editor.ts
+const MarkdownEditor = createComponent(ELEMENTS.markdownEditor);
+//#endregion
+export { MarkdownEditor };

package/dist/props.d.ts

@@ -1,10 +1,11 @@
 import { ItemSettingsLabels, SegnaviaItemSettings } from "@segnavia/frame/item-settings";
 import { PlayerControls, PlayerFit, SegnaviaPlayer } from "@segnavia/frame/player";
 import { HTMLAttributes, ReactNode } from "react";
-import { ControllerOptions, DeckController, FittedSize, HostTransition, PageInput, PrintInput, SegnaviaDocument, SegnaviaPage, SegnaviaPaper, SegnaviaStage, SegnaviaThumbnail, StageReserve } from "@segnavia/frame";
+import { MarkdownEditorMode, MarkdownEditorStateDetail, MarkdownTitleSource, SegnaviaMarkdownEditor } from "@segnavia/frame/markdown-editor";
+import { ControllerOptions, DeckController, FittedSize, HostTransition, PageInput, PrintInput, SegnaviaBook, SegnaviaDocument, SegnaviaPage, SegnaviaPaper, SegnaviaStage, SegnaviaThumbnail, StageReserve } from "@segnavia/frame";
 import { PaperPickerLabelOverrides, PlayerLabels, SegnaviaCaption, SegnaviaCaptions, SegnaviaCounter, SegnaviaFullscreen, SegnaviaMute, SegnaviaNotes, SegnaviaPaperPicker, SegnaviaPlay, SegnaviaRail, SegnaviaStep, SegnaviaTime, SegnaviaTrack } from "@segnavia/frame/controls";
 //#region src/props.d.ts
-type ElementProps<E extends HTMLElement> = Omit<HTMLAttributes<E>, 'children'> & {
+type ElementProps<E> = Omit<HTMLAttributes<E>, 'children'> & {
   children?: ReactNode;
 };
 type CustomEventProp<D = unknown> = (event: CustomEvent<D>) => void;
@@ -19,6 +20,7 @@ export interface PlayerProps extends ElementProps<SegnaviaPlayer> {
   cspExtra?: string;
   dependencyOrigins?: SegnaviaPlayer['dependencyOrigins'];
   resolveSlide?: ControllerOptions['resolveSlide'];
+  placements?: SegnaviaPlayer['placements'];
   transition?: HostTransition;
   slots?: SegnaviaPlayer['slots'];
   src?: string;
@@ -67,6 +69,9 @@ export interface ThumbnailProps extends ElementProps<SegnaviaThumbnail> {
   slots?: SegnaviaThumbnail['slots'];
   motifs?: SegnaviaThumbnail['motifs'];
   fonts?: SegnaviaThumbnail['fonts'];
+  placements?: SegnaviaThumbnail['placements'];
+  designedCover?: SegnaviaThumbnail['designedCover'];
+  pageWidths?: SegnaviaThumbnail['pageWidths'];
   onSegnaviaThumbnailError?: CustomEventProp<unknown>;
 }
 export type PaperPickerProps = Omit<ElementProps<SegnaviaPaperPicker>, 'onChange'> & {
@@ -91,11 +96,55 @@ export interface PageProps extends ElementProps<SegnaviaPage> {
   slots?: SegnaviaPage['slots'];
   motifs?: SegnaviaPage['motifs'];
   fonts?: SegnaviaPage['fonts'];
+  alertLabels?: SegnaviaPage['alertLabels'];
+  placements?: SegnaviaPage['placements'];
+  pageWidths?: SegnaviaPage['pageWidths'];
   src?: string;
   label?: string;
   bounded?: boolean;
   unstyled?: boolean;
 }
+export interface MarkdownEditorProps extends Omit<ElementProps<HTMLElement>, 'title'> {
+  markdown?: string;
+  mode?: MarkdownEditorMode;
+  title?: string | null;
+  titleSource?: MarkdownTitleSource;
+  dir?: string;
+  lang?: string;
+  unstyled?: boolean;
+  lockedFences?: Record<string, string>;
+  css?: string;
+  fonts?: SegnaviaMarkdownEditor['fonts'];
+  fontReferences?: SegnaviaMarkdownEditor['fontReferences'];
+  linkOrigins?: SegnaviaMarkdownEditor['linkOrigins'];
+  alertLabels?: SegnaviaMarkdownEditor['alertLabels'];
+  onSegnaviaMarkdownChange?: CustomEventProp<{
+    markdown: string;
+  }>;
+  onSegnaviaTitleChange?: CustomEventProp<{
+    title: string;
+  }>;
+  onSegnaviaModeChange?: CustomEventProp<{
+    mode: MarkdownEditorMode;
+  }>;
+  onSegnaviaSave?: CustomEventProp;
+  onSegnaviaEditorState?: CustomEventProp<MarkdownEditorStateDetail>;
+  onSegnaviaLinkRequest?: CustomEventProp<{
+    href: string | null;
+  }>;
+}
+export interface BookProps extends ElementProps<SegnaviaBook> {
+  view?: SegnaviaBook['view'];
+  fonts?: SegnaviaBook['fonts'];
+  motifs?: SegnaviaBook['motifs'];
+  placements?: SegnaviaBook['placements'];
+  pageWidths?: SegnaviaBook['pageWidths'];
+  dependencyOrigins?: SegnaviaBook['dependencyOrigins'];
+  src?: string;
+  spread?: boolean;
+  layout?: SegnaviaBook['layout'];
+  unstyled?: boolean;
+}
 export interface PaperProps extends ElementProps<SegnaviaPaper> {
   paper?: number;
   side?: SegnaviaPaper['side'];
@@ -105,6 +154,8 @@ export interface PaperProps extends ElementProps<SegnaviaPaper> {
   slots?: SegnaviaPaper['slots'];
   motifs?: SegnaviaPaper['motifs'];
   fonts?: SegnaviaPaper['fonts'];
+  placements?: SegnaviaPaper['placements'];
+  pageWidths?: SegnaviaPaper['pageWidths'];
   unstyled?: boolean;
 }
 export interface DocumentProps extends ElementProps<SegnaviaDocument> {
@@ -116,6 +167,8 @@ export interface DocumentProps extends ElementProps<SegnaviaDocument> {
   slots?: SegnaviaDocument['slots'];
   motifs?: SegnaviaDocument['motifs'];
   fonts?: SegnaviaDocument['fonts'];
+  placements?: SegnaviaDocument['placements'];
+  pageWidths?: SegnaviaDocument['pageWidths'];
   unstyled?: boolean;
 }
 export type PlayProps = ControlProps<SegnaviaPlay>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@segnavia/react",
-  "version": "0.38.0",
+  "version": "0.40.0",
   "type": "module",
   "license": "MIT",
   "repository": {
@@ -23,10 +23,15 @@
       "@segnavia/source": "./src/index.ts",
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
+    },
+    "./markdown-editor": {
+      "@segnavia/source": "./src/markdown-editor.ts",
+      "types": "./dist/markdown-editor.d.ts",
+      "default": "./dist/markdown-editor.js"
     }
   },
   "dependencies": {
-    "@segnavia/frame": "0.38.0"
+    "@segnavia/frame": "0.40.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",