@d1vij/react-mdx-loader 0.1.0

package/LICENCE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Divij Verma
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,5 @@
+# React MDX Loader
+
+Supporting lib to create content driven sites using MDX
+
+> [!NOTE] WIP

package/dist/index.d.ts

@@ -0,0 +1,22 @@
+type JSX = React.JSX.Element | null;
+type HeaderLevels = 1 | 2 | 3 | 4 | 5 | 6;
+type StyleClasses = "header" | `header_${HeaderLevels}` | "header_icon" | "anchor" | "button" | "bold" | "italic" | "span" | "striked" | "paragraph" | "code" | "preformatted" | "blockquote" | "horizontal_line" | "image" | "list" | `${"un" | ""}ordered_list` | "list_item" | "table" | "table_head" | "table_head_cell" | "table_body" | "table_row" | "table_data";
+type StyleClassesMap = Partial<{ [K in StyleClasses] : string }>;
+declare const StyleContext: React.Context<StyleClassesMap>;
+import { MDXProps } from "mdx/types";
+type MDXSourceComponent = React.ComponentType<MDXProps>;
+type MDXFromComponentProps = {
+	SourceComponent: MDXSourceComponent;
+};
+declare function MDXFromComponent({ SourceComponent }: MDXFromComponentProps): JSX;
+import { Options as MDXOptions } from "@mdx-js/rollup";
+import { Plugin } from "vite";
+type MDXLoaderPluginOptions = {
+	mdxPluginOptions: MDXOptions;
+};
+/**
+* Vite plugin to support MDX conversion.
+* Users wont have to explicitly setup their vite config
+*/
+declare function MDXLoaderPlugin({ mdxPluginOptions }: MDXLoaderPluginOptions): Plugin;
+export { StyleContext, MDXLoaderPlugin, MDXFromComponent, HeaderLevels };

package/dist/index.js

