@sanity/code-input 3.0.0-v3-studio.0 → 3.0.0-v3-studio.3

package/README.md

@@ -173,22 +173,15 @@ MIT-licensed. See LICENSE.
 
 ## Develop & test
 
-Make sure to run `npm run build` once, then run
+This plugin uses [@sanity/plugin-kit](https://github.com/sanity-io/plugin-kit)
+with default configuration for build & watch scripts.
 
-```bash
-npm run link-watch
-```
-
-In another shell, `cd` to your test studio and run:
-
-```bash
-npx yalc add @sanity/code-input --link && yarn install
-```
+See [Testing a plugin in Sanity Studio](https://github.com/sanity-io/plugin-kit#testing-a-plugin-in-sanity-studio)
+on how to run this plugin with hotreload in the studio.
 
-Now, changes in this repo will be automatically built and pushed to the studio,
-triggering hotreload. Yalc avoids issues with react-hooks that are typical when using yarn/npm link.
+## Release new version
 
-### About build & watch
+Run ["CI & Release" workflow](https://github.com/sanity-io/code-input/actions).
+Make sure to select the main branch and check "Release new version".
 
-This plugin uses [@sanity/plugin-sdk](https://github.com/sanity-io/plugin-sdk)
-with default configuration for build & watch scripts.
+Semantic release will only release on configured branches, so it is safe to run release on any branch.

package/lib/cjs/index.js

@@ -1,11 +1,4 @@
-var $k7rGe$sanity = require("sanity");
-var $k7rGe$reactjsxruntime = require("react/jsx-runtime");
-var $k7rGe$react = require("react");
-var $k7rGe$sanityicons = require("@sanity/icons");
-var $k7rGe$sanityform = require("sanity/form");
-var $k7rGe$sanityui = require("@sanity/ui");
 var $k7rGe$reactace = require("react-ace");
-var $k7rGe$styledcomponents = require("styled-components");
 require("ace-builds/src-noconflict/mode-batchfile");
 require("ace-builds/src-noconflict/mode-csharp");
 require("ace-builds/src-noconflict/mode-css");
@@ -32,16 +25,68 @@ require("ace-builds/src-noconflict/theme-github");
 require("ace-builds/src-noconflict/theme-monokai");
 require("ace-builds/src-noconflict/theme-terminal");
 require("ace-builds/src-noconflict/theme-tomorrow");
+var $k7rGe$sanity = require("sanity");
+var $k7rGe$sanityicons = require("@sanity/icons");
+var $k7rGe$reactjsxruntime = require("react/jsx-runtime");
+var $k7rGe$react = require("react");
+var $k7rGe$sanityform = require("sanity/form");
+var $k7rGe$sanityui = require("@sanity/ui");
+var $k7rGe$styledcomponents = require("styled-components");
 
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+function $parcel$defineInteropFlag(a) {
+  Object.defineProperty(a, '__esModule', {value: true, configurable: true});
+}
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
+var $parcel$global =
+typeof globalThis !== 'undefined'
+  ? globalThis
+  : typeof self !== 'undefined'
+  ? self
+  : typeof window !== 'undefined'
+  ? window
+  : typeof global !== 'undefined'
+  ? global
+  : {};
+var $parcel$modules = {};
+var $parcel$inits = {};
+
+var parcelRequire = $parcel$global["parcelRequire07ce"];
+if (parcelRequire == null) {
+  parcelRequire = function(id) {
+    if (id in $parcel$modules) {
+      return $parcel$modules[id].exports;
+    }
+    if (id in $parcel$inits) {
+      var init = $parcel$inits[id];
+      delete $parcel$inits[id];
+      var module = {id: id, exports: {}};
+      $parcel$modules[id] = module;
+      init.call(module.exports, module, module.exports);
+      return module.exports;
+    }
+    var err = new Error("Cannot find module '" + id + "'");
+    err.code = 'MODULE_NOT_FOUND';
+    throw err;
+  };
+
+  parcelRequire.register = function register(id, init) {
+    $parcel$inits[id] = init;
+  };
+
+  $parcel$global["parcelRequire07ce"] = parcelRequire;
 }
+parcelRequire.register("lMYyH", function(module, exports) {
 
-$parcel$export(module.exports, "codeInput", () => $244e63ca53592e4d$export$d18430c17c97a000);
-$parcel$export(module.exports, "PreviewCode", () => $15530f24e7c40879$export$2e2bcd8739ae039);
+$parcel$defineInteropFlag(module.exports);
+
+$parcel$export(module.exports, "default", () => $b9b128b60a9c7418$export$2e2bcd8739ae039);
+
+parcelRequire("kmEYb");
 
 
 
@@ -53,30 +98,27 @@ $parcel$export(module.exports, "PreviewCode", () => $15530f24e7c40879$export$2e2
 
 
 
-const $470a71f5fffbba1a$export$ac98e174937d3154 = (0, $k7rGe$styledcomponents.css)`
-  .ace_editor_markers_highlight {
-    position: absolute;
-    background-color: ${({ theme: theme  })=>theme.sanity.color.solid.primary.enabled.bg};
-    opacity: 0.2;
-    width: 100% !important;
-    border-radius: 0 !important;
-  }
-`;
-function $470a71f5fffbba1a$export$2e2bcd8739ae039(rows) {
-    return rows.map((row)=>({
-            startRow: Number(row) - 1,
-            startCol: 0,
-            endRow: Number(row) - 1,
-            endCol: Infinity,
-            className: "ace_editor_markers_highlight",
-            type: "screenLine",
-            inFront: true
-        }));
-}
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+var $b9b128b60a9c7418$export$2e2bcd8739ae039 = (0, ($parcel$interopDefault($k7rGe$reactace)));
+
+});
+parcelRequire.register("kmEYb", function(module, exports) {
 // Grammar from https://github.com/sanity-io/vscode-sanity
-const $d39e1144f2b19512$var$rules = {
+const $8261c675491bb30c$var$rules = {
     start: [
         {
             include: "#query"
@@ -661,7 +703,7 @@ ace.define("ace/mode/groq_highlight_rules", [
     const TextHighlightRules = acequire("./text_highlight_rules").TextHighlightRules;
     const GroqHighlightRules = function() {
         /* eslint-disable @typescript-eslint/ban-ts-comment */ // @ts-ignore
-        this.$rules = $d39e1144f2b19512$var$rules;
+        this.$rules = $8261c675491bb30c$var$rules;
         // @ts-ignore
         this.normalizeRules();
     /* eslint-enable @typescript-eslint/ban-ts-comment */ };
@@ -702,9 +744,12 @@ ace.define("ace/mode/groq", [
     exports.Mode = Mode;
 });
 
+});
 
 
 
+$parcel$export(module.exports, "codeInput", () => $244e63ca53592e4d$export$d18430c17c97a000);
+$parcel$export(module.exports, "PreviewCode", () => $15530f24e7c40879$export$2e2bcd8739ae039);
 
 
 
@@ -714,21 +759,26 @@ ace.define("ace/mode/groq", [
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+const $470a71f5fffbba1a$export$ac98e174937d3154 = (0, $k7rGe$styledcomponents.css)`
+  .ace_editor_markers_highlight {
+    position: absolute;
+    background-color: ${({ theme: theme  })=>theme.sanity.color.solid.primary.enabled.bg};
+    opacity: 0.2;
+    width: 100% !important;
+    border-radius: 0 !important;
+  }
+`;
+function $470a71f5fffbba1a$export$2e2bcd8739ae039(rows) {
+    return rows.map((row)=>({
+            startRow: Number(row) - 1,
+            startCol: 0,
+            endRow: Number(row) - 1,
+            endCol: Infinity,
+            className: "ace_editor_markers_highlight",
+            type: "screenLine",
+            inFront: true
+        }));
+}
 
 
 const $8fdae771dbccc774$export$7c77c3a9bb93870d = [
@@ -855,6 +905,17 @@ const $8fdae771dbccc774$export$4f74600301fa25db = [
 
 
 
+
+const $8b53187504760ea8$export$476686f2cdb5577f = /*#__PURE__*/ (0, ($parcel$interopDefault($k7rGe$react))).lazy(()=>Promise.resolve((parcelRequire("lMYyH"))));
+function $8b53187504760ea8$export$99999bc9085b44fd() {
+    const [mounted, setMounted] = (0, $k7rGe$react.useState)(false);
+    (0, $k7rGe$react.useEffect)(()=>{
+        setMounted(true);
+    }, []);
+    return mounted ? $8b53187504760ea8$export$476686f2cdb5577f : null;
+}
+
+
 const $293e4fb68be52bc5$var$EditorContainer = (0, ($parcel$interopDefault($k7rGe$styledcomponents)))((0, $k7rGe$sanityui.Card))`
   position: relative;
   box-sizing: border-box;
@@ -1021,31 +1082,42 @@ function $293e4fb68be52bc5$export$20d4ca75cb144ab0(props) {
     }, [
         languages
     ]);
+    const AceEditor = (0, $8b53187504760ea8$export$99999bc9085b44fd)();
     const renderCodeInput = (0, $k7rGe$react.useCallback)((inputProps)=>{
         return /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)($293e4fb68be52bc5$var$EditorContainer, {
             radius: 1,
             shadow: 1,
             readOnly: readOnly,
-            children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, ($parcel$interopDefault($k7rGe$reactace))), {
-                ref: aceEditorRef,
-                mode: mode1,
-                theme: theme,
-                width: "100%",
-                onChange: handleCodeChange,
-                name: inputProps.id,
-                value: inputProps.value,
-                markers: value && value.highlightedLines ? (0, $470a71f5fffbba1a$export$2e2bcd8739ae039)(value.highlightedLines) : undefined,
-                onLoad: handleEditorLoad,
-                readOnly: readOnly,
-                tabSize: 2,
-                wrapEnabled: true,
-                setOptions: (0, $8fdae771dbccc774$export$1d910bb34606e145),
-                editorProps: (0, $8fdae771dbccc774$export$24aa1be5d8c3cd08),
-                onFocus: handleCodeFocus,
-                onBlur: onBlur
+            children: AceEditor && /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)((0, $k7rGe$react.Suspense), {
+                fallback: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)("div", {
+                    children: "Loading code editor..."
+                }),
+                children: [
+                    "(",
+                    /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)(AceEditor, {
+                        ref: aceEditorRef,
+                        mode: mode1,
+                        theme: theme,
+                        width: "100%",
+                        onChange: handleCodeChange,
+                        name: inputProps.id,
+                        value: inputProps.value,
+                        markers: value && value.highlightedLines ? (0, $470a71f5fffbba1a$export$2e2bcd8739ae039)(value.highlightedLines) : undefined,
+                        onLoad: handleEditorLoad,
+                        readOnly: readOnly,
+                        tabSize: 2,
+                        wrapEnabled: true,
+                        setOptions: (0, $8fdae771dbccc774$export$1d910bb34606e145),
+                        editorProps: (0, $8fdae771dbccc774$export$24aa1be5d8c3cd08),
+                        onFocus: handleCodeFocus,
+                        onBlur: onBlur
+                    }),
+                    ")"
+                ]
             })
         });
     }, [
+        AceEditor,
         theme,
         handleCodeChange,
         handleCodeFocus,
@@ -1053,7 +1125,7 @@ function $293e4fb68be52bc5$export$20d4ca75cb144ab0(props) {
         mode1,
         onBlur,
         readOnly,
-        value
+        value, 
     ]);
     return /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)((0, $k7rGe$sanityui.Stack), {
         space: 4,
@@ -1091,7 +1163,7 @@ function $293e4fb68be52bc5$export$20d4ca75cb144ab0(props) {
 
 
 
-
+parcelRequire("lMYyH");
 const $15530f24e7c40879$var$PreviewContainer = (0, ($parcel$interopDefault($k7rGe$styledcomponents)))((0, $k7rGe$sanityui.Box))`
   position: relative;
 `;
@@ -1276,17 +1348,14 @@ function $c676b2e7a96a4665$export$a854ab43349813f2(language) {
 }
 
 
-const $fcd6ef024a3d4c8a$var$Preview = (props)=>{
-    return /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $15530f24e7c40879$export$2e2bcd8739ae039), {
-        ...props
-    });
-};
-var $fcd6ef024a3d4c8a$export$2e2bcd8739ae039 = {
+
+var $fcd6ef024a3d4c8a$export$2e2bcd8739ae039 = (0, $k7rGe$sanity.defineType)({
     name: "code",
     type: "object",
     title: "Code",
     components: {
-        input: (0, $293e4fb68be52bc5$export$20d4ca75cb144ab0)
+        input: (0, $293e4fb68be52bc5$export$20d4ca75cb144ab0),
+        preview: (0, $15530f24e7c40879$export$2e2bcd8739ae039)
     },
     icon: (0, $k7rGe$sanityicons.CodeBlockIcon),
     fields: [
@@ -1327,14 +1396,11 @@ var $fcd6ef024a3d4c8a$export$2e2bcd8739ae039 = {
         prepare: (value)=>{
             return {
                 title: value.filename || (value.language || "unknown").toUpperCase(),
-                media: (0, $c676b2e7a96a4665$export$a854ab43349813f2)(value?.language),
-                extendedPreview: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)($fcd6ef024a3d4c8a$var$Preview, {
-                    value: value
-                })
+                media: (0, $c676b2e7a96a4665$export$a854ab43349813f2)(value?.language)
             };
         }
     }
-};
+});