@reslide-dev/core 0.0.1

package/dist/index.d.mts

@@ -0,0 +1,340 @@
+import * as react from "react";
+import { CSSProperties, ComponentType, ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/SlideTransition.d.ts
+type TransitionType = "none" | "fade" | "slide-left" | "slide-right" | "slide-up" | "slide-down";
+//#endregion
+//#region src/Deck.d.ts
+interface DeckProps {
+  children: ReactNode;
+  /** Slide transition type */
+  transition?: TransitionType;
+}
+declare function Deck({
+  children,
+  transition
+}: DeckProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/Slide.d.ts
+interface SlideProps {
+  children: ReactNode;
+  /** Layout variant for the slide */
+  layout?: string;
+  /** Image URL for image-right / image-left layouts */
+  image?: string;
+  /** Additional CSS class name */
+  className?: string;
+  /** Additional inline styles */
+  style?: CSSProperties;
+}
+declare function Slide({
+  children,
+  layout,
+  image,
+  className,
+  style
+}: SlideProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/Click.d.ts
+interface ClickProps {
+  children: ReactNode;
+  /** The click step at which this content becomes visible (1-based) */
+  at?: number;
+}
+declare function Click({
+  children,
+  at
+}: ClickProps): react_jsx_runtime0.JSX.Element;
+/**
+ * Register click steps for the current slide.
+ * Automatically reads the slide index from SlideIndexContext.
+ * If slideIndex prop is provided, it takes precedence (for backwards compatibility).
+ */
+declare function ClickSteps({
+  count,
+  slideIndex
+}: {
+  count: number;
+  slideIndex?: number;
+}): null;
+//#endregion
+//#region src/Mark.d.ts
+interface MarkProps {
+  children: ReactNode;
+  /** Mark style type */
+  type?: "highlight" | "underline" | "circle";
+  /** Color name (maps to CSS variable or direct color) */
+  color?: string;
+}
+declare function Mark({
+  children,
+  type,
+  color
+}: MarkProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/Notes.d.ts
+interface NotesProps {
+  children: ReactNode;
+}
+/**
+ * Speaker notes. Hidden during normal presentation,
+ * visible in overview mode.
+ */
+declare function Notes({
+  children
+}: NotesProps): react_jsx_runtime0.JSX.Element | null;
+//#endregion
+//#region src/Slot.d.ts
+interface SlotProps {
+  children: ReactNode;
+}
+/**
+ * Marks content as belonging to the right column in a two-cols layout.
+ * Used by remarkSlides to separate `::right` content.
+ */
+declare function SlotRight({
+  children
+}: SlotProps): react_jsx_runtime0.JSX.Element;
+declare namespace SlotRight {
+  var displayName: string;
+}
+declare namespace SlotRight {
+  var __reslideSlot: "right";
+}
+//#endregion
+//#region src/PrintView.d.ts
+/**
+ * Renders all slides vertically for print/PDF export.
+ * Use with @media print CSS to generate PDFs via browser print.
+ */
+declare function PrintView({
+  children
+}: {
+  children: ReactNode;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/PresenterView.d.ts
+interface PresenterViewProps {
+  children: ReactNode;
+  /** Render function for notes content per slide */
+  notes?: ReactNode[];
+}
+/**
+ * Presenter view that syncs with the main presentation window.
+ * Shows: current slide, next slide preview, notes, and timer.
+ */
+declare function PresenterView({
+  children,
+  notes
+}: PresenterViewProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/use-presenter.d.ts
+/**
+ * Opens the presenter window at the /presenter route.
+ */
+declare function openPresenterWindow(): void;
+/**
+ * Check if the current window is the presenter view.
+ */
+declare function isPresenterView(): boolean;
+//#endregion
+//#region src/DrawingLayer.d.ts
+interface DrawingLayerProps {
+  /** Whether drawing mode is active */
+  active: boolean;
+  /** Pen color */
+  color?: string;
+  /** Pen width */
+  width?: number;
+}
+/**
+ * Canvas-based freehand drawing overlay for presentations.
+ * Toggle with `d` key (handled in Deck).
+ */
+declare function DrawingLayer({
+  active,
+  color,
+  width
+}: DrawingLayerProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/CodeEditor.d.ts
+interface CodeEditorProps {
+  /** Initial code content */
+  value: string;
+  /** Programming language for syntax highlighting */
+  language?: string;
+  /** Whether the editor is read-only */
+  readOnly?: boolean;
+  /** Editor height */
+  height?: string | number;
+  /** Called when code changes */
+  onChange?: (value: string) => void;
+  /** Additional styles */
+  style?: CSSProperties;
+}
+/**
+ * Live code editor component for presentations.
+ * Uses Monaco Editor (loaded from CDN) for syntax highlighting and editing.
+ *
+ * Falls back to a styled <textarea> if Monaco fails to load.
+ */
+declare function CodeEditor({
+  value,
+  language,
+  readOnly,
+  height,
+  onChange,
+  style
+}: CodeEditorProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/GlobalLayer.d.ts
+interface GlobalLayerProps {
+  children: ReactNode;
+  /** z-index position: 'above' renders on top of slides, 'below' renders behind */
+  position?: "above" | "below";
+  /** Additional styles */
+  style?: CSSProperties;
+}
+/**
+ * Global overlay layer that persists across all slides.
+ * Use for headers, footers, logos, watermarks, or progress bars.
+ *
+ * Place inside <Deck> to render on every slide.
+ *
+ * @example
+ * ```tsx
+ * <Deck>
+ *   <GlobalLayer position="above" style={{ bottom: 0 }}>
+ *     <footer>My Company</footer>
+ *   </GlobalLayer>
+ *   <Slide>...</Slide>
+ * </Deck>
+ * ```
+ */
+declare function GlobalLayer({
+  children,
+  position,
+  style
+}: GlobalLayerProps): react_jsx_runtime0.JSX.Element;
+declare namespace GlobalLayer {
+  var displayName: string;
+}
+declare namespace GlobalLayer {
+  var __reslideGlobalLayer: true;
+}
+//#endregion
+//#region src/Draggable.d.ts
+interface DraggableProps {
+  children: ReactNode;
+  /** Initial x position (px or %) */
+  x?: number | string;
+  /** Initial y position (px or %) */
+  y?: number | string;
+  /** Additional styles */
+  style?: CSSProperties;
+}
+/**
+ * A draggable element within a slide.
+ * Click and drag to reposition during presentation.
+ */
+declare function Draggable({
+  children,
+  x,
+  y,
+  style
+}: DraggableProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ClickNavigation.d.ts
+interface ClickNavigationProps {
+  onPrev: () => void;
+  onNext: () => void;
+  disabled?: boolean;
+}
+/**
+ * Invisible click zones on the left/right edges of the slide.
+ * Clicking the left ~15% goes to the previous slide,
+ * clicking the right ~15% goes to the next slide.
+ * Shows a subtle arrow indicator on hover.
+ */
+declare function ClickNavigation({
+  onPrev,
+  onNext,
+  disabled
+}: ClickNavigationProps): react_jsx_runtime0.JSX.Element | null;
+//#endregion
+//#region src/ReslideEmbed.d.ts
+interface ReslideEmbedProps {
+  /** Compiled MDX code from compileMdxSlides() */
+  code: string;
+  /** Slide transition type */
+  transition?: TransitionType;
+  /** Additional MDX components to provide */
+  components?: Record<string, ComponentType>;
+  /** Wrapper around the Deck (for styling) */
+  className?: string;
+  /** Inline styles for the container */
+  style?: React.CSSProperties;
+}
+/**
+ * Renders compiled MDX slides as a full reslide presentation.
+ *
+ * Usage:
+ * ```tsx
+ * // Server component
+ * import { compileMdxSlides } from '@reslide/mdx'
+ * const { code } = await compileMdxSlides(mdxSource)
+ *
+ * // Client component
+ * import { ReslideEmbed } from '@reslide/core'
+ * <ReslideEmbed code={code} transition="fade" />
+ * ```
+ */
+declare function ReslideEmbed({
+  code,
+  transition,
+  components: userComponents,
+  className,
+  style
+}: ReslideEmbedProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/types.d.ts
+interface DeckState {
+  /** Current slide index (0-based) */
+  currentSlide: number;
+  /** Total number of slides */
+  totalSlides: number;
+  /** Current click step within the slide (0 = initial state) */
+  clickStep: number;
+  /** Total click steps in the current slide */
+  totalClickSteps: number;
+  /** Whether overview mode is active */
+  isOverview: boolean;
+  /** Whether fullscreen is active */
+  isFullscreen: boolean;
+}
+interface DeckActions {
+  /** Go to next slide or click step */
+  next: () => void;
+  /** Go to previous slide or click step */
+  prev: () => void;
+  /** Go to a specific slide */
+  goTo: (slideIndex: number) => void;
+  /** Toggle overview mode */
+  toggleOverview: () => void;
+  /** Toggle fullscreen */
+  toggleFullscreen: () => void;
+  /** Register click steps for a slide */
+  registerClickSteps: (slideIndex: number, count: number) => void;
+}
+type DeckContextValue = DeckState & DeckActions;
+//#endregion
+//#region src/context.d.ts
+declare const DeckContext: react.Context<DeckContextValue | null>;
+declare function useDeck(): DeckContextValue;
+//#endregion
+//#region src/slide-context.d.ts
+declare const SlideIndexContext: react.Context<number | null>;
+declare function useSlideIndex(): number;
+//#endregion
+export { Click, ClickNavigation, type ClickProps, ClickSteps, CodeEditor, type CodeEditorProps, Deck, type DeckActions, DeckContext, type DeckContextValue, type DeckProps, type DeckState, Draggable, type DraggableProps, DrawingLayer, type DrawingLayerProps, GlobalLayer, type GlobalLayerProps, Mark, type MarkProps, Notes, type NotesProps, PresenterView, type PresenterViewProps, PrintView, ReslideEmbed, type ReslideEmbedProps, Slide, SlideIndexContext, type SlideProps, SlotRight, type TransitionType, isPresenterView, openPresenterWindow, useDeck, useSlideIndex };