@@ -0,0 +1 @@
+import{createContext as G,useContext as K}from"react";var c=G({});function o(){return K(c)}import{cn as W}from"@d1vij/shit-i-always-use";import{useState as Y}from"react";import{jsxDEV as $}from"react/jsx-dev-runtime";var Z=new URL(window.location.href).origin.toString();function J(t){let e=o(),[r]=Y(()=>{if(t.href?.match(/^#.*/))return"_self";return new URL(t.href??"").origin.toString()===Z?"_self":"_blank"});return $("a",{className:W(e.anchor),target:r,href:t.href,children:t.children},void 0,!1,void 0,this)}import{cn as Q}from"@d1vij/shit-i-always-use";import{jsxDEV as R}from"react/jsx-dev-runtime";function f(t){let e=o();return R("blockquote",{className:Q(e.blockquote),children:t.children},void 0,!1,void 0,this)}import{cn as A}from"@d1vij/shit-i-always-use";import{jsxDEV as B}from"react/jsx-dev-runtime";function P(t){let e=o();return B("span",{className:A(e.bold),children:t.children},void 0,!1,void 0,this)}import{cn as I}from"@d1vij/shit-i-always-use";import{jsxDEV as H}from"react/jsx-dev-runtime";function i(t){let e=o(),r=/language-(\w+)/.exec(t.className||"")?.[1];return H("code",{className:I(e.code,r&&`language-${r}`),children:t.children},void 0,!1,void 0,this)}import{cn as T,useClipboardText as D}from"@d1vij/shit-i-always-use";import{useEffect as x,useRef as v,useState as V}from"react";import{jsxDEV as d}from"react/jsx-dev-runtime";function n(t){let e=o(),r=v(null),[p,u]=V(""),{copy:O}=D();async function U(){let X=new URL(`/#${p}`,window.location.origin).toString();console.log("clicked"),await O(X)}return x(()=>{if(!r.current)return;let z=(r.current.textContent??"").toLowerCase().replace(/[^a-z0-9\s-]/g,"").trim().replace(/\s+/g,"-").slice(0,30);u(z)},[]),d("h1",{className:T(e.header,e[`header_${t.level}`]),children:d("button",{onClick:()=>void U(),ref:r,id:p,type:"button",children:t.children},void 0,!1,void 0,this)},void 0,!1,void 0,this)}import{cn as j}from"@d1vij/shit-i-always-use";import{jsxDEV as tt}from"react/jsx-dev-runtime";function y(t){let e=o();return tt("img",{className:j(e.image),alt:t.alt,title:t.title,src:t.src},void 0,!1,void 0,this)}import{cn as et}from"@d1vij/shit-i-always-use";import{jsxDEV as ot}from"react/jsx-dev-runtime";function h(t){let e=o();return ot("span",{className:et(e.italic),children:t.children},void 0,!1,void 0,this)}import{cn as b}from"@d1vij/shit-i-always-use";import{jsxDEV as g}from"react/jsx-dev-runtime";function s(t){let e=o(),r=t.type==="ordered"?"ol":"ul";return g(r,{className:b(e.list,t.type==="ordered"&&e.ordered_list,t.type==="unordered"&&e.unordered_list),children:t.children},void 0,!1,void 0,this)}function N(t){let e=o();return g("li",{className:b(e.list_item),children:t.children},void 0,!1,void 0,this)}import{cn as rt}from"@d1vij/shit-i-always-use";import{jsxDEV as nt}from"react/jsx-dev-runtime";function _(t){let e=o();return nt("p",{className:rt(e.paragraph),children:t.children},void 0,!1,void 0,this)}import{cn as mt}from"@d1vij/shit-i-always-use";import{jsxDEV as lt}from"react/jsx-dev-runtime";function a(t){let e=o();return lt("pre",{className:mt(e.preformatted),children:t.children},void 0,!1,void 0,this)}import{cn as st}from"@d1vij/shit-i-always-use";import{jsxDEV as pt}from"react/jsx-dev-runtime";function M(t){let e=o();return pt("span",{className:st(e.striked),children:t.children},void 0,!1,void 0,this)}import{cn as m}from"@d1vij/shit-i-always-use";import{jsxDEV as l}from"react/jsx-dev-runtime";function F(t){let e=o();return l("table",{className:m(e.table),children:t.children},void 0,!1,void 0,this)}function q(t){let e=o();return l("thead",{className:m(e.table_head),children:t.children},void 0,!1,void 0,this)}function E(t){let e=o();return l("tbody",{className:m(e.table_body),children:t.children},void 0,!1,void 0,this)}function k(t){let e=o();return l("tr",{className:m(e.table_row),children:t.children},void 0,!1,void 0,this)}function w(t){let e=o();return l("th",{className:m(e.table_head_cell),children:t.children},void 0,!1,void 0,this)}function L(t){let e=o();return l("td",{className:m(e.table_data),children:t.children},void 0,!1,void 0,this)}var ct={h1:(t)=>n({...t,level:1}),h2:(t)=>n({...t,level:2}),h3:(t)=>n({...t,level:3}),h4:(t)=>n({...t,level:4}),h5:(t)=>n({...t,level:5}),h6:(t)=>n({...t,level:6}),a:J,em:h,del:M,strong:P,code:i,blockquote:f,pre:a,p:_,ol:(t)=>s({...t,type:"ordered"}),ul:(t)=>s({...t,type:"unordered"}),li:N,img:y,table:F,thead:q,tbody:E,th:w,tr:k,td:L},S=ct;import{jsxDEV as ft}from"react/jsx-dev-runtime";function C({SourceComponent:t}){return ft(t,{components:S},void 0,!1,void 0,this)}import it from"@mdx-js/rollup";function yt({mdxPluginOptions:t}){return{name:"react-mdx-loader-plugin",enforce:"pre",config(e){return{...e,plugins:[it(t)]}}}}export{c as StyleContext,yt as MDXLoaderPlugin,C as MDXFromComponent};

package/package.json

@@ -0,0 +1,70 @@
+{
+    "name": "@d1vij/react-mdx-loader",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/d1vij/react-mdx-loader"
+    },
+    "homepage": "https://github.com/d1vij/react-mdx-loader",
+    "version": "0.1.0",
+    "description": "Supporting lib to create content driven sites using MDX",
+    "license": "MIT",
+    "files": [
+        "dist"
+    ],
+    "sideEffects": false,
+    "publishConfig": {
+        "access": "public"
+    },
+    "scripts": {
+        "build": "bunup",
+        "dev:ui": "cd test/ui && vite",
+        "dev": "bunup --watch",
+        "prepare": "bun simple-git-hooks",
+        "type-check": "tsc --noEmit",
+        "prepack": "bun run build",
+        "release": "bumpp --commit --push --tag",
+        "lint": "biome check --fix && tsc -b",
+        "format": "biome format --write"
+    },
+    "devDependencies": {
+        "@biomejs/biome": "^2.4.4",
+        "@types/bun": "^1.3.9",
+        "@types/mdx": "^2.0.13",
+        "@types/react": "^19.2.14",
+        "@types/react-dom": "^19.2.3",
+        "bumpp": "^10.4.1",
+        "bunup": "^0.16.29",
+        "simple-git-hooks": "^2.13.1",
+        "typescript": "^5.9.3"
+    },
+    "peerDependencies": {
+        "@mdx-js/rollup": "^3.1.1",
+        "react": "^19.2.4",
+        "react-dom": "^19.2.4",
+        "typescript": ">=4.5.0",
+        "vite": "^7.3.1"
+    },
+    "peerDependenciesMeta": {
+        "typescript": {
+            "optional": true
+        }
+    },
+    "type": "module",
+    "exports": {
+        ".": {
+            "import": {
+                "types": "./dist/index.d.ts",
+                "default": "./dist/index.js"
+            }
+        },
+        "./package.json": "./package.json"
+    },
+    "module": "./dist/index.js",
+    "types": "./dist/index.d.ts",
+    "dependencies": {
+        "@d1vij/shit-i-always-use": "^0.1.3"
+    },
+    "simple-git-hooks": {
+        "pre-commit": "bun run lint && bun run type-check"
+    }
+}