@object-ui/plugin-markdown 3.3.0 → 3.3.2

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @object-ui/plugin-markdown
 
+## 3.3.2
+
+### Patch Changes
+
+- @object-ui/types@3.3.2
+- @object-ui/core@3.3.2
+- @object-ui/react@3.3.2
+- @object-ui/components@3.3.2
+
+## 3.3.1
+
+### Patch Changes
+
+- Updated dependencies [b429568]
+  - @object-ui/components@3.3.1
+  - @object-ui/types@3.3.1
+  - @object-ui/core@3.3.1
+  - @object-ui/react@3.3.1
+
 ## 3.3.0
 
 ### Patch Changes

package/README.md

@@ -109,3 +109,27 @@ pnpm build
 
 # The package will generate proper ESM and UMD builds with lazy loading preserved
 ```
+
+<!-- release-metadata:v3.3.0 -->
+
+## Compatibility
+
+- **React:** 18.x or 19.x
+- **Node.js:** ≥ 18
+- **TypeScript:** ≥ 5.0 (strict mode)
+- **`@objectstack/spec`:** ^3.3.0
+- **`@objectstack/client`:** ^3.3.0
+- **Tailwind CSS:** ≥ 3.4 (for packages with UI)
+
+## Links
+
+- 📚 [Documentation](https://www.objectui.org/docs/plugins/plugin-markdown)
+- 📦 [npm package](https://www.npmjs.com/package/@object-ui/plugin-markdown)
+- 📝 [Changelog](./CHANGELOG.md)
+- 🐛 [Report an issue](https://github.com/objectstack-ai/objectui/issues)
+- 🤝 [Contributing Guide](https://github.com/objectstack-ai/objectui/blob/main/CONTRIBUTING.md)
+- 🗺️ [Roadmap](https://github.com/objectstack-ai/objectui/blob/main/ROADMAP.md)
+
+## License
+
+MIT — see [LICENSE](./LICENSE).

package/dist/{MarkdownImpl-BcKLng98.js → MarkdownImpl-C8BDvVj9.js}

@@ -1,4 +1,4 @@
-import { i as e, n as t, r as n, t as r } from "./jsx-runtime-B1W8iDPg.js";
+import { i as e, n as t, r as n, t as r } from "./jsx-runtime-DW-7Xb_Z.js";
 import "react";
 //#endregion
 //#region ../../node_modules/.pnpm/comma-separated-tokens@2.0.3/node_modules/comma-separated-tokens/index.js

package/dist/index.js

@@ -1,9 +1,9 @@
-import { t as e } from "./jsx-runtime-B1W8iDPg.js";
+import { t as e } from "./jsx-runtime-DW-7Xb_Z.js";
 import t, { Suspense as n } from "react";
 import { ComponentRegistry as r } from "@object-ui/core";
 import { Skeleton as i } from "@object-ui/components";
 //#region src/index.tsx
-var a = e(), o = t.lazy(() => import("./MarkdownImpl-BcKLng98.js")), s = ({ schema: e }) => /* @__PURE__ */ (0, a.jsx)(n, {
+var a = e(), o = t.lazy(() => import("./MarkdownImpl-C8BDvVj9.js")), s = ({ schema: e }) => /* @__PURE__ */ (0, a.jsx)(n, {
 	fallback: /* @__PURE__ */ (0, a.jsx)(i, { className: "w-full h-[200px]" }),
 	children: /* @__PURE__ */ (0, a.jsx)(o, {
 		content: e.content || "",

package/dist/index.umd.cjs

@@ -1,4 +1,4 @@
-(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`react`),require(`@object-ui/core`),require(`@object-ui/components`)):typeof define==`function`&&define.amd?define([`exports`,`react`,`@object-ui/core`,`@object-ui/components`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.ObjectUIPluginMarkdown={},e.React,e.ObjectUICore,e.ObjectUIComponents))})(this,function(e,t,n,r){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var i=Object.create,a=Object.defineProperty,o=Object.getOwnPropertyDescriptor,s=Object.getOwnPropertyNames,c=Object.getPrototypeOf,l=Object.prototype.hasOwnProperty,u=(e,t)=>()=>(e&&(t=e(e=0)),t),d=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),f=(e,t)=>{let n={};for(var r in e)a(n,r,{get:e[r],enumerable:!0});return t||a(n,Symbol.toStringTag,{value:`Module`}),n},p=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=s(t),c=0,u=i.length,d;c<u;c++)d=i[c],!l.call(e,d)&&d!==n&&a(e,d,{get:(e=>t[e]).bind(null,d),enumerable:!(r=o(t,d))||r.enumerable});return e},m=(e,t,n)=>(n=e==null?{}:i(c(e)),p(t||!e||!e.__esModule?a(n,`default`,{value:e,enumerable:!0}):n,e));t=m(t,1);var h=d((e=>{var t=Symbol.for(`react.transitional.element`),n=Symbol.for(`react.fragment`);function r(e,n,r){var i=null;if(r!==void 0&&(i=``+r),n.key!==void 0&&(i=``+n.key),`key`in n)for(var a in r={},n)a!==`key`&&(r[a]=n[a]);else r=n;return n=r.ref,{$$typeof:t,type:e,key:i,ref:n===void 0?null:n,props:r}}e.Fragment=n,e.jsx=r,e.jsxs=r})),g=d((e=>{process.env.NODE_ENV!==`production`&&(function(){function t(e){if(e==null)return null;if(typeof e==`function`)return e.$$typeof===D?null:e.displayName||e.name||null;if(typeof e==`string`)return e;switch(e){case _:return`Fragment`;case y:return`Profiler`;case v:return`StrictMode`;case C:return`Suspense`;case w:return`SuspenseList`;case ee:return`Activity`}if(typeof e==`object`)switch(typeof e.tag==`number`&&console.error(`Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.`),e.$$typeof){case g:return`Portal`;case x:return e.displayName||`Context`;case b:return(e._context.displayName||`Context`)+`.Consumer`;case S:var n=e.render;return e=e.displayName,e||=(e=n.displayName||n.name||``,e===``?`ForwardRef`:`ForwardRef(`+e+`)`),e;case T:return n=e.displayName||null,n===null?t(e.type)||`Memo`:n;case E:n=e._payload,e=e._init;try{return t(e(n))}catch{}}return null}function n(e){return``+e}function r(e){try{n(e);var t=!1}catch{t=!0}if(t){t=console;var r=t.error,i=typeof Symbol==`function`&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||`Object`;return r.call(t,`The provided key is an unsupported type %s. This value must be coerced to a string before using it here.`,i),n(e)}}function i(e){if(e===_)return`<>`;if(typeof e==`object`&&e&&e.$$typeof===E)return`<...>`;try{var n=t(e);return n?`<`+n+`>`:`<...>`}catch{return`<...>`}}function a(){var e=O.A;return e===null?null:e.getOwner()}function o(){return Error(`react-stack-top-frame`)}function s(e){if(te.call(e,`key`)){var t=Object.getOwnPropertyDescriptor(e,`key`).get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function c(e,t){function n(){A||(A=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",t))}n.isReactWarning=!0,Object.defineProperty(e,`key`,{get:n,configurable:!0})}function l(){var e=t(this.type);return re[e]||(re[e]=!0,console.error(`Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.`)),e=this.props.ref,e===void 0?null:e}function u(e,t,n,r,i,a){var o=n.ref;return e={$$typeof:h,type:e,key:t,props:n,_owner:r},(o===void 0?null:o)===null?Object.defineProperty(e,`ref`,{enumerable:!1,value:null}):Object.defineProperty(e,`ref`,{enumerable:!1,get:l}),e._store={},Object.defineProperty(e._store,`validated`,{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,`_debugInfo`,{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,`_debugStack`,{configurable:!1,enumerable:!1,writable:!0,value:i}),Object.defineProperty(e,`_debugTask`,{configurable:!1,enumerable:!1,writable:!0,value:a}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function d(e,n,i,o,l,d){var p=n.children;if(p!==void 0)if(o)if(ne(p)){for(o=0;o<p.length;o++)f(p[o]);Object.freeze&&Object.freeze(p)}else console.error(`React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.`);else f(p);if(te.call(n,`key`)){p=t(e);var m=Object.keys(n).filter(function(e){return e!==`key`});o=0<m.length?`{key: someKey, `+m.join(`: ..., `)+`: ...}`:`{key: someKey}`,ae[p+o]||(m=0<m.length?`{`+m.join(`: ..., `)+`: ...}`:`{}`,console.error(`A props object containing a "key" prop is being spread into JSX:
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`react`),require(`@object-ui/core`),require(`@object-ui/components`)):typeof define==`function`&&define.amd?define([`exports`,`react`,`@object-ui/core`,`@object-ui/components`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.ObjectUIPluginMarkdown={},e.React,e.ObjectUICore,e.ObjectUIComponents))})(this,function(e,t,n,r){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var i=Object.create,a=Object.defineProperty,o=Object.getOwnPropertyDescriptor,s=Object.getOwnPropertyNames,c=Object.getPrototypeOf,l=Object.prototype.hasOwnProperty,u=(e,t)=>()=>(e&&(t=e(e=0)),t),d=(e,t)=>()=>(t||(e((t={exports:{}}).exports,t),e=null),t.exports),f=(e,t)=>{let n={};for(var r in e)a(n,r,{get:e[r],enumerable:!0});return t||a(n,Symbol.toStringTag,{value:`Module`}),n},p=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=s(t),c=0,u=i.length,d;c<u;c++)d=i[c],!l.call(e,d)&&d!==n&&a(e,d,{get:(e=>t[e]).bind(null,d),enumerable:!(r=o(t,d))||r.enumerable});return e},m=(e,t,n)=>(n=e==null?{}:i(c(e)),p(t||!e||!e.__esModule?a(n,`default`,{value:e,enumerable:!0}):n,e));t=m(t,1);var h=d((e=>{var t=Symbol.for(`react.transitional.element`),n=Symbol.for(`react.fragment`);function r(e,n,r){var i=null;if(r!==void 0&&(i=``+r),n.key!==void 0&&(i=``+n.key),`key`in n)for(var a in r={},n)a!==`key`&&(r[a]=n[a]);else r=n;return n=r.ref,{$$typeof:t,type:e,key:i,ref:n===void 0?null:n,props:r}}e.Fragment=n,e.jsx=r,e.jsxs=r})),g=d((e=>{process.env.NODE_ENV!==`production`&&(function(){function t(e){if(e==null)return null;if(typeof e==`function`)return e.$$typeof===D?null:e.displayName||e.name||null;if(typeof e==`string`)return e;switch(e){case _:return`Fragment`;case y:return`Profiler`;case v:return`StrictMode`;case C:return`Suspense`;case w:return`SuspenseList`;case ee:return`Activity`}if(typeof e==`object`)switch(typeof e.tag==`number`&&console.error(`Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.`),e.$$typeof){case g:return`Portal`;case x:return e.displayName||`Context`;case b:return(e._context.displayName||`Context`)+`.Consumer`;case S:var n=e.render;return e=e.displayName,e||=(e=n.displayName||n.name||``,e===``?`ForwardRef`:`ForwardRef(`+e+`)`),e;case T:return n=e.displayName||null,n===null?t(e.type)||`Memo`:n;case E:n=e._payload,e=e._init;try{return t(e(n))}catch{}}return null}function n(e){return``+e}function r(e){try{n(e);var t=!1}catch{t=!0}if(t){t=console;var r=t.error,i=typeof Symbol==`function`&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||`Object`;return r.call(t,`The provided key is an unsupported type %s. This value must be coerced to a string before using it here.`,i),n(e)}}function i(e){if(e===_)return`<>`;if(typeof e==`object`&&e&&e.$$typeof===E)return`<...>`;try{var n=t(e);return n?`<`+n+`>`:`<...>`}catch{return`<...>`}}function a(){var e=O.A;return e===null?null:e.getOwner()}function o(){return Error(`react-stack-top-frame`)}function s(e){if(te.call(e,`key`)){var t=Object.getOwnPropertyDescriptor(e,`key`).get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function c(e,t){function n(){A||(A=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",t))}n.isReactWarning=!0,Object.defineProperty(e,`key`,{get:n,configurable:!0})}function l(){var e=t(this.type);return re[e]||(re[e]=!0,console.error(`Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.`)),e=this.props.ref,e===void 0?null:e}function u(e,t,n,r,i,a){var o=n.ref;return e={$$typeof:h,type:e,key:t,props:n,_owner:r},(o===void 0?null:o)===null?Object.defineProperty(e,`ref`,{enumerable:!1,value:null}):Object.defineProperty(e,`ref`,{enumerable:!1,get:l}),e._store={},Object.defineProperty(e._store,`validated`,{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,`_debugInfo`,{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,`_debugStack`,{configurable:!1,enumerable:!1,writable:!0,value:i}),Object.defineProperty(e,`_debugTask`,{configurable:!1,enumerable:!1,writable:!0,value:a}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function d(e,n,i,o,l,d){var p=n.children;if(p!==void 0)if(o)if(ne(p)){for(o=0;o<p.length;o++)f(p[o]);Object.freeze&&Object.freeze(p)}else console.error(`React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.`);else f(p);if(te.call(n,`key`)){p=t(e);var m=Object.keys(n).filter(function(e){return e!==`key`});o=0<m.length?`{key: someKey, `+m.join(`: ..., `)+`: ...}`:`{key: someKey}`,ae[p+o]||(m=0<m.length?`{`+m.join(`: ..., `)+`: ...}`:`{}`,console.error(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:

package/dist/{jsx-runtime-B1W8iDPg.js → jsx-runtime-DW-7Xb_Z.js}

@@ -1,5 +1,5 @@
 //#region \0rolldown/runtime.js
-var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescriptor, r = Object.getOwnPropertyNames, i = Object.getPrototypeOf, a = Object.prototype.hasOwnProperty, o = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), s = (e, n) => {
+var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescriptor, r = Object.getOwnPropertyNames, i = Object.getPrototypeOf, a = Object.prototype.hasOwnProperty, o = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), s = (e, n) => {
 	let r = {};
 	for (var i in e) t(r, i, {
 		get: e[i],

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@object-ui/plugin-markdown",
-  "version": "3.3.0",
+  "version": "3.3.2",
   "type": "module",
   "license": "MIT",
   "description": "Markdown rendering plugin for Object UI, powered by react-markdown",
-  "homepage": "https://www.objectui.org",
+  "homepage": "https://www.objectui.org/docs/plugins/plugin-markdown",
   "repository": {
     "type": "git",
-    "url": "https://github.com/objectstack-ai/objectui.git",
+    "url": "git+https://github.com/objectstack-ai/objectui.git",
     "directory": "packages/plugin-markdown"
   },
   "bugs": {
@@ -27,10 +27,10 @@
     "react-markdown": "^10.1.0",
     "rehype-sanitize": "^6.0.0",
     "remark-gfm": "^4.0.1",
-    "@object-ui/components": "3.3.0",
-    "@object-ui/core": "3.3.0",
-    "@object-ui/react": "3.3.0",
-    "@object-ui/types": "3.3.0"
+    "@object-ui/components": "3.3.2",
+    "@object-ui/core": "3.3.2",
+    "@object-ui/react": "3.3.2",
+    "@object-ui/types": "3.3.2"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
@@ -40,10 +40,33 @@
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
-    "typescript": "^6.0.2",
-    "vite": "^8.0.8",
+    "typescript": "^6.0.3",
+    "vite": "^8.0.10",
     "vite-plugin-dts": "^4.5.4"
   },
+  "keywords": [
+    "objectui",
+    "sdui",
+    "schema-driven-ui",
+    "react",
+    "tailwind",
+    "shadcn",
+    "objectstack",
+    "plugin",
+    "markdown",
+    "react-markdown",
+    "gfm"
+  ],
+  "author": "ObjectStack Team <team@objectstack.ai>",
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "CHANGELOG.md",
+    "LICENSE"
+  ],
   "scripts": {
     "build": "vite build",
     "test": "vitest run",

package/.turbo/turbo-build.log

@@ -1,24 +0,0 @@
-
-> @object-ui/plugin-markdown@3.3.0 build /home/runner/work/objectui/objectui/packages/plugin-markdown
-> vite build
-
-vite v8.0.8 building client environment for production...
-
-rendering chunks...
-
-[vite:dts] Start generate declaration files...
-[vite:dts] Declaration files built in 20198ms.
-
-computing gzip size...
-dist/index.js                    1.06 kB │ gzip:  0.58 kB
-dist/jsx-runtime-B1W8iDPg.js     8.59 kB │ gzip:  3.13 kB
-dist/MarkdownImpl-BcKLng98.js  225.97 kB │ gzip: 55.48 kB
-
-[PLUGIN_TIMINGS] Warning: Your build spent significant time in plugin `vite:dts`. See https://rolldown.rs/options/checks#plugintimings for more details.
-
-
-rendering chunks...
-computing gzip size...
-dist/index.umd.cjs  172.89 kB │ gzip: 53.13 kB
-
-✓ built in 23.70s

package/src/MarkdownImpl.tsx

@@ -1,72 +0,0 @@
-/**
- * ObjectUI
- * Copyright (c) 2024-present ObjectStack Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import * as React from "react"
-import ReactMarkdown from "react-markdown"
-import remarkGfm from "remark-gfm"
-import rehypeSanitize from "rehype-sanitize"
-
-/**
- * Props for the Markdown component implementation.
- * 
- * This component renders markdown content using react-markdown with GitHub Flavored Markdown support.
- * All content is sanitized to prevent XSS attacks.
- */
-export interface MarkdownImplProps {
-  /**
-   * The markdown content to render.
-   */
-  content: string
-  
-  /**
-   * Optional CSS class name to apply custom styling to the markdown container.
-   */
-  className?: string
-}
-
-/**
- * Internal Markdown implementation component.
- * This contains the actual react-markdown import (heavy ~100-200 KB).
- */
-export default function MarkdownImpl({ content, className }: MarkdownImplProps) {
-  // Utility function to merge class names (inline to avoid external dependency)
-  const cn = (...classes: (string | undefined)[]) => classes.filter(Boolean).join(' ')
-  
-  return (
-    <div
-      data-slot="markdown"
-      className={cn(
-        "prose prose-sm dark:prose-invert max-w-none",
-        "prose-headings:font-semibold prose-headings:tracking-tight",
-        "prose-h1:text-3xl prose-h2:text-2xl prose-h3:text-xl",
-        "prose-p:leading-relaxed prose-p:text-foreground",
-        "prose-a:text-primary prose-a:no-underline hover:prose-a:underline",
-        "prose-code:text-foreground prose-code:bg-muted prose-code:px-1 prose-code:py-0.5 prose-code:rounded prose-code:before:content-none prose-code:after:content-none",
-        "prose-pre:bg-muted prose-pre:text-foreground prose-pre:border",
-        "prose-blockquote:border-l-primary prose-blockquote:text-muted-foreground",
-        "prose-strong:text-foreground prose-strong:font-semibold",
-        "prose-ul:list-disc prose-ol:list-decimal",
-        "prose-li:text-foreground prose-li:marker:text-muted-foreground",
-        "prose-table:border prose-th:border prose-th:bg-muted prose-td:border",
-        "prose-img:rounded-md prose-img:border",
-        className
-      )}
-    >
-      <ReactMarkdown 
-        remarkPlugins={[remarkGfm]}
-        rehypePlugins={[rehypeSanitize]}
-        // Additional security: only allow safe elements
-        // This provides defense-in-depth beyond rehype-sanitize
-        disallowedElements={['script', 'style', 'iframe', 'object', 'embed']}
-        unwrapDisallowed={true}
-      >
-        {content}
-      </ReactMarkdown>
-    </div>
-  )
-}

package/src/index.test.ts

@@ -1,63 +0,0 @@
-/**
- * ObjectUI
- * Copyright (c) 2024-present ObjectStack Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { describe, it, expect, beforeAll } from 'vitest';
-import { ComponentRegistry } from '@object-ui/core';
-
-describe('Plugin Markdown', () => {
-  // Import all renderers to register them
-  beforeAll(async () => {
-    await import('./index');
-  }, 15000); // Increase timeout to 15 seconds for async import
-
-  describe('markdown component', () => {
-    it('should be registered in ComponentRegistry', () => {
-      const markdownRenderer = ComponentRegistry.get('markdown');
-      expect(markdownRenderer).toBeDefined();
-    });
-
-    it('should have proper metadata', () => {
-      const config = ComponentRegistry.getConfig('markdown');
-      expect(config).toBeDefined();
-      expect(config?.label).toBe('Markdown');
-      expect(config?.category).toBe('plugin');
-      expect(config?.inputs).toBeDefined();
-      expect(config?.defaultProps).toBeDefined();
-    });
-
-    it('should have expected inputs', () => {
-      const config = ComponentRegistry.getConfig('markdown');
-      const inputNames = config?.inputs?.map((input: any) => input.name) || [];
-      
-      expect(inputNames).toContain('content');
-      expect(inputNames).toContain('className');
-    });
-
-    it('should have content as required input', () => {
-      const config = ComponentRegistry.getConfig('markdown');
-      const contentInput = config?.inputs?.find((input: any) => input.name === 'content');
-      
-      expect(contentInput).toBeDefined();
-      expect(contentInput?.required).toBe(true);
-      expect(contentInput?.type).toBe('string');
-      expect(contentInput?.inputType).toBe('textarea');
-    });
-
-    it('should have sensible default props', () => {
-      const config = ComponentRegistry.getConfig('markdown');
-      const defaults = config?.defaultProps;
-      
-      expect(defaults).toBeDefined();
-      expect(defaults?.content).toBeDefined();
-      expect(typeof defaults?.content).toBe('string');
-      expect(defaults?.content.length).toBeGreaterThan(0);
-      // Verify it contains markdown syntax
-      expect(defaults?.content).toContain('#');
-    });
-  });
-});

package/src/index.tsx

@@ -1,71 +0,0 @@
-/**
- * ObjectUI
- * Copyright (c) 2024-present ObjectStack Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import React, { Suspense } from 'react';
-import { ComponentRegistry } from '@object-ui/core';
-import { Skeleton } from '@object-ui/components';
-
-// Export types for external use
-export type { MarkdownSchema } from './types';
-
-// 🚀 Lazy load the implementation file
-// This ensures react-markdown is only loaded when the component is actually rendered
-const LazyMarkdown = React.lazy(() => import('./MarkdownImpl'));
-
-export interface MarkdownRendererProps {
-  schema: {
-    type: string;
-    id?: string;
-    className?: string;
-    content?: string;
-  };
-}
-
-/**
- * MarkdownRenderer - The public API for the markdown component
- * This wrapper handles lazy loading internally using React.Suspense
- */
-export const MarkdownRenderer: React.FC<MarkdownRendererProps> = ({ schema }) => {
-  return (
-    <Suspense fallback={<Skeleton className="w-full h-[200px]" />}>
-      <LazyMarkdown
-        content={schema.content || ''}
-        className={schema.className}
-      />
-    </Suspense>
-  );
-};
-
-// Register the component with the ComponentRegistry
-ComponentRegistry.register(
-  'markdown',
-  MarkdownRenderer,
-  {
-    namespace: 'plugin-markdown',
-    label: 'Markdown',
-    category: 'plugin',
-    inputs: [
-      { 
-        name: 'content', 
-        type: 'string', 
-        label: 'Markdown Content', 
-        required: true,
-        inputType: 'textarea'
-      },
-      { name: 'className', type: 'string', label: 'CSS Class' }
-    ],
-    defaultProps: {
-      content: '# Hello World\n\nThis is a **markdown** component with *formatting* support.\n\n- Item 1\n- Item 2\n- Item 3',
-    }
-  }
-);
-
-// Standard Export Protocol - for manual integration
-export const markdownComponents = {
-  'markdown': MarkdownRenderer,
-};

package/src/types.ts

@@ -1,36 +0,0 @@
-/**
- * ObjectUI
- * Copyright (c) 2024-present ObjectStack Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import type { BaseSchema } from '@object-ui/types';
-
-/**
- * Markdown component schema.
- * Renders markdown content with GitHub Flavored Markdown support.
- */
-export interface MarkdownSchema extends BaseSchema {
-  type: 'markdown';
-  
-  /**
-   * The markdown content to render. Supports GitHub Flavored Markdown including:
-   * - Headers (H1-H6)
-   * - Bold, italic, and inline code
-   * - Links and images
-   * - Lists (ordered, unordered, and nested)
-   * - Tables
-   * - Blockquotes
-   * - Code blocks
-   * - Strikethrough
-   * - Task lists
-   */
-  content?: string;
-  
-  /**
-   * Optional CSS class name to apply custom styling to the markdown container.
-   */
-  className?: string;
-}

package/tsconfig.json

@@ -1,19 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "dist",
-    "jsx": "react-jsx",
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["src/*"]
-    },
-    // Removed rootDir to prevent file not under rootDir errors when importing from workspace dependencies
-    "noEmit": false,
-    "declaration": true,
-    "composite": true,
-    "declarationMap": true,
-    "skipLibCheck": true
-  },
-  "include": ["src"],
-  "exclude": ["node_modules", "dist", "**/*.test.ts", "**/*.test.tsx"]
-}

package/vite.config.ts

@@ -1,60 +0,0 @@
-/**
- * ObjectUI
- * Copyright (c) 2024-present ObjectStack Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react';
-import dts from 'vite-plugin-dts';
-import { resolve } from 'path';
-
-export default defineConfig({
-  plugins: [
-    react(),
-    dts({
-      insertTypesEntry: true,
-      compilerOptions: { rootDir: resolve(__dirname, '../..') },
-      include: ['src'],
-    }),
-  ],
-  resolve: {
-    alias: {
-      '@': resolve(__dirname, './src'),
-      '@object-ui/core': resolve(__dirname, '../core/src'),
-      '@object-ui/types': resolve(__dirname, '../types/src'),
-      '@object-ui/react': resolve(__dirname, '../react/src'),
-      '@object-ui/components': resolve(__dirname, '../components/src'),
-      '@object-ui/fields': resolve(__dirname, '../fields/src'),
-      '@object-ui/plugin-dashboard': resolve(__dirname, '../plugin-dashboard/src'),
-      '@object-ui/plugin-grid': resolve(__dirname, '../plugin-grid/src'),
-    },
-  },
-  build: {
-    lib: {
-      entry: resolve(__dirname, 'src/index.tsx'),
-      name: 'ObjectUIPluginMarkdown',
-      fileName: 'index',
-    },
-    rollupOptions: {
-      external: ['react', 'react-dom', '@object-ui/components', '@object-ui/core', '@object-ui/react'],
-      output: {
-        globals: {
-          react: 'React',
-          'react-dom': 'ReactDOM',
-          '@object-ui/components': 'ObjectUIComponents',
-          '@object-ui/core': 'ObjectUICore',
-          '@object-ui/react': 'ObjectUIReact',
-        },
-      },
-    },
-  },
-  test: {
-    globals: true,
-    environment: 'happy-dom',
-    setupFiles: ['../../vitest.setup.tsx'],
-    passWithNoTests: true,
-  },
-});