@object-ui/plugin-editor 0.3.0

package/dist/index.umd.cjs

@@ -0,0 +1,25 @@
+(function(W,c){typeof exports=="object"&&typeof module<"u"?c(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"],c):(W=typeof globalThis<"u"?globalThis:W||self,c(W.ObjectUIPluginEditor={},W.React,W.ObjectUICore,W.ObjectUIComponents))})(this,(function(W,c,gr,hr){"use strict";var ge={exports:{}},te={};var Le;function mr(){if(Le)return te;Le=1;var r=c,t=Symbol.for("react.element"),n=Symbol.for("react.fragment"),a=Object.prototype.hasOwnProperty,u=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};function v(y,d,O){var w,S={},$=null,Y=null;O!==void 0&&($=""+O),d.key!==void 0&&($=""+d.key),d.ref!==void 0&&(Y=d.ref);for(w in d)a.call(d,w)&&!l.hasOwnProperty(w)&&(S[w]=d[w]);if(y&&y.defaultProps)for(w in d=y.defaultProps,d)S[w]===void 0&&(S[w]=d[w]);return{$$typeof:t,type:y,key:$,ref:Y,props:S,_owner:u.current}}return te.Fragment=n,te.jsx=v,te.jsxs=v,te}var ne={};var $e;function br(){return $e||($e=1,process.env.NODE_ENV!=="production"&&(function(){var r=c,t=Symbol.for("react.element"),n=Symbol.for("react.portal"),a=Symbol.for("react.fragment"),u=Symbol.for("react.strict_mode"),l=Symbol.for("react.profiler"),v=Symbol.for("react.provider"),y=Symbol.for("react.context"),d=Symbol.for("react.forward_ref"),O=Symbol.for("react.suspense"),w=Symbol.for("react.suspense_list"),S=Symbol.for("react.memo"),$=Symbol.for("react.lazy"),Y=Symbol.for("react.offscreen"),Z=Symbol.iterator,le="@@iterator";function se(e){if(e===null||typeof e!="object")return null;var o=Z&&e[Z]||e[le];return typeof o=="function"?o:null}var U=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function g(e){{for(var o=arguments.length,i=new Array(o>1?o-1:0),s=1;s<o;s++)i[s-1]=arguments[s];z("error",e,i)}}function z(e,o,i){{var s=U.ReactDebugCurrentFrame,m=s.getStackAddendum();m!==""&&(o+="%s",i=i.concat([m]));var E=i.map(function(p){return String(p)});E.unshift("Warning: "+o),Function.prototype.apply.call(console[e],console,E)}}var B=!1,P=!1,C=!1,R=!1,J=!1,M;M=Symbol.for("react.module.reference");function b(e){return!!(typeof e=="string"||typeof e=="function"||e===a||e===l||J||e===u||e===O||e===w||R||e===Y||B||P||C||typeof e=="object"&&e!==null&&(e.$$typeof===$||e.$$typeof===S||e.$$typeof===v||e.$$typeof===y||e.$$typeof===d||e.$$typeof===M||e.getModuleId!==void 0))}function q(e,o,i){var s=e.displayName;if(s)return s;var m=o.displayName||o.name||"";return m!==""?i+"("+m+")":i}function H(e){return e.displayName||"Context"}function D(e){if(e==null)return null;if(typeof e.tag=="number"&&g("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case a:return"Fragment";case n:return"Portal";case l:return"Profiler";case u:return"StrictMode";case O:return"Suspense";case w:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case y:var o=e;return H(o)+".Consumer";case v:var i=e;return H(i._context)+".Provider";case d:return q(e,e.render,"ForwardRef");case S:var s=e.displayName||null;return s!==null?s:D(e.type)||"Memo";case $:{var m=e,E=m._payload,p=m._init;try{return D(p(E))}catch{return null}}}return null}var F=Object.assign,h=0,T,fe,Q,de,Ee,x,V;function K(){}K.__reactDisabledLog=!0;function pe(){{if(h===0){T=console.log,fe=console.info,Q=console.warn,de=console.error,Ee=console.group,x=console.groupCollapsed,V=console.groupEnd;var e={configurable:!0,enumerable:!0,value:K,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}h++}}function At(){{if(h--,h===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:F({},e,{value:T}),info:F({},e,{value:fe}),warn:F({},e,{value:Q}),error:F({},e,{value:de}),group:F({},e,{value:Ee}),groupCollapsed:F({},e,{value:x}),groupEnd:F({},e,{value:V})})}h<0&&g("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var Ce=U.ReactCurrentDispatcher,Me;function Oe(e,o,i){{if(Me===void 0)try{throw Error()}catch(m){var s=m.stack.trim().match(/\n( *(at )?)/);Me=s&&s[1]||""}return`
+`+Me+e}}var xe=!1,we;{var kt=typeof WeakMap=="function"?WeakMap:Map;we=new kt}function er(e,o){if(!e||xe)return"";{var i=we.get(e);if(i!==void 0)return i}var s;xe=!0;var m=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var E;E=Ce.current,Ce.current=null,pe();try{if(o){var p=function(){throw Error()};if(Object.defineProperty(p.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(p,[])}catch(A){s=A}Reflect.construct(e,[],p)}else{try{p.call()}catch(A){s=A}e.call(p.prototype)}}else{try{throw Error()}catch(A){s=A}e()}}catch(A){if(A&&s&&typeof A.stack=="string"){for(var f=A.stack.split(`
+`),I=s.stack.split(`
+`),j=f.length-1,_=I.length-1;j>=1&&_>=0&&f[j]!==I[_];)_--;for(;j>=1&&_>=0;j--,_--)if(f[j]!==I[_]){if(j!==1||_!==1)do if(j--,_--,_<0||f[j]!==I[_]){var L=`
+`+f[j].replace(" at new "," at ");return e.displayName&&L.includes("<anonymous>")&&(L=L.replace("<anonymous>",e.displayName)),typeof e=="function"&&we.set(e,L),L}while(j>=1&&_>=0);break}}}finally{xe=!1,Ce.current=E,At(),Error.prepareStackTrace=m}var re=e?e.displayName||e.name:"",G=re?Oe(re):"";return typeof e=="function"&&we.set(e,G),G}function Dt(e,o,i){return er(e,!1)}function Ft(e){var o=e.prototype;return!!(o&&o.isReactComponent)}function Re(e,o,i){if(e==null)return"";if(typeof e=="function")return er(e,Ft(e));if(typeof e=="string")return Oe(e);switch(e){case O:return Oe("Suspense");case w:return Oe("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case d:return Dt(e.render);case S:return Re(e.type,o,i);case $:{var s=e,m=s._payload,E=s._init;try{return Re(E(m),o,i)}catch{}}}return""}var ve=Object.prototype.hasOwnProperty,rr={},tr=U.ReactDebugCurrentFrame;function je(e){if(e){var o=e._owner,i=Re(e.type,e._source,o?o.type:null);tr.setExtraStackFrame(i)}else tr.setExtraStackFrame(null)}function Lt(e,o,i,s,m){{var E=Function.call.bind(ve);for(var p in e)if(E(e,p)){var f=void 0;try{if(typeof e[p]!="function"){var I=Error((s||"React class")+": "+i+" type `"+p+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[p]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw I.name="Invariant Violation",I}f=e[p](o,p,s,i,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(j){f=j}f&&!(f instanceof Error)&&(je(m),g("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",s||"React class",i,p,typeof f),je(null)),f instanceof Error&&!(f.message in rr)&&(rr[f.message]=!0,je(m),g("Failed %s type: %s",i,f.message),je(null))}}}var $t=Array.isArray;function Ie(e){return $t(e)}function Vt(e){{var o=typeof Symbol=="function"&&Symbol.toStringTag,i=o&&e[Symbol.toStringTag]||e.constructor.name||"Object";return i}}function Wt(e){try{return nr(e),!1}catch{return!0}}function nr(e){return""+e}function ar(e){if(Wt(e))return g("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Vt(e)),nr(e)}var or=U.ReactCurrentOwner,Ut={key:!0,ref:!0,__self:!0,__source:!0},ir,ur;function Nt(e){if(ve.call(e,"ref")){var o=Object.getOwnPropertyDescriptor(e,"ref").get;if(o&&o.isReactWarning)return!1}return e.ref!==void 0}function Yt(e){if(ve.call(e,"key")){var o=Object.getOwnPropertyDescriptor(e,"key").get;if(o&&o.isReactWarning)return!1}return e.key!==void 0}function qt(e,o){typeof e.ref=="string"&&or.current}function zt(e,o){{var i=function(){ir||(ir=!0,g("%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://reactjs.org/link/special-props)",o))};i.isReactWarning=!0,Object.defineProperty(e,"key",{get:i,configurable:!0})}}function Bt(e,o){{var i=function(){ur||(ur=!0,g("%s: `ref` 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://reactjs.org/link/special-props)",o))};i.isReactWarning=!0,Object.defineProperty(e,"ref",{get:i,configurable:!0})}}var Jt=function(e,o,i,s,m,E,p){var f={$$typeof:t,type:e,key:o,ref:i,props:p,_owner:E};return f._store={},Object.defineProperty(f._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(f,"_self",{configurable:!1,enumerable:!1,writable:!1,value:s}),Object.defineProperty(f,"_source",{configurable:!1,enumerable:!1,writable:!1,value:m}),Object.freeze&&(Object.freeze(f.props),Object.freeze(f)),f};function Ht(e,o,i,s,m){{var E,p={},f=null,I=null;i!==void 0&&(ar(i),f=""+i),Yt(o)&&(ar(o.key),f=""+o.key),Nt(o)&&(I=o.ref,qt(o,m));for(E in o)ve.call(o,E)&&!Ut.hasOwnProperty(E)&&(p[E]=o[E]);if(e&&e.defaultProps){var j=e.defaultProps;for(E in j)p[E]===void 0&&(p[E]=j[E])}if(f||I){var _=typeof e=="function"?e.displayName||e.name||"Unknown":e;f&&zt(p,_),I&&Bt(p,_)}return Jt(e,f,I,m,s,or.current,p)}}var Ae=U.ReactCurrentOwner,cr=U.ReactDebugCurrentFrame;function ee(e){if(e){var o=e._owner,i=Re(e.type,e._source,o?o.type:null);cr.setExtraStackFrame(i)}else cr.setExtraStackFrame(null)}var ke;ke=!1;function De(e){return typeof e=="object"&&e!==null&&e.$$typeof===t}function lr(){{if(Ae.current){var e=D(Ae.current.type);if(e)return`
+
+Check the render method of \``+e+"`."}return""}}function Gt(e){return""}var sr={};function Xt(e){{var o=lr();if(!o){var i=typeof e=="string"?e:e.displayName||e.name;i&&(o=`
+
+Check the top-level render call using <`+i+">.")}return o}}function fr(e,o){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var i=Xt(o);if(sr[i])return;sr[i]=!0;var s="";e&&e._owner&&e._owner!==Ae.current&&(s=" It was passed a child from "+D(e._owner.type)+"."),ee(e),g('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',i,s),ee(null)}}function dr(e,o){{if(typeof e!="object")return;if(Ie(e))for(var i=0;i<e.length;i++){var s=e[i];De(s)&&fr(s,o)}else if(De(e))e._store&&(e._store.validated=!0);else if(e){var m=se(e);if(typeof m=="function"&&m!==e.entries)for(var E=m.call(e),p;!(p=E.next()).done;)De(p.value)&&fr(p.value,o)}}}function Zt(e){{var o=e.type;if(o==null||typeof o=="string")return;var i;if(typeof o=="function")i=o.propTypes;else if(typeof o=="object"&&(o.$$typeof===d||o.$$typeof===S))i=o.propTypes;else return;if(i){var s=D(o);Lt(i,e.props,"prop",s,e)}else if(o.PropTypes!==void 0&&!ke){ke=!0;var m=D(o);g("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",m||"Unknown")}typeof o.getDefaultProps=="function"&&!o.getDefaultProps.isReactClassApproved&&g("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Qt(e){{for(var o=Object.keys(e.props),i=0;i<o.length;i++){var s=o[i];if(s!=="children"&&s!=="key"){ee(e),g("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",s),ee(null);break}}e.ref!==null&&(ee(e),g("Invalid attribute `ref` supplied to `React.Fragment`."),ee(null))}}var pr={};function vr(e,o,i,s,m,E){{var p=b(e);if(!p){var f="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(f+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var I=Gt();I?f+=I:f+=lr();var j;e===null?j="null":Ie(e)?j="array":e!==void 0&&e.$$typeof===t?(j="<"+(D(e.type)||"Unknown")+" />",f=" Did you accidentally export a JSX literal instead of a component?"):j=typeof e,g("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",j,f)}var _=Ht(e,o,i,m,E);if(_==null)return _;if(p){var L=o.children;if(L!==void 0)if(s)if(Ie(L)){for(var re=0;re<L.length;re++)dr(L[re],e);Object.freeze&&Object.freeze(L)}else g("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 dr(L,e)}if(ve.call(o,"key")){var G=D(e),A=Object.keys(o).filter(function(an){return an!=="key"}),Fe=A.length>0?"{key: someKey, "+A.join(": ..., ")+": ...}":"{key: someKey}";if(!pr[G+Fe]){var nn=A.length>0?"{"+A.join(": ..., ")+": ...}":"{}";g(`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:
+  let props = %s;
+  <%s key={someKey} {...props} />`,Fe,G,nn,G),pr[G+Fe]=!0}}return e===a?Qt(_):Zt(_),_}}function Kt(e,o,i){return vr(e,o,i,!0)}function en(e,o,i){return vr(e,o,i,!1)}var rn=en,tn=Kt;ne.Fragment=a,ne.jsx=rn,ne.jsxs=tn})()),ne}var Ve;function yr(){return Ve||(Ve=1,process.env.NODE_ENV==="production"?ge.exports=mr():ge.exports=br()),ge.exports}var ae=yr();const Er=c.lazy(()=>Promise.resolve().then(()=>It)),Se=({schema:r,value:t,onChange:n})=>ae.jsx(c.Suspense,{fallback:ae.jsx(hr.Skeleton,{className:"w-full h-[400px]"}),children:ae.jsx(Er,{value:t??r.value,language:r.language,theme:r.theme,height:r.height,onChange:n??r.onChange,readOnly:r.readOnly,className:r.className})});gr.ComponentRegistry.register("code-editor",Se,{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:!1}],defaultProps:{value:`// Write your code here
+console.log("Hello, World!");`,language:"javascript",theme:"vs-dark",height:"400px",readOnly:!1}});const Or={"code-editor":Se};function We(r,t){(t==null||t>r.length)&&(t=r.length);for(var n=0,a=Array(t);n<t;n++)a[n]=r[n];return a}function wr(r){if(Array.isArray(r))return r}function Rr(r,t,n){return(t=Mr(t))in r?Object.defineProperty(r,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):r[t]=n,r}function jr(r,t){var n=r==null?null:typeof Symbol<"u"&&r[Symbol.iterator]||r["@@iterator"];if(n!=null){var a,u,l,v,y=[],d=!0,O=!1;try{if(l=(n=n.call(r)).next,t!==0)for(;!(d=(a=l.call(n)).done)&&(y.push(a.value),y.length!==t);d=!0);}catch(w){O=!0,u=w}finally{try{if(!d&&n.return!=null&&(v=n.return(),Object(v)!==v))return}finally{if(O)throw u}}return y}}function Sr(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Ue(r,t){var n=Object.keys(r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(r);t&&(a=a.filter(function(u){return Object.getOwnPropertyDescriptor(r,u).enumerable})),n.push.apply(n,a)}return n}function Ne(r){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?Ue(Object(n),!0).forEach(function(a){Rr(r,a,n[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):Ue(Object(n)).forEach(function(a){Object.defineProperty(r,a,Object.getOwnPropertyDescriptor(n,a))})}return r}function _r(r,t){if(r==null)return{};var n,a,u=Pr(r,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(r);for(a=0;a<l.length;a++)n=l[a],t.indexOf(n)===-1&&{}.propertyIsEnumerable.call(r,n)&&(u[n]=r[n])}return u}function Pr(r,t){if(r==null)return{};var n={};for(var a in r)if({}.hasOwnProperty.call(r,a)){if(t.indexOf(a)!==-1)continue;n[a]=r[a]}return n}function Tr(r,t){return wr(r)||jr(r,t)||xr(r,t)||Sr()}function Cr(r,t){if(typeof r!="object"||!r)return r;var n=r[Symbol.toPrimitive];if(n!==void 0){var a=n.call(r,t);if(typeof a!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(r)}function Mr(r){var t=Cr(r,"string");return typeof t=="symbol"?t:t+""}function xr(r,t){if(r){if(typeof r=="string")return We(r,t);var n={}.toString.call(r).slice(8,-1);return n==="Object"&&r.constructor&&(n=r.constructor.name),n==="Map"||n==="Set"?Array.from(r):n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?We(r,t):void 0}}function Ir(r,t,n){return t in r?Object.defineProperty(r,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):r[t]=n,r}function Ye(r,t){var n=Object.keys(r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(r);t&&(a=a.filter(function(u){return Object.getOwnPropertyDescriptor(r,u).enumerable})),n.push.apply(n,a)}return n}function qe(r){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?Ye(Object(n),!0).forEach(function(a){Ir(r,a,n[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):Ye(Object(n)).forEach(function(a){Object.defineProperty(r,a,Object.getOwnPropertyDescriptor(n,a))})}return r}function Ar(){for(var r=arguments.length,t=new Array(r),n=0;n<r;n++)t[n]=arguments[n];return function(a){return t.reduceRight(function(u,l){return l(u)},a)}}function oe(r){return function t(){for(var n=this,a=arguments.length,u=new Array(a),l=0;l<a;l++)u[l]=arguments[l];return u.length>=r.length?r.apply(this,u):function(){for(var v=arguments.length,y=new Array(v),d=0;d<v;d++)y[d]=arguments[d];return t.apply(n,[].concat(u,y))}}}function he(r){return{}.toString.call(r).includes("Object")}function kr(r){return!Object.keys(r).length}function ie(r){return typeof r=="function"}function Dr(r,t){return Object.prototype.hasOwnProperty.call(r,t)}function Fr(r,t){return he(t)||N("changeType"),Object.keys(t).some(function(n){return!Dr(r,n)})&&N("changeField"),t}function Lr(r){ie(r)||N("selectorType")}function $r(r){ie(r)||he(r)||N("handlerType"),he(r)&&Object.values(r).some(function(t){return!ie(t)})&&N("handlersType")}function Vr(r){r||N("initialIsRequired"),he(r)||N("initialType"),kr(r)&&N("initialContent")}function Wr(r,t){throw new Error(r[t]||r.default)}var Ur={initialIsRequired:"initial state is required",initialType:"initial state should be an object",initialContent:"initial state shouldn't be an empty object",handlerType:"handler should be an object or a function",handlersType:"all handlers should be a functions",selectorType:"selector should be a function",changeType:"provided value of changes should be an object",changeField:'it seams you want to change a field in the state which is not specified in the "initial" state',default:"an unknown error accured in `state-local` package"},N=oe(Wr)(Ur),me={changes:Fr,selector:Lr,handler:$r,initial:Vr};function Nr(r){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};me.initial(r),me.handler(t);var n={current:r},a=oe(zr)(n,t),u=oe(qr)(n),l=oe(me.changes)(r),v=oe(Yr)(n);function y(){var O=arguments.length>0&&arguments[0]!==void 0?arguments[0]:function(w){return w};return me.selector(O),O(n.current)}function d(O){Ar(a,u,l,v)(O)}return[y,d]}function Yr(r,t){return ie(t)?t(r.current):t}function qr(r,t){return r.current=qe(qe({},r.current),t),t}function zr(r,t,n){return ie(t)?t(r.current):Object.keys(n).forEach(function(a){var u;return(u=t[a])===null||u===void 0?void 0:u.call(t,r.current[a])}),n}var Br={create:Nr},Jr={paths:{vs:"https://cdn.jsdelivr.net/npm/monaco-editor@0.55.1/min/vs"}};function Hr(r){return function t(){for(var n=this,a=arguments.length,u=new Array(a),l=0;l<a;l++)u[l]=arguments[l];return u.length>=r.length?r.apply(this,u):function(){for(var v=arguments.length,y=new Array(v),d=0;d<v;d++)y[d]=arguments[d];return t.apply(n,[].concat(u,y))}}}function Gr(r){return{}.toString.call(r).includes("Object")}function Xr(r){return r||Be("configIsRequired"),Gr(r)||Be("configType"),r.urls?(Zr(),{paths:{vs:r.urls.monacoBase}}):r}function Zr(){console.warn(ze.deprecation)}function Qr(r,t){throw new Error(r[t]||r.default)}var ze={configIsRequired:"the configuration object is required",configType:"the configuration object should be an object",default:"an unknown error accured in `@monaco-editor/loader` package",deprecation:`Deprecation warning!
+    You are using deprecated way of configuration.
+
+    Instead of using
+      monaco.config({ urls: { monacoBase: '...' } })
+    use
+      monaco.config({ paths: { vs: '...' } })
+
+    For more please check the link https://github.com/suren-atoyan/monaco-loader#config
+  `},Be=Hr(Qr)(ze),Kr={config:Xr},et=function(){for(var t=arguments.length,n=new Array(t),a=0;a<t;a++)n[a]=arguments[a];return function(u){return n.reduceRight(function(l,v){return v(l)},u)}};function Je(r,t){return Object.keys(t).forEach(function(n){t[n]instanceof Object&&r[n]&&Object.assign(t[n],Je(r[n],t[n]))}),Ne(Ne({},r),t)}var rt={type:"cancelation",msg:"operation is manually canceled"};function _e(r){var t=!1,n=new Promise(function(a,u){r.then(function(l){return t?u(rt):a(l)}),r.catch(u)});return n.cancel=function(){return t=!0},n}var tt=["monaco"],nt=Br.create({config:Jr,isInitialized:!1,resolve:null,reject:null,monaco:null}),He=Tr(nt,2),ue=He[0],be=He[1];function at(r){var t=Kr.config(r),n=t.monaco,a=_r(t,tt);be(function(u){return{config:Je(u.config,a),monaco:n}})}function ot(){var r=ue(function(t){var n=t.monaco,a=t.isInitialized,u=t.resolve;return{monaco:n,isInitialized:a,resolve:u}});if(!r.isInitialized){if(be({isInitialized:!0}),r.monaco)return r.resolve(r.monaco),_e(Pe);if(window.monaco&&window.monaco.editor)return Ge(window.monaco),r.resolve(window.monaco),_e(Pe);et(it,ct)(lt)}return _e(Pe)}function it(r){return document.body.appendChild(r)}function ut(r){var t=document.createElement("script");return r&&(t.src=r),t}function ct(r){var t=ue(function(a){var u=a.config,l=a.reject;return{config:u,reject:l}}),n=ut("".concat(t.config.paths.vs,"/loader.js"));return n.onload=function(){return r()},n.onerror=t.reject,n}function lt(){var r=ue(function(n){var a=n.config,u=n.resolve,l=n.reject;return{config:a,resolve:u,reject:l}}),t=window.require;t.config(r.config),t(["vs/editor/editor.main"],function(n){var a=n.m||n;Ge(a),r.resolve(a)},function(n){r.reject(n)})}function Ge(r){ue().monaco||be({monaco:r})}function st(){return ue(function(r){var t=r.monaco;return t})}var Pe=new Promise(function(r,t){return be({resolve:r,reject:t})}),Xe={config:at,init:ot,__getMonacoInstance:st},ft={wrapper:{display:"flex",position:"relative",textAlign:"initial"},fullWidth:{width:"100%"},hide:{display:"none"}},Te=ft,dt={container:{display:"flex",height:"100%",width:"100%",justifyContent:"center",alignItems:"center"}},pt=dt;function vt({children:r}){return c.createElement("div",{style:pt.container},r)}var gt=vt,ht=gt;function mt({width:r,height:t,isEditorReady:n,loading:a,_ref:u,className:l,wrapperProps:v}){return c.createElement("section",{style:{...Te.wrapper,width:r,height:t},...v},!n&&c.createElement(ht,null,a),c.createElement("div",{ref:u,style:{...Te.fullWidth,...!n&&Te.hide},className:l}))}var bt=mt,Ze=c.memo(bt);function yt(r){c.useEffect(r,[])}var Qe=yt;function Et(r,t,n=!0){let a=c.useRef(!0);c.useEffect(a.current||!n?()=>{a.current=!1}:r,t)}var k=Et;function ce(){}function X(r,t,n,a){return Ot(r,a)||wt(r,t,n,a)}function Ot(r,t){return r.editor.getModel(Ke(r,t))}function wt(r,t,n,a){return r.editor.createModel(t,n,a?Ke(r,a):void 0)}function Ke(r,t){return r.Uri.parse(t)}function Rt({original:r,modified:t,language:n,originalLanguage:a,modifiedLanguage:u,originalModelPath:l,modifiedModelPath:v,keepCurrentOriginalModel:y=!1,keepCurrentModifiedModel:d=!1,theme:O="light",loading:w="Loading...",options:S={},height:$="100%",width:Y="100%",className:Z,wrapperProps:le={},beforeMount:se=ce,onMount:U=ce}){let[g,z]=c.useState(!1),[B,P]=c.useState(!0),C=c.useRef(null),R=c.useRef(null),J=c.useRef(null),M=c.useRef(U),b=c.useRef(se),q=c.useRef(!1);Qe(()=>{let h=Xe.init();return h.then(T=>(R.current=T)&&P(!1)).catch(T=>T?.type!=="cancelation"&&console.error("Monaco initialization: error:",T)),()=>C.current?F():h.cancel()}),k(()=>{if(C.current&&R.current){let h=C.current.getOriginalEditor(),T=X(R.current,r||"",a||n||"text",l||"");T!==h.getModel()&&h.setModel(T)}},[l],g),k(()=>{if(C.current&&R.current){let h=C.current.getModifiedEditor(),T=X(R.current,t||"",u||n||"text",v||"");T!==h.getModel()&&h.setModel(T)}},[v],g),k(()=>{let h=C.current.getModifiedEditor();h.getOption(R.current.editor.EditorOption.readOnly)?h.setValue(t||""):t!==h.getValue()&&(h.executeEdits("",[{range:h.getModel().getFullModelRange(),text:t||"",forceMoveMarkers:!0}]),h.pushUndoStop())},[t],g),k(()=>{C.current?.getModel()?.original.setValue(r||"")},[r],g),k(()=>{let{original:h,modified:T}=C.current.getModel();R.current.editor.setModelLanguage(h,a||n||"text"),R.current.editor.setModelLanguage(T,u||n||"text")},[n,a,u],g),k(()=>{R.current?.editor.setTheme(O)},[O],g),k(()=>{C.current?.updateOptions(S)},[S],g);let H=c.useCallback(()=>{if(!R.current)return;b.current(R.current);let h=X(R.current,r||"",a||n||"text",l||""),T=X(R.current,t||"",u||n||"text",v||"");C.current?.setModel({original:h,modified:T})},[n,t,u,r,a,l,v]),D=c.useCallback(()=>{!q.current&&J.current&&(C.current=R.current.editor.createDiffEditor(J.current,{automaticLayout:!0,...S}),H(),R.current?.editor.setTheme(O),z(!0),q.current=!0)},[S,O,H]);c.useEffect(()=>{g&&M.current(C.current,R.current)},[g]),c.useEffect(()=>{!B&&!g&&D()},[B,g,D]);function F(){let h=C.current?.getModel();y||h?.original?.dispose(),d||h?.modified?.dispose(),C.current?.dispose()}return c.createElement(Ze,{width:Y,height:$,isEditorReady:g,loading:w,_ref:J,className:Z,wrapperProps:le})}var jt=Rt;c.memo(jt);function St(r){let t=c.useRef();return c.useEffect(()=>{t.current=r},[r]),t.current}var _t=St,ye=new Map;function Pt({defaultValue:r,defaultLanguage:t,defaultPath:n,value:a,language:u,path:l,theme:v="light",line:y,loading:d="Loading...",options:O={},overrideServices:w={},saveViewState:S=!0,keepCurrentModel:$=!1,width:Y="100%",height:Z="100%",className:le,wrapperProps:se={},beforeMount:U=ce,onMount:g=ce,onChange:z,onValidate:B=ce}){let[P,C]=c.useState(!1),[R,J]=c.useState(!0),M=c.useRef(null),b=c.useRef(null),q=c.useRef(null),H=c.useRef(g),D=c.useRef(U),F=c.useRef(),h=c.useRef(a),T=_t(l),fe=c.useRef(!1),Q=c.useRef(!1);Qe(()=>{let x=Xe.init();return x.then(V=>(M.current=V)&&J(!1)).catch(V=>V?.type!=="cancelation"&&console.error("Monaco initialization: error:",V)),()=>b.current?Ee():x.cancel()}),k(()=>{let x=X(M.current,r||a||"",t||u||"",l||n||"");x!==b.current?.getModel()&&(S&&ye.set(T,b.current?.saveViewState()),b.current?.setModel(x),S&&b.current?.restoreViewState(ye.get(l)))},[l],P),k(()=>{b.current?.updateOptions(O)},[O],P),k(()=>{!b.current||a===void 0||(b.current.getOption(M.current.editor.EditorOption.readOnly)?b.current.setValue(a):a!==b.current.getValue()&&(Q.current=!0,b.current.executeEdits("",[{range:b.current.getModel().getFullModelRange(),text:a,forceMoveMarkers:!0}]),b.current.pushUndoStop(),Q.current=!1))},[a],P),k(()=>{let x=b.current?.getModel();x&&u&&M.current?.editor.setModelLanguage(x,u)},[u],P),k(()=>{y!==void 0&&b.current?.revealLine(y)},[y],P),k(()=>{M.current?.editor.setTheme(v)},[v],P);let de=c.useCallback(()=>{if(!(!q.current||!M.current)&&!fe.current){D.current(M.current);let x=l||n,V=X(M.current,a||r||"",t||u||"",x||"");b.current=M.current?.editor.create(q.current,{model:V,automaticLayout:!0,...O},w),S&&b.current.restoreViewState(ye.get(x)),M.current.editor.setTheme(v),y!==void 0&&b.current.revealLine(y),C(!0),fe.current=!0}},[r,t,n,a,u,l,O,w,S,v,y]);c.useEffect(()=>{P&&H.current(b.current,M.current)},[P]),c.useEffect(()=>{!R&&!P&&de()},[R,P,de]),h.current=a,c.useEffect(()=>{P&&z&&(F.current?.dispose(),F.current=b.current?.onDidChangeModelContent(x=>{Q.current||z(b.current.getValue(),x)}))},[P,z]),c.useEffect(()=>{if(P){let x=M.current.editor.onDidChangeMarkers(V=>{let K=b.current.getModel()?.uri;if(K&&V.find(pe=>pe.path===K.path)){let pe=M.current.editor.getModelMarkers({resource:K});B?.(pe)}});return()=>{x?.dispose()}}return()=>{}},[P,B]);function Ee(){F.current?.dispose(),$?S&&ye.set(l,b.current.saveViewState()):b.current.getModel()?.dispose(),b.current.dispose()}return c.createElement(Ze,{width:Y,height:Z,isEditorReady:P,loading:d,_ref:q,className:le,wrapperProps:se})}var Tt=Pt,Ct=c.memo(Tt),Mt=Ct;function xt({value:r="",language:t="javascript",theme:n="vs-dark",height:a="400px",onChange:u,readOnly:l=!1,className:v=""}){return ae.jsx("div",{className:v,children:ae.jsx(Mt,{height:a,language:t,theme:n,value:r,onChange:u,options:{readOnly:l,minimap:{enabled:!1},fontSize:14,lineNumbers:"on",scrollBeyondLastLine:!1,automaticLayout:!0}})})}const It=Object.freeze(Object.defineProperty({__proto__:null,default:xt},Symbol.toStringTag,{value:"Module"}));W.CodeEditorRenderer=Se,W.editorComponents=Or,Object.defineProperty(W,Symbol.toStringTag,{value:"Module"})}));

package/dist/src/MonacoImpl.d.ts

@@ -0,0 +1,14 @@
+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, theme, height, onChange, readOnly, className, }: MonacoImplProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/index.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+export type { CodeEditorSchema } from './types';
+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 declare const CodeEditorRenderer: React.FC<CodeEditorRendererProps>;
+export declare const editorComponents: {
+    'code-editor': React.FC<CodeEditorRendererProps>;
+};

package/dist/src/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/types.d.ts

@@ -0,0 +1,49 @@
+import { 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/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "@object-ui/plugin-editor",
+  "version": "0.3.0",
+  "type": "module",
+  "license": "MIT",
+  "main": "dist/index.umd.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.umd.cjs"
+    }
+  },
+  "dependencies": {
+    "@monaco-editor/react": "^4.6.0",
+    "@object-ui/components": "0.3.0",
+    "@object-ui/core": "0.3.0",
+    "@object-ui/react": "0.3.0",
+    "@object-ui/types": "0.3.0"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@vitejs/plugin-react": "^4.2.1",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "scripts": {
+    "build": "vite build",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "type-check": "tsc --noEmit",
+    "lint": "eslint ."
+  }
+}

package/src/MonacoImpl.tsx

@@ -0,0 +1,45 @@
+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

@@ -0,0 +1,90 @@
+import { describe, it, expect, beforeAll } from 'vitest';
+import { ComponentRegistry } from '@object-ui/core';
+
+describe('Plugin Editor', () => {
+  // Import all renderers to register them
+  beforeAll(async () => {
+    await import('./index');
+  });
+
+  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

@@ -0,0 +1,75 @@
+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,
+  {
+    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

@@ -0,0 +1,63 @@
+/**
+ * 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

@@ -0,0 +1,17 @@
+{
+  "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

@@ -0,0 +1,38 @@
+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,
+      include: ['src'],
+    }),
+  ],
+  resolve: {
+    alias: {
+      '@': resolve(__dirname, './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',
+        },
+      },
+    },
+  },
+});

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

@@ -0,0 +1,43 @@
+// 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=