@noirmd/previewer 1.0.2 → 1.1.1

package/dist/vue.d.ts

@@ -0,0 +1,389 @@
+import * as vue from 'vue';
+import { PropType, VNode, Ref, Component } from 'vue';
+
+declare const NRpreviewer: vue.DefineComponent<vue.ExtractPropTypes<{
+    content: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    html: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    tailwindCDN: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Record<string, string>>;
+        default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    content: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    html: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    tailwindCDN: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Record<string, string>>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    html: string;
+    style: Record<string, string>;
+    className: string;
+    content: string;
+    tailwindCDN: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+declare const CustomMarkdownRenderer: vue.DefineComponent<vue.ExtractPropTypes<{
+    content: {
+        type: StringConstructor;
+        required: true;
+    };
+}>, () => VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    content: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+/**
+ * Generic CSSProperties — framework-agnostic equivalent of React.CSSProperties.
+ * Used for inline styles on tokens (e.g. images).
+ */
+type CSSProperties = Record<string, string | number>;
+interface HeaderToken {
+    type: 'header';
+    level: number;
+    text: string;
+    id: string;
+    classes?: string;
+}
+interface ParagraphToken {
+    type: 'paragraph';
+    content: string;
+    align?: 'center' | 'right';
+    classes?: string;
+    id?: string;
+}
+interface CodeblockToken {
+    type: 'codeblock';
+    language: string;
+    content: string;
+    title?: string;
+}
+interface DirectiveToken {
+    type: 'directive';
+    directiveType: string;
+    props: Record<string, string>;
+    slots: Record<string, string>;
+    scopeId: string;
+}
+interface HtmlToken {
+    type: 'html';
+    content: string;
+    scopeId: string;
+}
+interface HtmlBlockToken {
+    type: 'html-block';
+    tag: string;
+    attrs: string;
+    children: Token[];
+}
+interface ImageToken {
+    type: 'image';
+    alt: string;
+    src: string;
+    style: CSSProperties;
+}
+interface TableToken {
+    type: 'table';
+    content: string;
+}
+interface ListToken {
+    type: 'list';
+    content: string;
+}
+interface BlockquoteToken {
+    type: 'blockquote';
+    content: string;
+    classes?: string;
+    id?: string;
+}
+interface HrToken {
+    type: 'hr';
+}
+interface TocToken {
+    type: 'toc';
+}
+type Token = HeaderToken | ParagraphToken | CodeblockToken | DirectiveToken | HtmlToken | HtmlBlockToken | ImageToken | TableToken | ListToken | BlockquoteToken | HrToken | TocToken;
+
+/**
+ * V2 Markdown Parser — line-by-line state machine (framework-agnostic).
+ */
+declare function parseMarkdown(markdown: string): Token[];
+
+/**
+ * Extract all header tokens from an AST for TOC generation.
+ */
+declare function extractHeaders(elements: Token[]): Token[];
+
+declare const IconRenderer: vue.DefineComponent<vue.ExtractPropTypes<{
+    iconName: {
+        type: StringConstructor;
+        required: true;
+    };
+    extraClasses: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    iconName: {
+        type: StringConstructor;
+        required: true;
+    };
+    extraClasses: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    extraClasses: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const CodeBlock: vue.DefineComponent<vue.ExtractPropTypes<{
+    code: {
+        type: StringConstructor;
+        required: true;
+    };
+    language: {
+        type: StringConstructor;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    code: {
+        type: StringConstructor;
+        required: true;
+    };
+    language: {
+        type: StringConstructor;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    title: string;
+    language: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const Admonition: vue.DefineComponent<vue.ExtractPropTypes<{
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    icon: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+    style: {
+        type: PropType<CSSProperties>;
+        default: undefined;
+    };
+}>, () => VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    icon: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+    style: {
+        type: PropType<CSSProperties>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    style: CSSProperties;
+    title: string;
+    type: string;
+    icon: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const Details: vue.DefineComponent<vue.ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    icon: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+    style: {
+        type: PropType<CSSProperties>;
+        default: undefined;
+    };
+}>, () => VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    icon: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+    style: {
+        type: PropType<CSSProperties>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    style: CSSProperties;
+    icon: string;
+    defaultOpen: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const Modal: vue.DefineComponent<vue.ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    isOpen: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    onClose: {
+        type: PropType<() => void>;
+        required: true;
+    };
+}>, () => VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    isOpen: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    onClose: {
+        type: PropType<() => void>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+declare global {
+    interface Window {
+        __twCDNRefs?: number;
+        tailwind?: {
+            config: object;
+            scan?: () => void;
+        };
+    }
+}
+/**
+ * Lazy CDN composable — only loads the Tailwind Browser CDN when `enabled` is true.
+ */
+declare function useLazyTailwindCDN(enabled: Ref<boolean> | boolean): void;
+/**
+ * Trigger a Tailwind CDN re-scan (use after DOM mutations with new classes).
+ */
+declare function scanTailwindCDN(): void;
+/**
+ * Preload the Tailwind Browser CDN right after page load.
+ */
+declare function preloadTailwindCDN(): void;
+
+interface RenderContext {
+    modals: Ref<Record<string, boolean>>;
+    setModals: (value: Record<string, boolean> | ((prev: Record<string, boolean>) => Record<string, boolean>)) => void;
+    articleClass: string;
+    allElements: Token[];
+    parseMarkdown: (md: string) => Token[];
+    renderElement: (element: Token, index: number, depth?: number) => any;
+    renderInline: (text: string) => any[];
+    processAndRenderElements: (elements: Token[], depth?: number) => any[];
+}
+type DirectiveComponent = Component;
+interface DirectiveComponentProps {
+    /** The directive type string, e.g. 'card', 'note', 'modal' */
+    directiveType: string;
+    /** Parsed key="value" attributes from the {props} block */
+    props: Record<string, string>;
+    /** Named slots → raw content strings (to be parsed recursively) */
+    slots: Record<string, string>;
+    /** Convenience: render a named slot as parsed markdown */
+    renderSlot: (name: string) => any[];
+    /** Full render context access */
+    context: RenderContext;
+    /** Position index in the parent element list */
+    index: string | number;
+    /** Full parsed AST */
+    allElements: Token[];
+    /** Extra flags from the orchestrator */
+    options?: Record<string, any>;
+}
+
+export { Admonition, type CSSProperties, CodeBlock, CustomMarkdownRenderer, Details, type DirectiveComponent, type DirectiveComponentProps, IconRenderer, Modal, NRpreviewer, type RenderContext, type Token, extractHeaders, parseMarkdown, preloadTailwindCDN, scanTailwindCDN, useLazyTailwindCDN };