0.0.115

imports/editor.tsx

@@ -80,6 +80,14 @@ export const Editor = React.memo(function Editor({
   const [v, setV] = useState(value);
   const { colorMode } = useColorMode();
   const [lang, setLang] = useState<any>(langs.tsx());
+  const { data: [ObjectedValue] } = deep.useQuery(linkId ? {
+    type_id: deep.idLocal('@deep-foundation/core', 'Value'),
+    to_id: deep.idLocal('@deep-foundation/core', 'Object'),
+    from: {
+      typed: { id: linkId },
+    },
+  } : {}, { skip: !linkId });
+  const isObject = !!ObjectedValue;
 
   const _refEditor = useRef();
   const eref = refEditor || _refEditor
@@ -91,7 +99,17 @@ export const Editor = React.memo(function Editor({
   const { data: [link] } = useLoad({ id: linkId });
 
   const update = useCallback(async () => {
-    if (linkId && v?.length > 0) await deep.value(linkId, v);
+    if (linkId && v?.length > 0) {
+      let _v = v;
+      if (isObject) {
+        try {
+          _v = JSON.parse(v);
+          await deep.value(linkId, _v);
+        } catch(e) {
+          console.log('go.Editor JSON.parse value', e);
+        }
+      } else await deep.value(linkId, _v);
+    }
     onSave && onSave(v)
   }, [link, v]);
 

imports/go.tsx

@@ -642,10 +642,10 @@ export const noScrollBar = ((s) => ({
 
 const componentTemplate = ({ children } = { children: null }) => `({ deep, data, require, Go }) => {
   const React = require('react');
+  const c = require('@chakra-ui/react');
   
   const dc = '@deep-foundation/core';
   const dpl = '@deep-foundation/perception-links';
-  const c = require('@chakra-ui/react');
 
   return ({
     go,
@@ -847,7 +847,7 @@ const Input = React.memo(({
   ...props
 }: {
   path: [DeepClientStartItem | QueryLink, ...DeepClientPathItem[]],
-  insert: any;
+  insert?: any;
   title?: any;
   type?: 'string' | 'number';
 
@@ -890,6 +890,7 @@ const Input = React.memo(({
             setSaving(true);
             if (!link && !insertedRef.current) {
               insertedRef.current = true;
+              if (!insert) return;
               const { data: [inserted] } = await deep.insert({
                 containerId, name,
                 [type]: type === 'number' ? +v : v,

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deep-foundation/perception-imports",
-  "version": "0.0.114",
+  "version": "0.0.115",
   "license": "Unlicense",
   "type": "module",
   "main": "import.js",