@discord/markdown-react 0.1.4 → 0.1.6

package/dist/src/index.js

@@ -1 +1 @@
-import{jsx as e,Fragment as r}from"react/jsx-runtime";import{parse as t}from"@discord/markdown-wasm";import{useMemo as n,createContext as l,useContext as o}from"react";let i=l(null);export function useAst(){return o(i)}export const RULES=new Set(["bold","italic","underline","strikethrough","spoiler","emoji","timestamp","mention","link","code","code_block","heading","list","quote","small"]);export function Node({node:r,renderers:t,...n}){let l=t[r.type];if(!function(e,r){if(null==e)throw Error(`Attempted to render "${r}" but no renderer was provided`)}(l,r.type),Array.isArray(r.value))return e(l,{...n,children:e(NodeList,{nodes:r.value,renderers:t})});switch(r.type){case"mention":case"timestamp":case"emoji":case"code_block":return e(l,{...r.value,...n});case"link":let o=r.value,i=null;if("normal"===o.type){let{value:{text:r,url:n}}=o;i=r?e(NodeList,{nodes:r,renderers:t}):n}return e(l,{...r.value,...n,children:i});case"text":case"code":return e(l,{...n,children:r.value});case"heading":return e(l,{level:r.value.level,...n,children:e(NodeList,{nodes:r.value.content,renderers:t})});case"list":let s=t.listItem??"li";return e(l,{...r.value,...n,children:r.value.items.map((n,l)=>e(s,{siblings:r.value.items,index:l,children:e(NodeList,{nodes:n.content,renderers:t})},l))});case"empty":return e(l,{...n});case"small":return e(l,{...n,children:e(NodeList,{nodes:r.value.content,renderers:t})});default:throw TypeError(`Unknown node type "${r.type}"`)}}export function NodeList({nodes:t,renderers:n}){return e(r,{children:t.map((r,l)=>e(Node,{node:r,renderers:n,siblings:t,index:l},l))})}export default function s({content:r,renderers:l}){let o=n(()=>{let e=Object.keys(l).filter(e=>RULES.has(e));return e.length>0?e:null},[l]),s=n(()=>t(r,o),[r,o]);return e(i.Provider,{value:s,children:e(NodeList,{nodes:s,renderers:l})})}
+import{jsx as e,Fragment as r}from"react/jsx-runtime";import{parse as t}from"@discord/markdown-wasm";import{createContext as n,useContext as l,useMemo as o}from"react";let i=n(null);export function useAst(){return l(i)}export const RULES=new Set(["bold","italic","underline","strikethrough","spoiler","emoji","timestamp","mention","link","code","code_block","heading","list","quote","small"]);export function Node({node:r,renderers:t,...n}){let l=t[r.type];if(!function(e,r){if(null==e)throw Error(`Attempted to render "${r}" but no renderer was provided`)}(l,r.type),Array.isArray(r.value))return e(l,{...n,children:e(NodeList,{nodes:r.value,renderers:t})});switch(r.type){case"mention":case"timestamp":case"emoji":case"code_block":return e(l,{...r.value,...n});case"link":{let o=r.value,i=null;if("normal"===o.type){let{value:{text:r,url:n}}=o;i=r?e(NodeList,{nodes:r,renderers:t}):n}return e(l,{...r.value,...n,children:i})}case"text":case"code":return e(l,{...n,children:r.value});case"heading":return e(l,{level:r.value.level,...n,children:e(NodeList,{nodes:r.value.content,renderers:t})});case"list":{let o=t.listItem??"li";return e(l,{...r.value,...n,children:r.value.items.map((n,l)=>e(o,{siblings:r.value.items,index:l,children:e(NodeList,{nodes:n.content,renderers:t})},l))})}case"empty":return e(l,{...n});case"small":return e(l,{...n,children:e(NodeList,{nodes:r.value.content,renderers:t})});default:throw TypeError(`Unknown node type "${r.type}"`)}}export function NodeList({nodes:t,renderers:n}){return e(r,{children:t.map((r,l)=>e(Node,{node:r,renderers:n,siblings:t,index:l},l))})}export default function s({content:r,renderers:n}){let l=o(()=>{let e=Object.keys(n).filter(e=>RULES.has(e));return e.length>0?e:null},[n]),s=o(()=>t(r,l),[r,l]);return e(i.Provider,{value:s,children:e(NodeList,{nodes:s,renderers:n})})}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@discord/markdown-react",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "type": "module",
   "description": "React library for parsing and rendering Discord Markdown",
   "main": "dist/src/index.js",
