@object-ui/plugin-editor 3.3.0 → 3.3.1

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @object-ui/plugin-editor
 
+## 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

@@ -104,3 +104,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-editor)
+- 📦 [npm package](https://www.npmjs.com/package/@object-ui/plugin-editor)
+- 📝 [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/{MonacoImpl-BMgw4JKF.js → MonacoImpl-CWQ6eT06.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./jsx-runtime-HjdTyiyb.js";
+import { t as e } from "./jsx-runtime-hW70xvt7.js";
 import t, { memo as n, useCallback as r, useEffect as i, useRef as a, useState as o } from "react";
 //#region ../../node_modules/.pnpm/@monaco-editor+loader@1.7.0/node_modules/@monaco-editor/loader/lib/es/_virtual/_rollupPluginBabelHelpers.js
 function s(e, t) {

package/dist/index.js

@@ -1,9 +1,9 @@
-import { t as e } from "./jsx-runtime-HjdTyiyb.js";
+import { t as e } from "./jsx-runtime-hW70xvt7.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("./MonacoImpl-BMgw4JKF.js")), s = ({ schema: e, value: t, onChange: r }) => /* @__PURE__ */ (0, a.jsx)(n, {
+var a = e(), o = t.lazy(() => import("./MonacoImpl-CWQ6eT06.js")), s = ({ schema: e, value: t, onChange: r }) => /* @__PURE__ */ (0, a.jsx)(n, {
 	fallback: /* @__PURE__ */ (0, a.jsx)(i, { className: "w-full h-[400px]" }),
 	children: /* @__PURE__ */ (0, a.jsx)(o, {
 		value: t ?? e.value,

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.ObjectUIPluginEditor={},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};t=((e,t,n)=>(n=e==null?{}:i(c(e)),p(t||!e||!e.__esModule?a(n,`default`,{value:e,enumerable:!0}):n,e)))(t,1);var m=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})),h=d((e=>{process.env.NODE_ENV!==`production`&&(function(){function t(e){if(e==null)return null;if(typeof e==`function`)return e.$$typeof===O?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 D: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=k.A;return e===null?null:e.getOwner()}function o(){return Error(`react-stack-top-frame`)}function s(e){if(A.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(){N||(N=!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 P[e]||(P[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(j(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(A.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}`,L[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.ObjectUIPluginEditor={},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};t=((e,t,n)=>(n=e==null?{}:i(c(e)),p(t||!e||!e.__esModule?a(n,`default`,{value:e,enumerable:!0}):n,e)))(t,1);var m=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})),h=d((e=>{process.env.NODE_ENV!==`production`&&(function(){function t(e){if(e==null)return null;if(typeof e==`function`)return e.$$typeof===O?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 D: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=k.A;return e===null?null:e.getOwner()}function o(){return Error(`react-stack-top-frame`)}function s(e){if(A.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(){N||(N=!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 P[e]||(P[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(j(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(A.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}`,L[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-HjdTyiyb.js → jsx-runtime-hW70xvt7.js}

@@ -1,5 +1,5 @@
 //#region \0rolldown/runtime.js
-var e = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), t = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
+var e = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), t = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
 	if (typeof require < "u") return require.apply(this, arguments);
 	throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
 }), n = /* @__PURE__ */ e(((e) => {

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@object-ui/plugin-editor",
-  "version": "3.3.0",
+  "version": "3.3.1",
   "type": "module",
   "license": "MIT",
   "description": "Rich text editor plugin for Object UI, powered by Monaco Editor",
-  "homepage": "https://www.objectui.org",
+  "homepage": "https://www.objectui.org/docs/plugins/plugin-editor",
   "repository": {
     "type": "git",
-    "url": "https://github.com/objectstack-ai/objectui.git",
+    "url": "git+https://github.com/objectstack-ai/objectui.git",
     "directory": "packages/plugin-editor"
   },
   "bugs": {
@@ -25,10 +25,10 @@
   },
   "dependencies": {
     "@monaco-editor/react": "^4.7.0",
-    "@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.1",
+    "@object-ui/core": "3.3.1",
+    "@object-ui/react": "3.3.1",
+    "@object-ui/types": "3.3.1"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
@@ -38,10 +38,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.9",
     "vite-plugin-dts": "^4.5.4"
   },
+  "keywords": [
+    "objectui",
+    "sdui",
+    "schema-driven-ui",
+    "react",
+    "tailwind",
+    "shadcn",
+    "objectstack",
+    "plugin",
+    "editor",
+    "monaco",
+    "code-editor"
+  ],
+  "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,27 +0,0 @@
-
-> @object-ui/plugin-editor@3.3.0 build /home/runner/work/objectui/objectui/packages/plugin-editor
-> 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 10183ms.
-
-computing gzip size...
-dist/index.js                  1.65 kB │ gzip: 0.74 kB
-dist/jsx-runtime-HjdTyiyb.js   7.81 kB │ gzip: 2.84 kB
-dist/MonacoImpl-BMgw4JKF.js   18.40 kB │ gzip: 5.69 kB
-
-[PLUGIN_TIMINGS] Warning: Your build spent significant time in plugins. Here is a breakdown:
-  - vite:dts (86%)
-  - vite:worker (9%)
-See https://rolldown.rs/options/checks#plugintimings for more details.
-
-
-rendering chunks...
-computing gzip size...
-dist/index.umd.cjs  22.90 kB │ gzip: 8.06 kB
-
-✓ built in 11.00s

package/src/MonacoImpl.tsx

@@ -1,53 +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 Editor from '@monaco-editor/react';
-
-export interface MonacoImplProps {
-  value?: string;
-  language?: string;
-  theme?: 'vs-dark' | 'light';
-  height?: string;
-  onChange?: (value: string | undefined) => void;
-  readOnly?: boolean;
-  className?: string;
-}
-
-/**
- * MonacoImpl - The heavy implementation that imports Monaco Editor
- * This component is lazy-loaded to avoid including Monaco in the initial bundle
- */
-export default function MonacoImpl({
-  value = '',
-  language = 'javascript',
-  theme = 'vs-dark',
-  height = '400px',
-  onChange,
-  readOnly = false,
-  className = '',
-}: MonacoImplProps) {
-  return (
-    <div className={className}>
-      <Editor
-        height={height}
-        language={language}
-        theme={theme}
-        value={value}
-        onChange={onChange}
-        options={{
-          readOnly,
-          minimap: { enabled: false },
-          fontSize: 14,
-          lineNumbers: 'on',
-          scrollBeyondLastLine: false,
-          automaticLayout: true,
-        }}
-      />
-    </div>
-  );
-}

package/src/index.test.ts

@@ -1,99 +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 Editor', () => {
-  // Import all renderers to register them
-  // Note: Monaco Editor is a heavy library that takes time to load
-  beforeAll(async () => {
-    await import('./index');
-  }, 30000); // 30 second timeout for Monaco Editor initialization
-
-  describe('code-editor component', () => {
-    it('should be registered in ComponentRegistry', () => {
-      const editorRenderer = ComponentRegistry.get('code-editor');
-      expect(editorRenderer).toBeDefined();
-    });
-
-    it('should have proper metadata', () => {
-      const config = ComponentRegistry.getConfig('code-editor');
-      expect(config).toBeDefined();
-      expect(config?.label).toBe('Code Editor');
-      expect(config?.category).toBe('plugin');
-      expect(config?.inputs).toBeDefined();
-      expect(config?.defaultProps).toBeDefined();
-    });
-
-    it('should have expected inputs', () => {
-      const config = ComponentRegistry.getConfig('code-editor');
-      const inputNames = config?.inputs?.map((input: any) => input.name) || [];
-      
-      expect(inputNames).toContain('value');
-      expect(inputNames).toContain('language');
-      expect(inputNames).toContain('theme');
-      expect(inputNames).toContain('height');
-      expect(inputNames).toContain('readOnly');
-    });
-
-    it('should have language as enum input', () => {
-      const config = ComponentRegistry.getConfig('code-editor');
-      const languageInput = config?.inputs?.find((input: any) => input.name === 'language');
-      
-      expect(languageInput).toBeDefined();
-      expect(languageInput?.type).toBe('enum');
-      expect(languageInput?.enum).toBeDefined();
-      expect(Array.isArray(languageInput?.enum)).toBe(true);
-      
-      const enumValues = languageInput?.enum || [];
-      expect(enumValues).toContain('javascript');
-      expect(enumValues).toContain('typescript');
-      expect(enumValues).toContain('python');
-      expect(enumValues).toContain('json');
-      expect(enumValues).toContain('html');
-      expect(enumValues).toContain('css');
-    });
-
-    it('should have theme as enum input', () => {
-      const config = ComponentRegistry.getConfig('code-editor');
-      const themeInput = config?.inputs?.find((input: any) => input.name === 'theme');
-      
-      expect(themeInput).toBeDefined();
-      expect(themeInput?.type).toBe('enum');
-      expect(themeInput?.enum).toBeDefined();
-      expect(Array.isArray(themeInput?.enum)).toBe(true);
-      
-      const enumValues = themeInput?.enum || [];
-      expect(enumValues).toContain('vs-dark');
-      expect(enumValues).toContain('light');
-    });
-
-    it('should have sensible default props', () => {
-      const config = ComponentRegistry.getConfig('code-editor');
-      const defaults = config?.defaultProps;
-      
-      expect(defaults).toBeDefined();
-      expect(defaults?.value).toBeDefined();
-      expect(typeof defaults?.value).toBe('string');
-      expect(defaults?.language).toBe('javascript');
-      expect(defaults?.theme).toBe('vs-dark');
-      expect(defaults?.height).toBe('400px');
-      expect(defaults?.readOnly).toBe(false);
-    });
-
-    it('should have readOnly as boolean input', () => {
-      const config = ComponentRegistry.getConfig('code-editor');
-      const readOnlyInput = config?.inputs?.find((input: any) => input.name === 'readOnly');
-      
-      expect(readOnlyInput).toBeDefined();
-      expect(readOnlyInput?.type).toBe('boolean');
-      expect(readOnlyInput?.defaultValue).toBe(false);
-    });
-  });
-});

package/src/index.tsx

@@ -1,84 +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 { CodeEditorSchema } from './types';
-
-// 🚀 Lazy load the implementation file
-// This ensures Monaco Editor is only loaded when the component is actually rendered
-const LazyMonacoEditor = React.lazy(() => import('./MonacoImpl'));
-
-export interface CodeEditorRendererProps {
-  schema: {
-    type: string;
-    id?: string;
-    className?: string;
-    value?: string;
-    language?: string;
-    theme?: 'vs-dark' | 'light';
-    height?: string;
-    readOnly?: boolean;
-    onChange?: (value: string | undefined) => void;
-  };
-  value?: string;
-  onChange?: (value: string | undefined) => void;
-}
-
-/**
- * CodeEditorRenderer - The public API for the code editor component
- * This wrapper handles lazy loading internally using React.Suspense
- */
-export const CodeEditorRenderer: React.FC<CodeEditorRendererProps> = ({ schema, value, onChange }) => {
-  return (
-    <Suspense fallback={<Skeleton className="w-full h-[400px]" />}>
-      <LazyMonacoEditor
-        value={value ?? schema.value}
-        language={schema.language}
-        theme={schema.theme}
-        height={schema.height}
-        onChange={onChange ?? schema.onChange}
-        readOnly={schema.readOnly}
-        className={schema.className}
-      />
-    </Suspense>
-  );
-};
-
-// Register the component with the ComponentRegistry
-ComponentRegistry.register(
-  'code-editor',
-  CodeEditorRenderer,
-  {
-    namespace: 'plugin-editor',
-    label: 'Code Editor',
-    category: 'plugin',
-    inputs: [
-      { name: 'value', type: 'string', label: 'Code', defaultValue: '' },
-      { name: 'language', type: 'enum', label: 'Language', enum: ['javascript', 'typescript', 'python', 'json', 'html', 'css'], defaultValue: 'javascript' },
-      { name: 'theme', type: 'enum', label: 'Theme', enum: ['vs-dark', 'light'], defaultValue: 'vs-dark' },
-      { name: 'height', type: 'string', label: 'Height', defaultValue: '400px' },
-      { name: 'readOnly', type: 'boolean', label: 'Read Only', defaultValue: false },
-    ],
-    defaultProps: {
-      value: '// Write your code here\nconsole.log("Hello, World!");',
-      language: 'javascript',
-      theme: 'vs-dark',
-      height: '400px',
-      readOnly: false,
-    },
-  }
-);
-
-// Standard Export Protocol - for manual integration
-export const editorComponents = {
-  'code-editor': CodeEditorRenderer,
-};

package/src/types.ts

@@ -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.
- */
-
-/**
- * TypeScript type definitions for @object-ui/plugin-editor
- * 
- * These types can be imported by applications using this plugin
- * to get full TypeScript support for code-editor schemas.
- */
-
-import type { BaseSchema } from '@object-ui/types';
-
-/**
- * Code Editor component schema.
- * Renders a Monaco-based code editor with syntax highlighting.
- * 
- * @example
- * ```typescript
- * import type { CodeEditorSchema } from '@object-ui/plugin-editor';
- * 
- * const editorSchema: CodeEditorSchema = {
- *   type: 'code-editor',
- *   value: 'console.log("Hello, World!");',
- *   language: 'javascript',
- *   theme: 'vs-dark',
- *   height: '400px'
- * }
- * ```
- */
-export interface CodeEditorSchema extends BaseSchema {
-  type: 'code-editor';
-  
-  /**
-   * The code content to display in the editor.
-   */
-  value?: string;
-  
-  /**
-   * Programming language for syntax highlighting.
-   * @default 'javascript'
-   */
-  language?: 'javascript' | 'typescript' | 'python' | 'json' | 'html' | 'css' | 'markdown' | string;
-  
-  /**
-   * Color theme for the editor.
-   * @default 'vs-dark'
-   */
-  theme?: 'vs-dark' | 'light';
-  
-  /**
-   * Height of the editor.
-   * @default '400px'
-   */
-  height?: string;
-  
-  /**
-   * Whether the editor is read-only.
-   * @default false
-   */
-  readOnly?: boolean;
-  
-  /**
-   * Callback when the code content changes.
-   */
-  onChange?: (value: string | undefined) => void;
-}

package/tsconfig.json

@@ -1,17 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "dist",
-    "jsx": "react-jsx",
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["src/*"]
-    },
-    "noImplicitAny": true,
-    "noEmit": false,
-    "declaration": true,
-    "composite": true,
-    "skipLibCheck": true
-  },
-  "include": ["src"]
-}

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: 'ObjectUIPluginEditor',
-      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,
-  },
-});

package/vite.config.ts.timestamp-1768467704562-21cdd04a7c5ed.mjs

@@ -1,43 +0,0 @@
-// vite.config.ts
-import { defineConfig } from "file:///home/runner/work/objectui/objectui/node_modules/.pnpm/vite@5.4.21_@types+node@24.10.8/node_modules/vite/dist/node/index.js";
-import react from "file:///home/runner/work/objectui/objectui/node_modules/.pnpm/@vitejs+plugin-react@4.7.0_vite@5.4.21_@types+node@24.10.8_/node_modules/@vitejs/plugin-react/dist/index.js";
-import dts from "file:///home/runner/work/objectui/objectui/node_modules/.pnpm/vite-plugin-dts@3.9.1_@types+node@24.10.8_rollup@4.55.1_typescript@5.9.3_vite@5.4.21_@types+node@24.10.8_/node_modules/vite-plugin-dts/dist/index.mjs";
-import { resolve } from "path";
-var __vite_injected_original_dirname = "/home/runner/work/objectui/objectui/packages/plugin-editor";
-var vite_config_default = defineConfig({
-  plugins: [
-    react(),
-    dts({
-      insertTypesEntry: true,
-      include: ["src"]
-    })
-  ],
-  resolve: {
-    alias: {
-      "@": resolve(__vite_injected_original_dirname, "./src")
-    }
-  },
-  build: {
-    lib: {
-      entry: resolve(__vite_injected_original_dirname, "src/index.tsx"),
-      name: "ObjectUIPluginEditor",
-      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"
-        }
-      }
-    }
-  }
-});
-export {
-  vite_config_default as default
-};
-//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCIvaG9tZS9ydW5uZXIvd29yay9vYmplY3R1aS9vYmplY3R1aS9wYWNrYWdlcy9wbHVnaW4tZWRpdG9yXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ZpbGVuYW1lID0gXCIvaG9tZS9ydW5uZXIvd29yay9vYmplY3R1aS9vYmplY3R1aS9wYWNrYWdlcy9wbHVnaW4tZWRpdG9yL3ZpdGUuY29uZmlnLnRzXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ltcG9ydF9tZXRhX3VybCA9IFwiZmlsZTovLy9ob21lL3J1bm5lci93b3JrL29iamVjdHVpL29iamVjdHVpL3BhY2thZ2VzL3BsdWdpbi1lZGl0b3Ivdml0ZS5jb25maWcudHNcIjtpbXBvcnQgeyBkZWZpbmVDb25maWcgfSBmcm9tICd2aXRlJztcbmltcG9ydCByZWFjdCBmcm9tICdAdml0ZWpzL3BsdWdpbi1yZWFjdCc7XG5pbXBvcnQgZHRzIGZyb20gJ3ZpdGUtcGx1Z2luLWR0cyc7XG5pbXBvcnQgeyByZXNvbHZlIH0gZnJvbSAncGF0aCc7XG5cbmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbmZpZyh7XG4gIHBsdWdpbnM6IFtcbiAgICByZWFjdCgpLFxuICAgIGR0cyh7XG4gICAgICBpbnNlcnRUeXBlc0VudHJ5OiB0cnVlLFxuICAgICAgaW5jbHVkZTogWydzcmMnXSxcbiAgICB9KSxcbiAgXSxcbiAgcmVzb2x2ZToge1xuICAgIGFsaWFzOiB7XG4gICAgICAnQCc6IHJlc29sdmUoX19kaXJuYW1lLCAnLi9zcmMnKSxcbiAgICB9LFxuICB9LFxuICBidWlsZDoge1xuICAgIGxpYjoge1xuICAgICAgZW50cnk6IHJlc29sdmUoX19kaXJuYW1lLCAnc3JjL2luZGV4LnRzeCcpLFxuICAgICAgbmFtZTogJ09iamVjdFVJUGx1Z2luRWRpdG9yJyxcbiAgICAgIGZpbGVOYW1lOiAnaW5kZXgnLFxuICAgIH0sXG4gICAgcm9sbHVwT3B0aW9uczoge1xuICAgICAgZXh0ZXJuYWw6IFsncmVhY3QnLCAncmVhY3QtZG9tJywgJ0BvYmplY3QtdWkvY29tcG9uZW50cycsICdAb2JqZWN0LXVpL2NvcmUnLCAnQG9iamVjdC11aS9yZWFjdCddLFxuICAgICAgb3V0cHV0OiB7XG4gICAgICAgIGdsb2JhbHM6IHtcbiAgICAgICAgICByZWFjdDogJ1JlYWN0JyxcbiAgICAgICAgICAncmVhY3QtZG9tJzogJ1JlYWN0RE9NJyxcbiAgICAgICAgICAnQG9iamVjdC11aS9jb21wb25lbnRzJzogJ09iamVjdFVJQ29tcG9uZW50cycsXG4gICAgICAgICAgJ0BvYmplY3QtdWkvY29yZSc6ICdPYmplY3RVSUNvcmUnLFxuICAgICAgICAgICdAb2JqZWN0LXVpL3JlYWN0JzogJ09iamVjdFVJUmVhY3QnLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9LFxuICB9LFxufSk7XG4iXSwKICAibWFwcGluZ3MiOiAiO0FBQWdXLFNBQVMsb0JBQW9CO0FBQzdYLE9BQU8sV0FBVztBQUNsQixPQUFPLFNBQVM7QUFDaEIsU0FBUyxlQUFlO0FBSHhCLElBQU0sbUNBQW1DO0FBS3pDLElBQU8sc0JBQVEsYUFBYTtBQUFBLEVBQzFCLFNBQVM7QUFBQSxJQUNQLE1BQU07QUFBQSxJQUNOLElBQUk7QUFBQSxNQUNGLGtCQUFrQjtBQUFBLE1BQ2xCLFNBQVMsQ0FBQyxLQUFLO0FBQUEsSUFDakIsQ0FBQztBQUFBLEVBQ0g7QUFBQSxFQUNBLFNBQVM7QUFBQSxJQUNQLE9BQU87QUFBQSxNQUNMLEtBQUssUUFBUSxrQ0FBVyxPQUFPO0FBQUEsSUFDakM7QUFBQSxFQUNGO0FBQUEsRUFDQSxPQUFPO0FBQUEsSUFDTCxLQUFLO0FBQUEsTUFDSCxPQUFPLFFBQVEsa0NBQVcsZUFBZTtBQUFBLE1BQ3pDLE1BQU07QUFBQSxNQUNOLFVBQVU7QUFBQSxJQUNaO0FBQUEsSUFDQSxlQUFlO0FBQUEsTUFDYixVQUFVLENBQUMsU0FBUyxhQUFhLHlCQUF5QixtQkFBbUIsa0JBQWtCO0FBQUEsTUFDL0YsUUFBUTtBQUFBLFFBQ04sU0FBUztBQUFBLFVBQ1AsT0FBTztBQUFBLFVBQ1AsYUFBYTtBQUFBLFVBQ2IseUJBQXlCO0FBQUEsVUFDekIsbUJBQW1CO0FBQUEsVUFDbkIsb0JBQW9CO0FBQUEsUUFDdEI7QUFBQSxNQUNGO0FBQUEsSUFDRjtBQUFBLEVBQ0Y7QUFDRixDQUFDOyIsCiAgIm5hbWVzIjogW10KfQo=