@discord/markdown-react 0.1.8 → 0.1.9

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@discord/markdown-react",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "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.7"
+    "@discord/markdown-wasm": "0.1.8"
   },
   "devDependencies": {
     "@swc/cli": "^0.5.2",

package/src/index.d.ts

@@ -1,32 +1,48 @@
 import type {
 	AnyNode,
 	Block,
+	Bold,
+	Code,
 	CodeBlock,
 	Emoji,
+	Heading,
+	Italic,
 	Link,
 	List,
+	ListItem,
 	Mention,
+	Paragraph,
+	Quote,
+	Small,
+	Spoiler,
+	Strikethrough,
+	Text,
 	Timestamp,
+	Underline,
 } from "@discord/markdown-types";
 import type React from "react";
 
-type NodeRenderProps<P> = P & { siblings: Node[]; index: number };
-type NodeRenderPropsWithChildren<P = unknown> = React.PropsWithChildren<
-	NodeRenderProps<P>
+type NodeRenderProps<N, P> = P & {
+	siblings: AnyNode[];
+	index: number;
+	node: N;
+};
+type NodeRenderPropsWithChildren<N, P = unknown> = React.PropsWithChildren<
+	NodeRenderProps<N, P>
 >;
 
 // inline
-export type BoldProps = NodeRenderPropsWithChildren;
-export type ItalicProps = NodeRenderPropsWithChildren;
-export type UnderlineProps = NodeRenderPropsWithChildren;
-export type StrikethroughProps = NodeRenderPropsWithChildren;
-export type SpoilerProps = NodeRenderPropsWithChildren;
-export type EmojiProps = NodeRenderProps<Emoji["value"]>;
-export type TimestampProps = NodeRenderProps<Timestamp["value"]>;
-export type MentionProps = NodeRenderProps<Mention["value"]>;
-export type LinkProps = NodeRenderPropsWithChildren<Link["value"]>;
-export type CodeProps = NodeRenderPropsWithChildren;
-export type CodeBlockProps = NodeRenderProps<CodeBlock["value"]>;
+export type BoldProps = NodeRenderPropsWithChildren<Bold>;
+export type ItalicProps = NodeRenderPropsWithChildren<Italic>;
+export type UnderlineProps = NodeRenderPropsWithChildren<Underline>;
+export type StrikethroughProps = NodeRenderPropsWithChildren<Strikethrough>;
+export type SpoilerProps = NodeRenderPropsWithChildren<Spoiler>;
+export type EmojiProps = NodeRenderProps<Emoji, Emoji["value"]>;
+export type TimestampProps = NodeRenderProps<Timestamp, Timestamp["value"]>;
+export type MentionProps = NodeRenderProps<Mention, Mention["value"]>;
+export type LinkProps = NodeRenderPropsWithChildren<Link, Link["value"]>;
+export type CodeProps = NodeRenderPropsWithChildren<Code>;
+export type CodeBlockProps = NodeRenderProps<CodeBlock, CodeBlock["value"]>;
 
 export type InlineProps =
 	| BoldProps
@@ -42,18 +58,21 @@ export type InlineProps =
 	| CodeBlockProps;
 
 // block
-export type HeadingProps = NodeRenderPropsWithChildren<{ level: 1 | 2 | 3 }>;
-export type ListProps = NodeRenderPropsWithChildren<List["value"]>;
-export type QuoteProps = NodeRenderPropsWithChildren;
-export type SmallProps = NodeRenderPropsWithChildren;
+export type HeadingProps = NodeRenderPropsWithChildren<
+	Heading,
+	{ level: 1 | 2 | 3 }
+>;
+export type ListProps = NodeRenderPropsWithChildren<List, List["value"]>;
+export type QuoteProps = NodeRenderPropsWithChildren<Quote>;
+export type SmallProps = NodeRenderPropsWithChildren<Small>;
 
 export type BlockProps = HeadingProps | ListProps | QuoteProps | SmallProps;
 
 // top-level
-export type TextProps = NodeRenderPropsWithChildren;
-export type ParagraphProps = NodeRenderPropsWithChildren;
-export type EmptyProps = NodeRenderProps<Record<string, never>>;
-export type ListItemProps = NodeRenderPropsWithChildren;
+export type TextProps = NodeRenderPropsWithChildren<Text>;
+export type ParagraphProps = NodeRenderPropsWithChildren<Paragraph>;
+export type EmptyProps = NodeRenderProps<never, Record<string, never>>;
+export type ListItemProps = NodeRenderPropsWithChildren<ListItem>;
 
 export type TopLevelProps =
 	| TextProps