@@ -13,7 +13,7 @@
     "src/index.d.ts"
   ],
   "dependencies": {
-    "@discord/markdown-wasm": "0.1.4"
+    "@discord/markdown-wasm": "0.1.6"
   },
   "devDependencies": {
     "@swc/cli": "^0.5.2",
@@ -26,7 +26,7 @@
     "vite": "^5.4.0",
     "vite-plugin-wasm": "^3.3.0",
     "vitest": "^2.0.3",
-    "@discord/markdown-types": "0.1.3"
+    "@discord/markdown-types": "0.1.4"
   },
   "peerDependencies": {
     "react": "17 - 19"

package/src/index.d.ts

@@ -1,20 +1,9 @@
-import React from "react";
-import {
-  Node,
-  AnyNode,
-  CodeBlock,
-  Emoji,
-  Timestamp,
-  Mention,
-  Link,
-  List,
-  Block,
-  Node,
-} from "@discord/markdown-types";
+import {} from "@discord/markdown-types";
+import type React from "react";
 
 type NodeRenderProps<P> = P & { siblings: Node[]; index: number };
-type NodeRenderPropsWithChildren<P = {}> = React.PropsWithChildren<
-  NodeRenderProps<P>
+type NodeRenderPropsWithChildren<P = unknown> = React.PropsWithChildren<
+	NodeRenderProps<P>
 >;
 
 // inline
@@ -31,17 +20,17 @@ export type CodeProps = NodeRenderPropsWithChildren;
 export type CodeBlockProps = NodeRenderProps<CodeBlock["value"]>;
 
 export type InlineProps =
-  | BoldProps
-  | ItalicProps
-  | UnderlineProps
-  | StrikethroughProps
-  | SpoilerProps
-  | EmojiProps
-  | TimestampProps
-  | MentionProps
-  | LinkProps
-  | CodeProps
-  | CodeBlockProps;
+	| BoldProps
+	| ItalicProps
+	| UnderlineProps
+	| StrikethroughProps
+	| SpoilerProps
+	| EmojiProps
+	| TimestampProps
+	| MentionProps
+	| LinkProps
+	| CodeProps
+	| CodeBlockProps;
 
 // block
 export type HeadingProps = NodeRenderPropsWithChildren<{ level: 1 | 2 | 3 }>;
@@ -58,62 +47,62 @@ export type EmptyProps = NodeRenderProps;
 export type ListItemProps = NodeRenderPropsWithChildren;
 
 export type TopLevelProps =
-  | TextProps
-  | ParagraphProps
-  | EmptyProps
-  | ListItemProps;
+	| TextProps
+	| ParagraphProps
+	| EmptyProps
+	| ListItemProps;
 
 export type AllProps = InlineProps | BlockProps | TopLevelProps;
 
 export type RendererProps = {
-  // inline
-  bold: BoldProps;
-  italic: ItalicProps;
-  underline: UnderlineProps;
-  strikethrough: StrikethroughProps;
-  spoiler: SpoilerProps;
-  emoji: EmojiProps;
-  timestamp: TimestampProps;
-  mention: MentionProps;
-  link: LinkProps;
-  code: CodeProps;
-  code_block: CodeBlockProps;
-
-  // block
-  heading: HeadingProps;
-  list: ListProps;
-  quote: QuoteProps;
-  small: SmallProps;
-
-  // top-level
-  text: TextProps;
-  paragraph: ParagraphProps;
-  empty: EmptyProps;
-
-  // pseudo
-  listItem: ListItemProps;
+	// inline
+	bold: BoldProps;
+	italic: ItalicProps;
+	underline: UnderlineProps;
+	strikethrough: StrikethroughProps;
+	spoiler: SpoilerProps;
+	emoji: EmojiProps;
+	timestamp: TimestampProps;
+	mention: MentionProps;
+	link: LinkProps;
+	code: CodeProps;
+	code_block: CodeBlockProps;
+
+	// block
+	heading: HeadingProps;
+	list: ListProps;
+	quote: QuoteProps;
+	small: SmallProps;
+
+	// top-level
+	text: TextProps;
+	paragraph: ParagraphProps;
+	empty: EmptyProps;
+
+	// pseudo
+	listItem: ListItemProps;
 };
 
 export type Renderers = {
-  readonly [K in keyof RendererProps]?: React.FC<RendererProps[K]>;
+	readonly [K in keyof RendererProps]?: React.FC<RendererProps[K]>;
 };
 
 export type NodeProps = {
-  node: AnyNode;
-  renderers: Renderers;
+	node: AnyNode;
+	renderers: Renderers;
 };
 
 export type NodeListProps = {
-  nodes: AnyNode[];
-  renderers: Renderers;
+	nodes: AnyNode[];
+	renderers: Renderers;
 };
 
 export type MarkdownProps = {
-  content: string;
-  renderers: Renderers;
+	content: string;
+	renderers: Renderers;
 };
 
-export const RULES: Set<string>;
+declare const RULES: Set<string>;
 
 export function useAst(): Block[];
 export function Node(props: NodeProps): React.ReactNode;