@mzebley/mark-down-react 1.2.1 → 1.2.2

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@mzebley/mark-down-react",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "description": "mark↓ React Adapter",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
+  "files": ["dist"],
   "publishConfig": {
     "access": "public"
   },
@@ -13,7 +14,7 @@
     "build": "tsup src/index.ts --dts --format esm,cjs"
   },
   "dependencies": {
-    "@mzebley/mark-down": "^1.2.1",
+    "@mzebley/mark-down": "^1.2.2",
     "dompurify": "^3.0.5"
   },
   "peerDependencies": {

package/src/context.tsx

@@ -1,32 +0,0 @@
-import { createContext, ReactNode, useContext, useMemo } from "react";
-import { SnippetClient, type SnippetClientOptions } from "@mzebley/mark-down";
-
-const SnippetClientContext = createContext<SnippetClient | null>(null);
-
-export interface SnippetProviderProps {
-  client?: SnippetClient;
-  options?: SnippetClientOptions;
-  children: ReactNode;
-}
-
-export function SnippetProvider({ client, options, children }: SnippetProviderProps) {
-  const value = useMemo(() => {
-    if (client) {
-      return client;
-    }
-    if (options) {
-      return new SnippetClient(options);
-    }
-    throw new Error("SnippetProvider requires either a client or options");
-  }, [client, options]);
-
-  return <SnippetClientContext.Provider value={value}>{children}</SnippetClientContext.Provider>;
-}
-
-export function useSnippetClient(): SnippetClient {
-  const client = useContext(SnippetClientContext);
-  if (!client) {
-    throw new Error("useSnippetClient must be used within a SnippetProvider");
-  }
-  return client;
-}

package/src/hooks.ts

@@ -1,43 +0,0 @@
-import { useEffect, useState } from "react";
-import type { Snippet } from "@mzebley/mark-down";
-import { useSnippetClient } from "./context";
-
-export interface UseSnippetResult {
-  snippet?: Snippet;
-  loading: boolean;
-  error?: Error;
-}
-
-export function useSnippet(slug?: string | null): UseSnippetResult {
-  const client = useSnippetClient();
-  const [result, setResult] = useState<UseSnippetResult>(() => ({
-    loading: Boolean(slug)
-  }));
-
-  useEffect(() => {
-    if (!slug) {
-      setResult({ loading: false });
-      return;
-    }
-
-    let cancelled = false;
-    setResult((prev) => ({ ...prev, loading: true, error: undefined }));
-
-    client
-      .get(slug)
-      .then((snippet) => {
-        if (cancelled) return;
-        setResult({ snippet, loading: false });
-      })
-      .catch((error: Error) => {
-        if (cancelled) return;
-        setResult({ loading: false, error });
-      });
-
-    return () => {
-      cancelled = true;
-    };
-  }, [client, slug]);
-
-  return result;
-}

package/src/index.ts

@@ -1,3 +0,0 @@
-export * from "./context";
-export * from "./hooks";
-export * from "./snippet-view";

package/src/snippet-view.tsx

@@ -1,41 +0,0 @@
-import { ReactNode, useEffect, useMemo } from "react";
-import DOMPurify from "dompurify";
-import type { Snippet } from "@mzebley/mark-down";
-import { useSnippet } from "./hooks";
-
-export interface SnippetViewProps {
-  slug: string;
-  className?: string;
-  loadingFallback?: ReactNode;
-  errorFallback?: ReactNode;
-  onLoaded?: (snippet?: Snippet) => void;
-}
-
-export function SnippetView({
-  slug,
-  className,
-  loadingFallback = "Loading…",
-  errorFallback = "Unable to load snippet",
-  onLoaded
-}: SnippetViewProps) {
-  const state = useSnippet(slug);
-  const safeHtml = useMemo(() => (state.snippet ? DOMPurify.sanitize(state.snippet.html) : undefined), [state.snippet]);
-
-  useEffect(() => {
-    onLoaded?.(state.snippet);
-  }, [state.snippet, onLoaded]);
-
-  if (state.loading) {
-    return <div className={className}>{loadingFallback}</div>;
-  }
-
-  if (state.error) {
-    return <div className={className}>{errorFallback}</div>;
-  }
-
-  if (!state.snippet) {
-    return <div className={className}>Snippet not found</div>;
-  }
-
-  return <div className={className} dangerouslySetInnerHTML={{ __html: safeHtml ?? "" }} />;
-}

package/tsconfig.json

@@ -1,8 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "jsx": "react-jsx",
-    "outDir": "dist"
-  },
-  "include": ["src/**/*"]
-}