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

package/lib/esm/index.js

@@ -1,11 +1,4 @@
-import {createPlugin as $gGrEF$createPlugin, useColorScheme as $gGrEF$useColorScheme} from "sanity";
-import {jsx as $gGrEF$jsx, jsxs as $gGrEF$jsxs} from "react/jsx-runtime";
-import {useRef as $gGrEF$useRef, useMemo as $gGrEF$useMemo, useImperativeHandle as $gGrEF$useImperativeHandle, useCallback as $gGrEF$useCallback, useEffect as $gGrEF$useEffect} from "react";
-import {CodeBlockIcon as $gGrEF$CodeBlockIcon} from "@sanity/icons";
-import {set as $gGrEF$set, setIfMissing as $gGrEF$setIfMissing, unset as $gGrEF$unset, MemberField as $gGrEF$MemberField} from "sanity/form";
-import {Card as $gGrEF$Card, Select as $gGrEF$Select, Stack as $gGrEF$Stack, Box as $gGrEF$Box} from "@sanity/ui";
 import $gGrEF$reactace from "react-ace";
-import $gGrEF$styledcomponents, {css as $gGrEF$css} from "styled-components";
 import "ace-builds/src-noconflict/mode-batchfile";
 import "ace-builds/src-noconflict/mode-csharp";
 import "ace-builds/src-noconflict/mode-css";
@@ -32,6 +25,68 @@ import "ace-builds/src-noconflict/theme-github";
 import "ace-builds/src-noconflict/theme-monokai";
 import "ace-builds/src-noconflict/theme-terminal";
 import "ace-builds/src-noconflict/theme-tomorrow";
+import {createPlugin as $gGrEF$createPlugin, defineType as $gGrEF$defineType, useColorScheme as $gGrEF$useColorScheme} from "sanity";
+import {CodeBlockIcon as $gGrEF$CodeBlockIcon} from "@sanity/icons";
+import {jsx as $gGrEF$jsx, jsxs as $gGrEF$jsxs} from "react/jsx-runtime";
+import $gGrEF$react, {useRef as $gGrEF$useRef, useMemo as $gGrEF$useMemo, useImperativeHandle as $gGrEF$useImperativeHandle, useCallback as $gGrEF$useCallback, useEffect as $gGrEF$useEffect, Suspense as $gGrEF$Suspense, useState as $gGrEF$useState} from "react";
+import {set as $gGrEF$set, setIfMissing as $gGrEF$setIfMissing, unset as $gGrEF$unset, MemberField as $gGrEF$MemberField} from "sanity/form";
+import {Card as $gGrEF$Card, Select as $gGrEF$Select, Stack as $gGrEF$Stack, Box as $gGrEF$Box} from "@sanity/ui";
+import $gGrEF$styledcomponents, {css as $gGrEF$css} from "styled-components";
+
+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});
+}
+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("f97Qe", function(module, exports) {
+
+$parcel$defineInteropFlag(module.exports);
+
+$parcel$export(module.exports, "default", () => $1e18485111e06c65$export$2e2bcd8739ae039);
+
+parcelRequire("5F5Py");
+
+
+
 
 
 
@@ -44,30 +99,23 @@ import "ace-builds/src-noconflict/theme-tomorrow";
 
 
 
-const $b67a72b22aed35f4$export$ac98e174937d3154 = (0, $gGrEF$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 $b67a72b22aed35f4$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 $1e18485111e06c65$export$2e2bcd8739ae039 = (0, $gGrEF$reactace);
+
+});
+parcelRequire.register("5F5Py", function(module, exports) {
 // Grammar from https://github.com/sanity-io/vscode-sanity
-const $78995292efb69282$var$rules = {
+const $25b57fb107cb438e$var$rules = {
     start: [
         {
             include: "#query"
@@ -652,7 +700,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 = $78995292efb69282$var$rules;
+        this.$rules = $25b57fb107cb438e$var$rules;
         // @ts-ignore
         this.normalizeRules();
     /* eslint-enable @typescript-eslint/ban-ts-comment */ };
@@ -693,6 +741,7 @@ ace.define("ace/mode/groq", [
     exports.Mode = Mode;
 });
 
+});
 
 
 
@@ -704,22 +753,26 @@ ace.define("ace/mode/groq", [
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+const $b67a72b22aed35f4$export$ac98e174937d3154 = (0, $gGrEF$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 $b67a72b22aed35f4$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 $513a6452b1f07fd5$export$7c77c3a9bb93870d = [
@@ -846,6 +899,17 @@ const $513a6452b1f07fd5$export$4f74600301fa25db = [
 
 
 
+
+const $7a6230964e09fbf7$export$476686f2cdb5577f = /*#__PURE__*/ (0, $gGrEF$react).lazy(()=>Promise.resolve((parcelRequire("f97Qe"))));
+function $7a6230964e09fbf7$export$99999bc9085b44fd() {
+    const [mounted, setMounted] = (0, $gGrEF$useState)(false);
+    (0, $gGrEF$useEffect)(()=>{
+        setMounted(true);
+    }, []);
+    return mounted ? $7a6230964e09fbf7$export$476686f2cdb5577f : null;
+}
+
+
 const $a1d4bfd2763f687f$var$EditorContainer = (0, $gGrEF$styledcomponents)((0, $gGrEF$Card))`
   position: relative;
   box-sizing: border-box;
@@ -1012,31 +1076,42 @@ function $a1d4bfd2763f687f$export$20d4ca75cb144ab0(props) {
     }, [
         languages
     ]);
+    const AceEditor = (0, $7a6230964e09fbf7$export$99999bc9085b44fd)();
     const renderCodeInput = (0, $gGrEF$useCallback)((inputProps)=>{
         return /*#__PURE__*/ (0, $gGrEF$jsx)($a1d4bfd2763f687f$var$EditorContainer, {
             radius: 1,
             shadow: 1,
             readOnly: readOnly,
-            children: /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$reactace), {
-                ref: aceEditorRef,
-                mode: mode1,
-                theme: theme,
-                width: "100%",
-                onChange: handleCodeChange,
-                name: inputProps.id,
-                value: inputProps.value,
-                markers: value && value.highlightedLines ? (0, $b67a72b22aed35f4$export$2e2bcd8739ae039)(value.highlightedLines) : undefined,
-                onLoad: handleEditorLoad,
-                readOnly: readOnly,
-                tabSize: 2,
-                wrapEnabled: true,
-                setOptions: (0, $513a6452b1f07fd5$export$1d910bb34606e145),
-                editorProps: (0, $513a6452b1f07fd5$export$24aa1be5d8c3cd08),
-                onFocus: handleCodeFocus,
-                onBlur: onBlur
+            children: AceEditor && /*#__PURE__*/ (0, $gGrEF$jsxs)((0, $gGrEF$Suspense), {
+                fallback: /*#__PURE__*/ (0, $gGrEF$jsx)("div", {
+                    children: "Loading code editor..."
+                }),
+                children: [
+                    "(",
+                    /*#__PURE__*/ (0, $gGrEF$jsx)(AceEditor, {
+                        ref: aceEditorRef,
+                        mode: mode1,
+                        theme: theme,
+                        width: "100%",
+                        onChange: handleCodeChange,
+                        name: inputProps.id,
+                        value: inputProps.value,
+                        markers: value && value.highlightedLines ? (0, $b67a72b22aed35f4$export$2e2bcd8739ae039)(value.highlightedLines) : undefined,
+                        onLoad: handleEditorLoad,
+                        readOnly: readOnly,
+                        tabSize: 2,
+                        wrapEnabled: true,
+                        setOptions: (0, $513a6452b1f07fd5$export$1d910bb34606e145),
+                        editorProps: (0, $513a6452b1f07fd5$export$24aa1be5d8c3cd08),
+                        onFocus: handleCodeFocus,
+                        onBlur: onBlur
+                    }),
+                    ")"
+                ]
             })
         });
     }, [
+        AceEditor,
         theme,
         handleCodeChange,
         handleCodeFocus,
@@ -1044,7 +1119,7 @@ function $a1d4bfd2763f687f$export$20d4ca75cb144ab0(props) {
         mode1,
         onBlur,
         readOnly,
-        value
+        value, 
     ]);
     return /*#__PURE__*/ (0, $gGrEF$jsxs)((0, $gGrEF$Stack), {
         space: 4,
@@ -1082,7 +1157,7 @@ function $a1d4bfd2763f687f$export$20d4ca75cb144ab0(props) {
 
 
 
-
+parcelRequire("f97Qe");
 const $0fe3fd43374a598c$var$PreviewContainer = (0, $gGrEF$styledcomponents)((0, $gGrEF$Box))`
   position: relative;
 `;
@@ -1267,17 +1342,14 @@ function $a7f1af2d8cb566bf$export$a854ab43349813f2(language) {
 }
 
 
-const $8907530ce2ae75d0$var$Preview = (props)=>{
-    return /*#__PURE__*/ (0, $gGrEF$jsx)((0, $0fe3fd43374a598c$export$2e2bcd8739ae039), {
-        ...props
-    });
-};
-var $8907530ce2ae75d0$export$2e2bcd8739ae039 = {
+
+var $8907530ce2ae75d0$export$2e2bcd8739ae039 = (0, $gGrEF$defineType)({
     name: "code",
     type: "object",
     title: "Code",
     components: {
-        input: (0, $a1d4bfd2763f687f$export$20d4ca75cb144ab0)
+        input: (0, $a1d4bfd2763f687f$export$20d4ca75cb144ab0),
+        preview: (0, $0fe3fd43374a598c$export$2e2bcd8739ae039)
     },
     icon: (0, $gGrEF$CodeBlockIcon),
     fields: [
@@ -1318,14 +1390,11 @@ var $8907530ce2ae75d0$export$2e2bcd8739ae039 = {
         prepare: (value)=>{
             return {
                 title: value.filename || (value.language || "unknown").toUpperCase(),
-                media: (0, $a7f1af2d8cb566bf$export$a854ab43349813f2)(value?.language),
-                extendedPreview: /*#__PURE__*/ (0, $gGrEF$jsx)($8907530ce2ae75d0$var$Preview, {
-                    value: value
-                })
+                media: (0, $a7f1af2d8cb566bf$export$a854ab43349813f2)(value?.language)
             };
         }
     }
-};
+});