@webiny/app-sdk-playground 0.0.0-unstable.3c5210ad37

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Webiny
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,11 @@
+# @webiny/app-sdk-playground
+
+> [!NOTE]
+> This package is part of the [Webiny](https://www.webiny.com) monorepo.
+> It’s **included in every Webiny project by default** and is not meant to be used as a standalone package.
+
+📘 **Documentation:** [https://www.webiny.com/docs](https://www.webiny.com/docs)
+
+---
+
+_This README file is automatically generated during the publish process._

package/index.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const SdkPlayground: React.MemoExoticComponent<() => React.JSX.Element>;

package/index.js

@@ -0,0 +1,32 @@
+import React, { memo } from "react";
+import { useRouter, AdminConfig, AdminLayout } from "@webiny/app-admin";
+import { ReactComponent as CodeIcon } from "@webiny/icons/code.svg";
+import Playground from "./plugins/Playground.js";
+import { Routes } from "./routes.js";
+const {
+  Route,
+  Menu
+} = AdminConfig;
+const SdkPlaygroundExtension = () => {
+  const router = useRouter();
+  return /*#__PURE__*/React.createElement(AdminConfig, null, /*#__PURE__*/React.createElement(Menu.Support, {
+    pin: "start",
+    name: "sdk-playground",
+    element: /*#__PURE__*/React.createElement(Menu.Support.Link, {
+      text: "SDK Playground",
+      icon: /*#__PURE__*/React.createElement(Menu.Support.Link.Icon, {
+        label: "SDK Playground",
+        element: /*#__PURE__*/React.createElement(CodeIcon, null)
+      }),
+      to: router.getLink(Routes.SdkPlayground)
+    })
+  }), /*#__PURE__*/React.createElement(Route, {
+    route: Routes.SdkPlayground,
+    element: /*#__PURE__*/React.createElement(AdminLayout, {
+      title: "SDK Playground"
+    }, /*#__PURE__*/React.createElement(Playground, null))
+  }));
+};
+export const SdkPlayground = /*#__PURE__*/memo(SdkPlaygroundExtension);
+
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useRouter","AdminConfig","AdminLayout","ReactComponent","CodeIcon","Playground","Routes","Route","Menu","SdkPlaygroundExtension","router","createElement","Support","pin","name","element","Link","text","icon","Icon","label","to","getLink","SdkPlayground","route","title"],"sources":["index.tsx"],"sourcesContent":["import React, { memo } from \"react\";\nimport { useRouter, AdminConfig, AdminLayout } from \"@webiny/app-admin\";\nimport { ReactComponent as CodeIcon } from \"@webiny/icons/code.svg\";\nimport Playground from \"./plugins/Playground.js\";\nimport { Routes } from \"./routes.js\";\n\nconst { Route, Menu } = AdminConfig;\n\nconst SdkPlaygroundExtension = () => {\n    const router = useRouter();\n\n    return (\n        <AdminConfig>\n            <Menu.Support\n                pin={\"start\"}\n                name={\"sdk-playground\"}\n                element={\n                    <Menu.Support.Link\n                        text={\"SDK Playground\"}\n                        icon={\n                            <Menu.Support.Link.Icon label=\"SDK Playground\" element={<CodeIcon />} />\n                        }\n                        to={router.getLink(Routes.SdkPlayground)}\n                    />\n                }\n            />\n\n            <Route\n                route={Routes.SdkPlayground}\n                element={\n                    <AdminLayout title={\"SDK Playground\"}>\n                        <Playground />\n                    </AdminLayout>\n                }\n            />\n        </AdminConfig>\n    );\n};\n\nexport const SdkPlayground = memo(SdkPlaygroundExtension);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,SAAS,EAAEC,WAAW,EAAEC,WAAW,QAAQ,mBAAmB;AACvE,SAASC,cAAc,IAAIC,QAAQ,QAAQ,wBAAwB;AACnE,OAAOC,UAAU;AACjB,SAASC,MAAM;AAEf,MAAM;EAAEC,KAAK;EAAEC;AAAK,CAAC,GAAGP,WAAW;AAEnC,MAAMQ,sBAAsB,GAAGA,CAAA,KAAM;EACjC,MAAMC,MAAM,GAAGV,SAAS,CAAC,CAAC;EAE1B,oBACIF,KAAA,CAAAa,aAAA,CAACV,WAAW,qBACRH,KAAA,CAAAa,aAAA,CAACH,IAAI,CAACI,OAAO;IACTC,GAAG,EAAE,OAAQ;IACbC,IAAI,EAAE,gBAAiB;IACvBC,OAAO,eACHjB,KAAA,CAAAa,aAAA,CAACH,IAAI,CAACI,OAAO,CAACI,IAAI;MACdC,IAAI,EAAE,gBAAiB;MACvBC,IAAI,eACApB,KAAA,CAAAa,aAAA,CAACH,IAAI,CAACI,OAAO,CAACI,IAAI,CAACG,IAAI;QAACC,KAAK,EAAC,gBAAgB;QAACL,OAAO,eAAEjB,KAAA,CAAAa,aAAA,CAACP,QAAQ,MAAE;MAAE,CAAE,CAC1E;MACDiB,EAAE,EAAEX,MAAM,CAACY,OAAO,CAAChB,MAAM,CAACiB,aAAa;IAAE,CAC5C;EACJ,CACJ,CAAC,eAEFzB,KAAA,CAAAa,aAAA,CAACJ,KAAK;IACFiB,KAAK,EAAElB,MAAM,CAACiB,aAAc;IAC5BR,OAAO,eACHjB,KAAA,CAAAa,aAAA,CAACT,WAAW;MAACuB,KAAK,EAAE;IAAiB,gBACjC3B,KAAA,CAAAa,aAAA,CAACN,UAAU,MAAE,CACJ;EAChB,CACJ,CACQ,CAAC;AAEtB,CAAC;AAED,OAAO,MAAMkB,aAAa,gBAAGxB,IAAI,CAACU,sBAAsB,CAAC","ignoreList":[]}

package/package.json

@@ -0,0 +1,33 @@
+{
+	"name": "@webiny/app-sdk-playground",
+	"version": "0.0.0-unstable.3c5210ad37",
+	"type": "module",
+	"main": "index.js",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/webiny/webiny-js.git"
+	},
+	"author": "Webiny Ltd",
+	"license": "MIT",
+	"dependencies": {
+		"@monaco-editor/react": "4.7.0",
+		"@webiny/admin-ui": "0.0.0-unstable.3c5210ad37",
+		"@webiny/app": "0.0.0-unstable.3c5210ad37",
+		"@webiny/app-admin": "0.0.0-unstable.3c5210ad37",
+		"@webiny/icons": "0.0.0-unstable.3c5210ad37",
+		"@webiny/sdk": "0.0.0-unstable.3c5210ad37",
+		"monaco-editor": "0.53.0",
+		"react": "18.2.0",
+		"react-dom": "18.2.0"
+	},
+	"devDependencies": {
+		"@webiny/build-tools": "0.0.0-unstable.3c5210ad37",
+		"rimraf": "6.1.3",
+		"typescript": "5.9.3"
+	},
+	"publishConfig": {
+		"access": "public",
+		"directory": "dist"
+	},
+	"gitHead": "3c5210ad37c29bfabfeb8a91d3220115352b2ea9"
+}

package/plugins/Playground.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const Playground: React.FC;
+export default Playground;

package/plugins/Playground.js

@@ -0,0 +1,53 @@
+import React, { useState } from "react";
+import { defaultSdkCode } from "./defaultCode.js";
+import { useCodeExecution } from "./useCodeExecution.js";
+import { useMonacoEditor } from "./useMonacoEditor.js";
+import { useResizableSplit } from "./useResizableSplit.js";
+import { PlaygroundToolbar } from "./components/PlaygroundToolbar.js";
+import { CodeEditor } from "./components/CodeEditor.js";
+import { OutputPanel } from "./components/OutputPanel.js";
+const Playground = () => {
+  const [code, setCode] = useState(defaultSdkCode);
+  const {
+    splitRef,
+    editorPct,
+    handleDividerMouseDown
+  } = useResizableSplit();
+  const {
+    editorRef,
+    handleBeforeMount,
+    handleEditorDidMount,
+    handleFormat
+  } = useMonacoEditor(() => handleRun());
+  const {
+    output,
+    isRunning,
+    handleRun
+  } = useCodeExecution(code, editorRef);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-col bg-gray-100",
+    style: {
+      height: "calc(100vh - 45px)"
+    }
+  }, /*#__PURE__*/React.createElement(PlaygroundToolbar, {
+    isRunning: isRunning,
+    onRun: handleRun,
+    onFormat: handleFormat
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-1 overflow-hidden",
+    ref: splitRef
+  }, /*#__PURE__*/React.createElement(CodeEditor, {
+    code: code,
+    editorPct: editorPct,
+    isRunning: isRunning,
+    onCodeChange: setCode,
+    onBeforeMount: handleBeforeMount,
+    onMount: handleEditorDidMount,
+    onDividerMouseDown: handleDividerMouseDown
+  }), /*#__PURE__*/React.createElement(OutputPanel, {
+    output: output
+  })));
+};
+export default Playground;
+
+//# sourceMappingURL=Playground.js.map

package/plugins/Playground.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","defaultSdkCode","useCodeExecution","useMonacoEditor","useResizableSplit","PlaygroundToolbar","CodeEditor","OutputPanel","Playground","code","setCode","splitRef","editorPct","handleDividerMouseDown","editorRef","handleBeforeMount","handleEditorDidMount","handleFormat","handleRun","output","isRunning","createElement","className","style","height","onRun","onFormat","ref","onCodeChange","onBeforeMount","onMount","onDividerMouseDown"],"sources":["Playground.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { defaultSdkCode } from \"./defaultCode.js\";\nimport { useCodeExecution } from \"./useCodeExecution.js\";\nimport { useMonacoEditor } from \"./useMonacoEditor.js\";\nimport { useResizableSplit } from \"./useResizableSplit.js\";\nimport { PlaygroundToolbar } from \"./components/PlaygroundToolbar.js\";\nimport { CodeEditor } from \"./components/CodeEditor.js\";\nimport { OutputPanel } from \"./components/OutputPanel.js\";\n\nconst Playground: React.FC = () => {\n    const [code, setCode] = useState(defaultSdkCode);\n    const { splitRef, editorPct, handleDividerMouseDown } = useResizableSplit();\n    const { editorRef, handleBeforeMount, handleEditorDidMount, handleFormat } = useMonacoEditor(\n        () => handleRun()\n    );\n    const { output, isRunning, handleRun } = useCodeExecution(code, editorRef);\n\n    return (\n        <div className=\"flex flex-col bg-gray-100\" style={{ height: \"calc(100vh - 45px)\" }}>\n            <PlaygroundToolbar isRunning={isRunning} onRun={handleRun} onFormat={handleFormat} />\n            <div className=\"flex flex-1 overflow-hidden\" ref={splitRef}>\n                <CodeEditor\n                    code={code}\n                    editorPct={editorPct}\n                    isRunning={isRunning}\n                    onCodeChange={setCode}\n                    onBeforeMount={handleBeforeMount}\n                    onMount={handleEditorDidMount}\n                    onDividerMouseDown={handleDividerMouseDown}\n                />\n                <OutputPanel output={output} />\n            </div>\n        </div>\n    );\n};\n\nexport default Playground;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,cAAc;AACvB,SAASC,gBAAgB;AACzB,SAASC,eAAe;AACxB,SAASC,iBAAiB;AAC1B,SAASC,iBAAiB;AAC1B,SAASC,UAAU;AACnB,SAASC,WAAW;AAEpB,MAAMC,UAAoB,GAAGA,CAAA,KAAM;EAC/B,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGV,QAAQ,CAACC,cAAc,CAAC;EAChD,MAAM;IAAEU,QAAQ;IAAEC,SAAS;IAAEC;EAAuB,CAAC,GAAGT,iBAAiB,CAAC,CAAC;EAC3E,MAAM;IAAEU,SAAS;IAAEC,iBAAiB;IAAEC,oBAAoB;IAAEC;EAAa,CAAC,GAAGd,eAAe,CACxF,MAAMe,SAAS,CAAC,CACpB,CAAC;EACD,MAAM;IAAEC,MAAM;IAAEC,SAAS;IAAEF;EAAU,CAAC,GAAGhB,gBAAgB,CAACO,IAAI,EAAEK,SAAS,CAAC;EAE1E,oBACIf,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAC,2BAA2B;IAACC,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAqB;EAAE,gBAC/EzB,KAAA,CAAAsB,aAAA,CAAChB,iBAAiB;IAACe,SAAS,EAAEA,SAAU;IAACK,KAAK,EAAEP,SAAU;IAACQ,QAAQ,EAAET;EAAa,CAAE,CAAC,eACrFlB,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAC,6BAA6B;IAACK,GAAG,EAAEhB;EAAS,gBACvDZ,KAAA,CAAAsB,aAAA,CAACf,UAAU;IACPG,IAAI,EAAEA,IAAK;IACXG,SAAS,EAAEA,SAAU;IACrBQ,SAAS,EAAEA,SAAU;IACrBQ,YAAY,EAAElB,OAAQ;IACtBmB,aAAa,EAAEd,iBAAkB;IACjCe,OAAO,EAAEd,oBAAqB;IAC9Be,kBAAkB,EAAElB;EAAuB,CAC9C,CAAC,eACFd,KAAA,CAAAsB,aAAA,CAACd,WAAW;IAACY,MAAM,EAAEA;EAAO,CAAE,CAC7B,CACJ,CAAC;AAEd,CAAC;AAED,eAAeX,UAAU","ignoreList":[]}

package/plugins/components/CodeEditor.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import type { OnMount, BeforeMount } from "@monaco-editor/react";
+interface CodeEditorProps {
+    code: string;
+    editorPct: number;
+    isRunning: boolean;
+    onCodeChange: (value: string) => void;
+    onBeforeMount: BeforeMount;
+    onMount: OnMount;
+    onDividerMouseDown: (e: React.MouseEvent) => void;
+}
+export declare const CodeEditor: React.FC<CodeEditorProps>;
+export {};

package/plugins/components/CodeEditor.js

@@ -0,0 +1,62 @@
+import React from "react";
+import Editor from "@monaco-editor/react";
+import { OverlayLoader } from "@webiny/admin-ui";
+export const CodeEditor = ({
+  code,
+  editorPct,
+  isRunning,
+  onCodeChange,
+  onBeforeMount,
+  onMount,
+  onDividerMouseDown
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "relative overflow-hidden border-r border-gray-200",
+    style: {
+      flex: "none",
+      width: `${editorPct}%`
+    },
+    onMouseMove: e => {
+      const rect = e.currentTarget.getBoundingClientRect();
+      e.currentTarget.style.cursor = e.clientX >= rect.right - 4 ? "col-resize" : "";
+    },
+    onMouseLeave: e => {
+      e.currentTarget.style.cursor = "";
+    },
+    onMouseDown: e => {
+      const rect = e.currentTarget.getBoundingClientRect();
+      if (e.clientX >= rect.right - 4) {
+        onDividerMouseDown(e);
+      }
+    }
+  }, isRunning && /*#__PURE__*/React.createElement(OverlayLoader, {
+    text: "Running code..."
+  }), /*#__PURE__*/React.createElement(Editor, {
+    height: "100%",
+    defaultLanguage: "typescript",
+    value: code,
+    onChange: value => value && onCodeChange(value),
+    beforeMount: onBeforeMount,
+    onMount: onMount,
+    options: {
+      minimap: {
+        enabled: false
+      },
+      renderLineHighlight: "none",
+      fontSize: 14,
+      automaticLayout: true,
+      scrollBeyondLastLine: false,
+      wordWrap: "on",
+      tabSize: 4,
+      insertSpaces: true,
+      formatOnPaste: true,
+      formatOnType: true,
+      suggest: {
+        showKeywords: true,
+        showSnippets: true
+      }
+    }
+  }));
+};
+
+//# sourceMappingURL=CodeEditor.js.map

package/plugins/components/CodeEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Editor","OverlayLoader","CodeEditor","code","editorPct","isRunning","onCodeChange","onBeforeMount","onMount","onDividerMouseDown","createElement","className","style","flex","width","onMouseMove","e","rect","currentTarget","getBoundingClientRect","cursor","clientX","right","onMouseLeave","onMouseDown","text","height","defaultLanguage","value","onChange","beforeMount","options","minimap","enabled","renderLineHighlight","fontSize","automaticLayout","scrollBeyondLastLine","wordWrap","tabSize","insertSpaces","formatOnPaste","formatOnType","suggest","showKeywords","showSnippets"],"sources":["CodeEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport Editor from \"@monaco-editor/react\";\nimport type { OnMount, BeforeMount } from \"@monaco-editor/react\";\nimport { OverlayLoader } from \"@webiny/admin-ui\";\n\ninterface CodeEditorProps {\n    code: string;\n    editorPct: number;\n    isRunning: boolean;\n    onCodeChange: (value: string) => void;\n    onBeforeMount: BeforeMount;\n    onMount: OnMount;\n    onDividerMouseDown: (e: React.MouseEvent) => void;\n}\n\nexport const CodeEditor: React.FC<CodeEditorProps> = ({\n    code,\n    editorPct,\n    isRunning,\n    onCodeChange,\n    onBeforeMount,\n    onMount,\n    onDividerMouseDown\n}) => {\n    return (\n        <div\n            className=\"relative overflow-hidden border-r border-gray-200\"\n            style={{ flex: \"none\", width: `${editorPct}%` }}\n            onMouseMove={e => {\n                const rect = e.currentTarget.getBoundingClientRect();\n                e.currentTarget.style.cursor = e.clientX >= rect.right - 4 ? \"col-resize\" : \"\";\n            }}\n            onMouseLeave={e => {\n                e.currentTarget.style.cursor = \"\";\n            }}\n            onMouseDown={e => {\n                const rect = e.currentTarget.getBoundingClientRect();\n                if (e.clientX >= rect.right - 4) {\n                    onDividerMouseDown(e);\n                }\n            }}\n        >\n            {isRunning && <OverlayLoader text=\"Running code...\" />}\n            <Editor\n                height=\"100%\"\n                defaultLanguage=\"typescript\"\n                value={code}\n                onChange={value => value && onCodeChange(value)}\n                beforeMount={onBeforeMount}\n                onMount={onMount}\n                options={{\n                    minimap: { enabled: false },\n                    renderLineHighlight: \"none\",\n                    fontSize: 14,\n                    automaticLayout: true,\n                    scrollBeyondLastLine: false,\n                    wordWrap: \"on\",\n                    tabSize: 4,\n                    insertSpaces: true,\n                    formatOnPaste: true,\n                    formatOnType: true,\n                    suggest: {\n                        showKeywords: true,\n                        showSnippets: true\n                    }\n                }}\n            />\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,sBAAsB;AAEzC,SAASC,aAAa,QAAQ,kBAAkB;AAYhD,OAAO,MAAMC,UAAqC,GAAGA,CAAC;EAClDC,IAAI;EACJC,SAAS;EACTC,SAAS;EACTC,YAAY;EACZC,aAAa;EACbC,OAAO;EACPC;AACJ,CAAC,KAAK;EACF,oBACIV,KAAA,CAAAW,aAAA;IACIC,SAAS,EAAC,mDAAmD;IAC7DC,KAAK,EAAE;MAAEC,IAAI,EAAE,MAAM;MAAEC,KAAK,EAAE,GAAGV,SAAS;IAAI,CAAE;IAChDW,WAAW,EAAEC,CAAC,IAAI;MACd,MAAMC,IAAI,GAAGD,CAAC,CAACE,aAAa,CAACC,qBAAqB,CAAC,CAAC;MACpDH,CAAC,CAACE,aAAa,CAACN,KAAK,CAACQ,MAAM,GAAGJ,CAAC,CAACK,OAAO,IAAIJ,IAAI,CAACK,KAAK,GAAG,CAAC,GAAG,YAAY,GAAG,EAAE;IAClF,CAAE;IACFC,YAAY,EAAEP,CAAC,IAAI;MACfA,CAAC,CAACE,aAAa,CAACN,KAAK,CAACQ,MAAM,GAAG,EAAE;IACrC,CAAE;IACFI,WAAW,EAAER,CAAC,IAAI;MACd,MAAMC,IAAI,GAAGD,CAAC,CAACE,aAAa,CAACC,qBAAqB,CAAC,CAAC;MACpD,IAAIH,CAAC,CAACK,OAAO,IAAIJ,IAAI,CAACK,KAAK,GAAG,CAAC,EAAE;QAC7Bb,kBAAkB,CAACO,CAAC,CAAC;MACzB;IACJ;EAAE,GAEDX,SAAS,iBAAIN,KAAA,CAAAW,aAAA,CAACT,aAAa;IAACwB,IAAI,EAAC;EAAiB,CAAE,CAAC,eACtD1B,KAAA,CAAAW,aAAA,CAACV,MAAM;IACH0B,MAAM,EAAC,MAAM;IACbC,eAAe,EAAC,YAAY;IAC5BC,KAAK,EAAEzB,IAAK;IACZ0B,QAAQ,EAAED,KAAK,IAAIA,KAAK,IAAItB,YAAY,CAACsB,KAAK,CAAE;IAChDE,WAAW,EAAEvB,aAAc;IAC3BC,OAAO,EAAEA,OAAQ;IACjBuB,OAAO,EAAE;MACLC,OAAO,EAAE;QAAEC,OAAO,EAAE;MAAM,CAAC;MAC3BC,mBAAmB,EAAE,MAAM;MAC3BC,QAAQ,EAAE,EAAE;MACZC,eAAe,EAAE,IAAI;MACrBC,oBAAoB,EAAE,KAAK;MAC3BC,QAAQ,EAAE,IAAI;MACdC,OAAO,EAAE,CAAC;MACVC,YAAY,EAAE,IAAI;MAClBC,aAAa,EAAE,IAAI;MACnBC,YAAY,EAAE,IAAI;MAClBC,OAAO,EAAE;QACLC,YAAY,EAAE,IAAI;QAClBC,YAAY,EAAE;MAClB;IACJ;EAAE,CACL,CACA,CAAC;AAEd,CAAC","ignoreList":[]}

package/plugins/components/OutputLine.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import type { ConsoleMessage } from "../types.js";
+export declare const OutputLine: React.FC<{
+    message: ConsoleMessage;
+}>;

package/plugins/components/OutputLine.js

@@ -0,0 +1,18 @@
+import React from "react";
+export const OutputLine = ({
+  message
+}) => {
+  const colorClasses = {
+    log: "text-gray-800",
+    error: "text-red-700",
+    warn: "text-orange-600",
+    info: "text-blue-600"
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: `font-mono text-[13px] mb-1 whitespace-pre-wrap break-words ${colorClasses[message.type]}`
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "text-gray-400 text-[11px]"
+  }, "[", new Date(message.timestamp).toLocaleTimeString(), "]"), " ", message.message);
+};
+
+//# sourceMappingURL=OutputLine.js.map

package/plugins/components/OutputLine.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","OutputLine","message","colorClasses","log","error","warn","info","createElement","className","type","Date","timestamp","toLocaleTimeString"],"sources":["OutputLine.tsx"],"sourcesContent":["import React from \"react\";\nimport type { ConsoleMessage } from \"../types.js\";\n\nexport const OutputLine: React.FC<{ message: ConsoleMessage }> = ({ message }) => {\n    const colorClasses: Record<ConsoleMessage[\"type\"], string> = {\n        log: \"text-gray-800\",\n        error: \"text-red-700\",\n        warn: \"text-orange-600\",\n        info: \"text-blue-600\"\n    };\n\n    return (\n        <div\n            className={`font-mono text-[13px] mb-1 whitespace-pre-wrap break-words ${colorClasses[message.type]}`}\n        >\n            <span className=\"text-gray-400 text-[11px]\">\n                [{new Date(message.timestamp).toLocaleTimeString()}]\n            </span>{\" \"}\n            {message.message}\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,OAAO,MAAMC,UAAiD,GAAGA,CAAC;EAAEC;AAAQ,CAAC,KAAK;EAC9E,MAAMC,YAAoD,GAAG;IACzDC,GAAG,EAAE,eAAe;IACpBC,KAAK,EAAE,cAAc;IACrBC,IAAI,EAAE,iBAAiB;IACvBC,IAAI,EAAE;EACV,CAAC;EAED,oBACIP,KAAA,CAAAQ,aAAA;IACIC,SAAS,EAAE,8DAA8DN,YAAY,CAACD,OAAO,CAACQ,IAAI,CAAC;EAAG,gBAEtGV,KAAA,CAAAQ,aAAA;IAAMC,SAAS,EAAC;EAA2B,GAAC,GACvC,EAAC,IAAIE,IAAI,CAACT,OAAO,CAACU,SAAS,CAAC,CAACC,kBAAkB,CAAC,CAAC,EAAC,GACjD,CAAC,EAAC,GAAG,EACVX,OAAO,CAACA,OACR,CAAC;AAEd,CAAC","ignoreList":[]}

package/plugins/components/OutputPanel.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { ConsoleMessage } from "../types.js";
+interface OutputPanelProps {
+    output: ConsoleMessage[];
+}
+export declare const OutputPanel: React.FC<OutputPanelProps>;
+export {};

package/plugins/components/OutputPanel.js

@@ -0,0 +1,26 @@
+import React from "react";
+import { OutputLine } from "./OutputLine.js";
+import { MIN_PANE_PCT } from "../types.js";
+export const OutputPanel = ({
+  output
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "bg-white flex flex-col overflow-hidden",
+    style: {
+      flex: 1,
+      width: "auto",
+      minWidth: `${MIN_PANE_PCT}%`
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "p-2 border-b border-gray-200 font-bold"
+  }, "Output"), /*#__PURE__*/React.createElement("div", {
+    className: "p-2 overflow-auto flex-1"
+  }, output.length === 0 ? /*#__PURE__*/React.createElement("div", {
+    className: "text-gray-400 italic"
+  }, "Click \"Run Code\" to see output here...") : output.map((msg, index) => /*#__PURE__*/React.createElement(OutputLine, {
+    key: index,
+    message: msg
+  }))));
+};
+
+//# sourceMappingURL=OutputPanel.js.map

package/plugins/components/OutputPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","OutputLine","MIN_PANE_PCT","OutputPanel","output","createElement","className","style","flex","width","minWidth","length","map","msg","index","key","message"],"sources":["OutputPanel.tsx"],"sourcesContent":["import React from \"react\";\nimport type { ConsoleMessage } from \"../types.js\";\nimport { OutputLine } from \"./OutputLine.js\";\nimport { MIN_PANE_PCT } from \"../types.js\";\n\ninterface OutputPanelProps {\n    output: ConsoleMessage[];\n}\n\nexport const OutputPanel: React.FC<OutputPanelProps> = ({ output }) => {\n    return (\n        <div\n            className=\"bg-white flex flex-col overflow-hidden\"\n            style={{ flex: 1, width: \"auto\", minWidth: `${MIN_PANE_PCT}%` }}\n        >\n            <div className=\"p-2 border-b border-gray-200 font-bold\">Output</div>\n            <div className=\"p-2 overflow-auto flex-1\">\n                {output.length === 0 ? (\n                    <div className=\"text-gray-400 italic\">\n                        Click &quot;Run Code&quot; to see output here...\n                    </div>\n                ) : (\n                    output.map((msg, index) => <OutputLine key={index} message={msg} />)\n                )}\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,UAAU;AACnB,SAASC,YAAY;AAMrB,OAAO,MAAMC,WAAuC,GAAGA,CAAC;EAAEC;AAAO,CAAC,KAAK;EACnE,oBACIJ,KAAA,CAAAK,aAAA;IACIC,SAAS,EAAC,wCAAwC;IAClDC,KAAK,EAAE;MAAEC,IAAI,EAAE,CAAC;MAAEC,KAAK,EAAE,MAAM;MAAEC,QAAQ,EAAE,GAAGR,YAAY;IAAI;EAAE,gBAEhEF,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAC;EAAwC,GAAC,QAAW,CAAC,eACpEN,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAC;EAA0B,GACpCF,MAAM,CAACO,MAAM,KAAK,CAAC,gBAChBX,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAC;EAAsB,GAAC,0CAEjC,CAAC,GAENF,MAAM,CAACQ,GAAG,CAAC,CAACC,GAAG,EAAEC,KAAK,kBAAKd,KAAA,CAAAK,aAAA,CAACJ,UAAU;IAACc,GAAG,EAAED,KAAM;IAACE,OAAO,EAAEH;EAAI,CAAE,CAAC,CAEtE,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}

package/plugins/components/PlaygroundToolbar.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface PlaygroundToolbarProps {
+    isRunning: boolean;
+    onRun: () => void;
+    onFormat: () => void;
+}
+export declare const PlaygroundToolbar: React.FC<PlaygroundToolbarProps>;
+export {};

package/plugins/components/PlaygroundToolbar.js

@@ -0,0 +1,31 @@
+import React from "react";
+import { Button } from "@webiny/admin-ui";
+import { ReactComponent as PlayArrowIcon } from "@webiny/icons/play_arrow.svg";
+import { ReactComponent as AutoFixHighIcon } from "@webiny/icons/auto_fix_high.svg";
+import { Loader } from "@webiny/admin-ui";
+export const PlaygroundToolbar = ({
+  isRunning,
+  onRun,
+  onFormat
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex justify-between items-center px-4 py-2 bg-white border-b border-gray-200 shadow-sm"
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("strong", null, "SDK Playground"), /*#__PURE__*/React.createElement("span", {
+    className: "ml-4 text-xs text-gray-600"
+  }, "Use ", navigator.platform.startsWith("Mac") ? "Cmd" : "Ctrl", "+Enter to run code")), /*#__PURE__*/React.createElement("div", {
+    className: "flex gap-2 items-center"
+  }, /*#__PURE__*/React.createElement(Button, {
+    onClick: onFormat,
+    icon: /*#__PURE__*/React.createElement(AutoFixHighIcon, null),
+    variant: "secondary"
+  }, "Format"), /*#__PURE__*/React.createElement(Button, {
+    onClick: onRun,
+    disabled: isRunning,
+    icon: isRunning ? /*#__PURE__*/React.createElement(Loader, {
+      size: "xs",
+      variant: "negative"
+    }) : /*#__PURE__*/React.createElement(PlayArrowIcon, null)
+  }, isRunning ? "Running..." : "Run Code")));
+};
+
+//# sourceMappingURL=PlaygroundToolbar.js.map

package/plugins/components/PlaygroundToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Button","ReactComponent","PlayArrowIcon","AutoFixHighIcon","Loader","PlaygroundToolbar","isRunning","onRun","onFormat","createElement","className","navigator","platform","startsWith","onClick","icon","variant","disabled","size"],"sources":["PlaygroundToolbar.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { ReactComponent as PlayArrowIcon } from \"@webiny/icons/play_arrow.svg\";\nimport { ReactComponent as AutoFixHighIcon } from \"@webiny/icons/auto_fix_high.svg\";\nimport { Loader } from \"@webiny/admin-ui\";\n\ninterface PlaygroundToolbarProps {\n    isRunning: boolean;\n    onRun: () => void;\n    onFormat: () => void;\n}\n\nexport const PlaygroundToolbar: React.FC<PlaygroundToolbarProps> = ({\n    isRunning,\n    onRun,\n    onFormat\n}) => {\n    return (\n        <div className=\"flex justify-between items-center px-4 py-2 bg-white border-b border-gray-200 shadow-sm\">\n            <div>\n                <strong>SDK Playground</strong>\n                <span className=\"ml-4 text-xs text-gray-600\">\n                    Use {navigator.platform.startsWith(\"Mac\") ? \"Cmd\" : \"Ctrl\"}+Enter to run code\n                </span>\n            </div>\n            <div className=\"flex gap-2 items-center\">\n                <Button onClick={onFormat} icon={<AutoFixHighIcon />} variant={\"secondary\"}>\n                    Format\n                </Button>\n                <Button\n                    onClick={onRun}\n                    disabled={isRunning}\n                    icon={\n                        isRunning ? <Loader size={\"xs\"} variant={\"negative\"} /> : <PlayArrowIcon />\n                    }\n                >\n                    {isRunning ? \"Running...\" : \"Run Code\"}\n                </Button>\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,cAAc,IAAIC,aAAa,QAAQ,8BAA8B;AAC9E,SAASD,cAAc,IAAIE,eAAe,QAAQ,iCAAiC;AACnF,SAASC,MAAM,QAAQ,kBAAkB;AAQzC,OAAO,MAAMC,iBAAmD,GAAGA,CAAC;EAChEC,SAAS;EACTC,KAAK;EACLC;AACJ,CAAC,KAAK;EACF,oBACIT,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAC;EAAyF,gBACpGX,KAAA,CAAAU,aAAA,2BACIV,KAAA,CAAAU,aAAA,iBAAQ,gBAAsB,CAAC,eAC/BV,KAAA,CAAAU,aAAA;IAAMC,SAAS,EAAC;EAA4B,GAAC,MACrC,EAACC,SAAS,CAACC,QAAQ,CAACC,UAAU,CAAC,KAAK,CAAC,GAAG,KAAK,GAAG,MAAM,EAAC,oBACzD,CACL,CAAC,eACNd,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAC;EAAyB,gBACpCX,KAAA,CAAAU,aAAA,CAACT,MAAM;IAACc,OAAO,EAAEN,QAAS;IAACO,IAAI,eAAEhB,KAAA,CAAAU,aAAA,CAACN,eAAe,MAAE,CAAE;IAACa,OAAO,EAAE;EAAY,GAAC,QAEpE,CAAC,eACTjB,KAAA,CAAAU,aAAA,CAACT,MAAM;IACHc,OAAO,EAAEP,KAAM;IACfU,QAAQ,EAAEX,SAAU;IACpBS,IAAI,EACAT,SAAS,gBAAGP,KAAA,CAAAU,aAAA,CAACL,MAAM;MAACc,IAAI,EAAE,IAAK;MAACF,OAAO,EAAE;IAAW,CAAE,CAAC,gBAAGjB,KAAA,CAAAU,aAAA,CAACP,aAAa,MAAE;EAC7E,GAEAI,SAAS,GAAG,YAAY,GAAG,UACxB,CACP,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}

package/plugins/consoleCapture.d.ts

@@ -0,0 +1,8 @@
+import type { ConsoleMessage } from "./types.js";
+export declare function formatValue(value: any): string;
+export declare function createCustomConsole(messages: ConsoleMessage[], onUpdate: (messages: ConsoleMessage[]) => void): {
+    log: (...args: any[]) => void;
+    error: (...args: any[]) => void;
+    warn: (...args: any[]) => void;
+    info: (...args: any[]) => void;
+};

package/plugins/consoleCapture.js

@@ -0,0 +1,70 @@
+export function formatValue(value) {
+  if (value === null) {
+    return "null";
+  }
+  if (value === undefined) {
+    return "undefined";
+  }
+  if (typeof value === "string") {
+    return value;
+  }
+  if (typeof value === "number") {
+    return String(value);
+  }
+  if (typeof value === "boolean") {
+    return String(value);
+  }
+  if (value instanceof Error) {
+    return `${value.name}: ${value.message}`;
+  }
+  if (typeof value === "function") {
+    return `[Function]`;
+  }
+  try {
+    return JSON.stringify(value, null, 2);
+  } catch {
+    return String(value);
+  }
+}
+export function createCustomConsole(messages, onUpdate) {
+  return {
+    log: (...args) => {
+      const message = args.map(arg => formatValue(arg)).join(" ");
+      messages.push({
+        type: "log",
+        message,
+        timestamp: new Date().toISOString()
+      });
+      onUpdate([...messages]);
+    },
+    error: (...args) => {
+      const message = args.map(arg => formatValue(arg)).join(" ");
+      messages.push({
+        type: "error",
+        message,
+        timestamp: new Date().toISOString()
+      });
+      onUpdate([...messages]);
+    },
+    warn: (...args) => {
+      const message = args.map(arg => formatValue(arg)).join(" ");
+      messages.push({
+        type: "warn",
+        message,
+        timestamp: new Date().toISOString()
+      });
+      onUpdate([...messages]);
+    },
+    info: (...args) => {
+      const message = args.map(arg => formatValue(arg)).join(" ");
+      messages.push({
+        type: "info",
+        message,
+        timestamp: new Date().toISOString()
+      });
+      onUpdate([...messages]);
+    }
+  };
+}
+
+//# sourceMappingURL=consoleCapture.js.map

package/plugins/consoleCapture.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["formatValue","value","undefined","String","Error","name","message","JSON","stringify","createCustomConsole","messages","onUpdate","log","args","map","arg","join","push","type","timestamp","Date","toISOString","error","warn","info"],"sources":["consoleCapture.ts"],"sourcesContent":["import type { ConsoleMessage } from \"./types.js\";\n\nexport function formatValue(value: any): string {\n    if (value === null) {\n        return \"null\";\n    }\n    if (value === undefined) {\n        return \"undefined\";\n    }\n    if (typeof value === \"string\") {\n        return value;\n    }\n    if (typeof value === \"number\") {\n        return String(value);\n    }\n    if (typeof value === \"boolean\") {\n        return String(value);\n    }\n    if (value instanceof Error) {\n        return `${value.name}: ${value.message}`;\n    }\n    if (typeof value === \"function\") {\n        return `[Function]`;\n    }\n    try {\n        return JSON.stringify(value, null, 2);\n    } catch {\n        return String(value);\n    }\n}\n\nexport function createCustomConsole(\n    messages: ConsoleMessage[],\n    onUpdate: (messages: ConsoleMessage[]) => void\n) {\n    return {\n        log: (...args: any[]) => {\n            const message = args.map(arg => formatValue(arg)).join(\" \");\n            messages.push({ type: \"log\", message, timestamp: new Date().toISOString() });\n            onUpdate([...messages]);\n        },\n        error: (...args: any[]) => {\n            const message = args.map(arg => formatValue(arg)).join(\" \");\n            messages.push({ type: \"error\", message, timestamp: new Date().toISOString() });\n            onUpdate([...messages]);\n        },\n        warn: (...args: any[]) => {\n            const message = args.map(arg => formatValue(arg)).join(\" \");\n            messages.push({ type: \"warn\", message, timestamp: new Date().toISOString() });\n            onUpdate([...messages]);\n        },\n        info: (...args: any[]) => {\n            const message = args.map(arg => formatValue(arg)).join(\" \");\n            messages.push({ type: \"info\", message, timestamp: new Date().toISOString() });\n            onUpdate([...messages]);\n        }\n    };\n}\n"],"mappings":"AAEA,OAAO,SAASA,WAAWA,CAACC,KAAU,EAAU;EAC5C,IAAIA,KAAK,KAAK,IAAI,EAAE;IAChB,OAAO,MAAM;EACjB;EACA,IAAIA,KAAK,KAAKC,SAAS,EAAE;IACrB,OAAO,WAAW;EACtB;EACA,IAAI,OAAOD,KAAK,KAAK,QAAQ,EAAE;IAC3B,OAAOA,KAAK;EAChB;EACA,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC3B,OAAOE,MAAM,CAACF,KAAK,CAAC;EACxB;EACA,IAAI,OAAOA,KAAK,KAAK,SAAS,EAAE;IAC5B,OAAOE,MAAM,CAACF,KAAK,CAAC;EACxB;EACA,IAAIA,KAAK,YAAYG,KAAK,EAAE;IACxB,OAAO,GAAGH,KAAK,CAACI,IAAI,KAAKJ,KAAK,CAACK,OAAO,EAAE;EAC5C;EACA,IAAI,OAAOL,KAAK,KAAK,UAAU,EAAE;IAC7B,OAAO,YAAY;EACvB;EACA,IAAI;IACA,OAAOM,IAAI,CAACC,SAAS,CAACP,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;EACzC,CAAC,CAAC,MAAM;IACJ,OAAOE,MAAM,CAACF,KAAK,CAAC;EACxB;AACJ;AAEA,OAAO,SAASQ,mBAAmBA,CAC/BC,QAA0B,EAC1BC,QAA8C,EAChD;EACE,OAAO;IACHC,GAAG,EAAEA,CAAC,GAAGC,IAAW,KAAK;MACrB,MAAMP,OAAO,GAAGO,IAAI,CAACC,GAAG,CAACC,GAAG,IAAIf,WAAW,CAACe,GAAG,CAAC,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;MAC3DN,QAAQ,CAACO,IAAI,CAAC;QAAEC,IAAI,EAAE,KAAK;QAAEZ,OAAO;QAAEa,SAAS,EAAE,IAAIC,IAAI,CAAC,CAAC,CAACC,WAAW,CAAC;MAAE,CAAC,CAAC;MAC5EV,QAAQ,CAAC,CAAC,GAAGD,QAAQ,CAAC,CAAC;IAC3B,CAAC;IACDY,KAAK,EAAEA,CAAC,GAAGT,IAAW,KAAK;MACvB,MAAMP,OAAO,GAAGO,IAAI,CAACC,GAAG,CAACC,GAAG,IAAIf,WAAW,CAACe,GAAG,CAAC,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;MAC3DN,QAAQ,CAACO,IAAI,CAAC;QAAEC,IAAI,EAAE,OAAO;QAAEZ,OAAO;QAAEa,SAAS,EAAE,IAAIC,IAAI,CAAC,CAAC,CAACC,WAAW,CAAC;MAAE,CAAC,CAAC;MAC9EV,QAAQ,CAAC,CAAC,GAAGD,QAAQ,CAAC,CAAC;IAC3B,CAAC;IACDa,IAAI,EAAEA,CAAC,GAAGV,IAAW,KAAK;MACtB,MAAMP,OAAO,GAAGO,IAAI,CAACC,GAAG,CAACC,GAAG,IAAIf,WAAW,CAACe,GAAG,CAAC,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;MAC3DN,QAAQ,CAACO,IAAI,CAAC;QAAEC,IAAI,EAAE,MAAM;QAAEZ,OAAO;QAAEa,SAAS,EAAE,IAAIC,IAAI,CAAC,CAAC,CAACC,WAAW,CAAC;MAAE,CAAC,CAAC;MAC7EV,QAAQ,CAAC,CAAC,GAAGD,QAAQ,CAAC,CAAC;IAC3B,CAAC;IACDc,IAAI,EAAEA,CAAC,GAAGX,IAAW,KAAK;MACtB,MAAMP,OAAO,GAAGO,IAAI,CAACC,GAAG,CAACC,GAAG,IAAIf,WAAW,CAACe,GAAG,CAAC,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;MAC3DN,QAAQ,CAACO,IAAI,CAAC;QAAEC,IAAI,EAAE,MAAM;QAAEZ,OAAO;QAAEa,SAAS,EAAE,IAAIC,IAAI,CAAC,CAAC,CAACC,WAAW,CAAC;MAAE,CAAC,CAAC;MAC7EV,QAAQ,CAAC,CAAC,GAAGD,QAAQ,CAAC,CAAC;IAC3B;EACJ,CAAC;AACL","ignoreList":[]}

package/plugins/defaultCode.d.ts

@@ -0,0 +1 @@
+export declare const defaultSdkCode = "// SDK Playground - Try out the Webiny SDK\n// SDK is available as a global 'sdk' variable\n\nasync function run() {\n    // List entries from a CMS model\n    const result = await sdk.cms.listEntries({\n        modelId: \"article\",\n        fields: [\"id\", \"createdOn\", \"values.title\"]\n    });\n\n    // Handle the result\n    if (result.isOk()) {\n        console.log(\"Entries:\", result.value);\n    } else {\n        console.error(\"Error:\", result.error);\n    }\n}\n\nrun();\n";

package/plugins/defaultCode.js

@@ -0,0 +1,23 @@
+// Default code template shown in the SDK Playground.
+export const defaultSdkCode = `// SDK Playground - Try out the Webiny SDK
+// SDK is available as a global 'sdk' variable
+
+async function run() {
+    // List entries from a CMS model
+    const result = await sdk.cms.listEntries({
+        modelId: "article",
+        fields: ["id", "createdOn", "values.title"]
+    });
+
+    // Handle the result
+    if (result.isOk()) {
+        console.log("Entries:", result.value);
+    } else {
+        console.error("Error:", result.error);
+    }
+}
+
+run();
+`;
+
+//# sourceMappingURL=defaultCode.js.map

package/plugins/defaultCode.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultSdkCode"],"sources":["defaultCode.ts"],"sourcesContent":["// Default code template shown in the SDK Playground.\nexport const defaultSdkCode = `// SDK Playground - Try out the Webiny SDK\n// SDK is available as a global 'sdk' variable\n\nasync function run() {\n    // List entries from a CMS model\n    const result = await sdk.cms.listEntries({\n        modelId: \"article\",\n        fields: [\"id\", \"createdOn\", \"values.title\"]\n    });\n\n    // Handle the result\n    if (result.isOk()) {\n        console.log(\"Entries:\", result.value);\n    } else {\n        console.error(\"Error:\", result.error);\n    }\n}\n\nrun();\n`;\n"],"mappings":"AAAA;AACA,OAAO,MAAMA,cAAc,GAAG;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/plugins/sdkGlobalDeclaration.d.ts

@@ -0,0 +1 @@
+export declare const SDK_GLOBAL_DECLARATION = "\ninterface SdkIdentity {\n    id: string;\n    displayName: string;\n    type: string;\n}\n\ntype SdkEntryStatus = \"published\" | \"unpublished\" | \"draft\";\n\ninterface SdkEntryValues {\n    [key: string]: any;\n}\n\ninterface SdkEntryData<TValues extends SdkEntryValues = SdkEntryValues> {\n    id?: string;\n    entryId?: string;\n    status?: SdkEntryStatus;\n    createdOn?: string;\n    modifiedOn?: string | null;\n    savedOn?: string;\n    deletedOn?: string | null;\n    restoredOn?: string | null;\n    createdBy?: SdkIdentity;\n    modifiedBy?: SdkIdentity;\n    savedBy?: SdkIdentity;\n    firstPublishedOn?: string;\n    lastPublishedOn?: string;\n    firstPublishedBy?: SdkIdentity;\n    lastPublishedBy?: SdkIdentity;\n    revisionCreatedOn?: string;\n    revisionModifiedOn?: string | null;\n    revisionSavedOn?: string;\n    revisionCreatedBy?: SdkIdentity;\n    revisionModifiedBy?: SdkIdentity | null;\n    revisionSavedBy?: SdkIdentity;\n    revisionFirstPublishedOn?: string;\n    revisionLastPublishedOn?: string;\n    revisionFirstPublishedBy?: SdkIdentity;\n    revisionLastPublishedBy?: SdkIdentity;\n    location?: { folderId?: string | null };\n    values?: TValues;\n}\n\ninterface SdkListEntriesResult<TValues extends SdkEntryValues = SdkEntryValues> {\n    data: SdkEntryData<TValues>[];\n    meta: {\n        cursor: string | null;\n        hasMoreItems: boolean;\n        totalCount: number;\n    };\n}\n\ninterface SdkResult<TValue, TError = unknown> {\n    isOk(): boolean;\n    isFail(): boolean;\n    readonly value: TValue;\n    readonly error: TError;\n}\n\ndeclare class SdkBaseError extends Error {\n    readonly code: string;\n    readonly message: string;\n}\n\ndeclare class SdkHttpError extends SdkBaseError {\n    readonly code: \"HTTP_ERROR\";\n    readonly data: { status: number };\n}\n\ndeclare class SdkGraphQLError extends SdkBaseError {\n    readonly code: \"GRAPHQL_ERROR\";\n    readonly data: { code?: string };\n}\n\ndeclare class SdkNetworkError extends SdkBaseError {\n    readonly code: \"NETWORK_ERROR\";\n}\n\ntype SdkCmsError = SdkHttpError | SdkGraphQLError | SdkNetworkError;\n\ninterface SdkGetEntryParams {\n    /** The model ID to query. */\n    modelId: string;\n    where: {\n        /** Revision ID, e.g. \"abc#0001\". */\n        id?: string;\n        /** Entry ID, e.g. \"abc\". */\n        entryId?: string;\n        /** Filter by entry field values. */\n        values?: Record<string, unknown>;\n    };\n    /** Fields to include in the response. Use \"values.fieldName\" for entry values. */\n    fields: string[];\n    /** When true, returns unpublished/draft content. Defaults to false. */\n    preview?: boolean;\n}\n\ninterface SdkListEntriesParams {\n    /** The model ID to query. */\n    modelId: string;\n    /** Filter conditions. */\n    where?: Record<string, unknown>;\n    /** Sort order per field, e.g. { createdOn: \"desc\" }. */\n    sort?: Record<string, \"asc\" | \"desc\">;\n    /** Maximum number of entries to return. Defaults to 10. */\n    limit?: number;\n    /** Pagination cursor from a previous response. */\n    after?: string;\n    /** Fields to include in the response. Use \"values.fieldName\" for entry values. */\n    fields: string[];\n    /** When true, returns unpublished/draft content. Defaults to false. */\n    preview?: boolean;\n}\n\ninterface SdkCreateEntryData<TValues extends SdkEntryValues = SdkEntryValues> {\n    values: TValues | undefined;\n    status?: SdkEntryStatus;\n    location?: { folderId?: string | null };\n}\n\ninterface SdkCreateEntryParams<TValues extends SdkEntryValues = SdkEntryValues> {\n    /** The model ID. */\n    modelId: string;\n    /** The entry data to create. */\n    data: SdkCreateEntryData<TValues>;\n    /** Fields to include in the response. */\n    fields: string[];\n}\n\ninterface SdkUpdateEntryData<TValues extends SdkEntryValues = SdkEntryValues> {\n    values?: Partial<TValues>;\n    location?: { folderId?: string | null };\n}\n\ninterface SdkUpdateEntryRevisionParams<TValues extends SdkEntryValues = SdkEntryValues> {\n    /** The model ID. */\n    modelId: string;\n    /** The revision ID, e.g. \"abc#0001\". */\n    revisionId: string;\n    /** The fields to update. */\n    data: SdkUpdateEntryData<TValues>;\n    /** Fields to include in the response. */\n    fields: string[];\n}\n\ninterface SdkDeleteEntryRevisionParams {\n    /** The model ID. */\n    modelId: string;\n    /** The revision ID, e.g. \"abc#0001\". */\n    revisionId: string;\n    /** When true, permanently deletes the entry. Defaults to false. */\n    permanent?: boolean;\n}\n\ninterface SdkPublishEntryRevisionParams {\n    /** The model ID. */\n    modelId: string;\n    /** The revision ID, e.g. \"abc#0001\". */\n    revisionId: string;\n    /** Fields to include in the response. */\n    fields: string[];\n}\n\ninterface SdkUnpublishEntryRevisionParams {\n    /** The model ID. */\n    modelId: string;\n    /** The revision ID, e.g. \"abc#0001\". */\n    revisionId: string;\n    /** Fields to include in the response. */\n    fields: string[];\n}\n\ninterface SdkCms {\n    /** Get a single entry by ID or field values. */\n    getEntry<TValues extends SdkEntryValues = SdkEntryValues>(\n        params: SdkGetEntryParams\n    ): Promise<SdkResult<SdkEntryData<TValues>, SdkCmsError>>;\n\n    /** List entries with optional filtering, sorting, and pagination. */\n    listEntries<TValues extends SdkEntryValues = SdkEntryValues>(\n        params: SdkListEntriesParams\n    ): Promise<SdkResult<SdkListEntriesResult<TValues>, SdkCmsError>>;\n\n    /** Create a new entry. */\n    createEntry<TValues extends SdkEntryValues = SdkEntryValues>(\n        params: SdkCreateEntryParams<TValues>\n    ): Promise<SdkResult<SdkEntryData<TValues>, SdkCmsError>>;\n\n    /** Update an existing entry revision. */\n    updateEntryRevision<TValues extends SdkEntryValues = SdkEntryValues>(\n        params: SdkUpdateEntryRevisionParams<TValues>\n    ): Promise<SdkResult<SdkEntryData<TValues>, SdkCmsError>>;\n\n    /** Delete an entry revision. */\n    deleteEntryRevision(\n        params: SdkDeleteEntryRevisionParams\n    ): Promise<SdkResult<boolean, SdkCmsError>>;\n\n    /** Publish an entry revision. */\n    publishEntryRevision<TValues extends SdkEntryValues = SdkEntryValues>(\n        params: SdkPublishEntryRevisionParams\n    ): Promise<SdkResult<SdkEntryData<TValues>, SdkCmsError>>;\n\n    /** Unpublish an entry revision. */\n    unpublishEntryRevision<TValues extends SdkEntryValues = SdkEntryValues>(\n        params: SdkUnpublishEntryRevisionParams\n    ): Promise<SdkResult<SdkEntryData<TValues>, SdkCmsError>>;\n}\n\ninterface SdkWebiny {\n    /** CMS operations: list, get, create, update, delete, publish entries. */\n    readonly cms: SdkCms;\n}\n\ndeclare const sdk: SdkWebiny;\ndeclare interface Window { sdk: SdkWebiny; }\n";

package/plugins/sdkGlobalDeclaration.js

@@ -0,0 +1,230 @@
+// Global ambient declaration injected into Monaco's TypeScript language service.
+//
+// NOTE: This file contains TypeScript type declarations as a string literal.
+// In the future, this can be auto-generated from a real .d.ts file.
+//
+// RULES (do not break these):
+//   1. This string must contain NO top-level `import` or `export` statements.
+//      Any import/export makes TypeScript treat the file as a module, scoping
+//      all declarations locally instead of globally.
+//   2. All types must be declared inline — no cross-file references.
+//   3. Register this with addExtraLib using a "file:///" URI.
+export const SDK_GLOBAL_DECLARATION = `
+interface SdkIdentity {
+    id: string;
+    displayName: string;
+    type: string;
+}
+
+type SdkEntryStatus = "published" | "unpublished" | "draft";
+
+interface SdkEntryValues {
+    [key: string]: any;
+}
+
+interface SdkEntryData<TValues extends SdkEntryValues = SdkEntryValues> {
+    id?: string;
+    entryId?: string;
+    status?: SdkEntryStatus;
+    createdOn?: string;
+    modifiedOn?: string | null;
+    savedOn?: string;
+    deletedOn?: string | null;
+    restoredOn?: string | null;
+    createdBy?: SdkIdentity;
+    modifiedBy?: SdkIdentity;
+    savedBy?: SdkIdentity;
+    firstPublishedOn?: string;
+    lastPublishedOn?: string;
+    firstPublishedBy?: SdkIdentity;
+    lastPublishedBy?: SdkIdentity;
+    revisionCreatedOn?: string;
+    revisionModifiedOn?: string | null;
+    revisionSavedOn?: string;
+    revisionCreatedBy?: SdkIdentity;
+    revisionModifiedBy?: SdkIdentity | null;
+    revisionSavedBy?: SdkIdentity;
+    revisionFirstPublishedOn?: string;
+    revisionLastPublishedOn?: string;
+    revisionFirstPublishedBy?: SdkIdentity;
+    revisionLastPublishedBy?: SdkIdentity;
+    location?: { folderId?: string | null };
+    values?: TValues;
+}
+
+interface SdkListEntriesResult<TValues extends SdkEntryValues = SdkEntryValues> {
+    data: SdkEntryData<TValues>[];
+    meta: {
+        cursor: string | null;
+        hasMoreItems: boolean;
+        totalCount: number;
+    };
+}
+
+interface SdkResult<TValue, TError = unknown> {
+    isOk(): boolean;
+    isFail(): boolean;
+    readonly value: TValue;
+    readonly error: TError;
+}
+
+declare class SdkBaseError extends Error {
+    readonly code: string;
+    readonly message: string;
+}
+
+declare class SdkHttpError extends SdkBaseError {
+    readonly code: "HTTP_ERROR";
+    readonly data: { status: number };
+}
+
+declare class SdkGraphQLError extends SdkBaseError {
+    readonly code: "GRAPHQL_ERROR";
+    readonly data: { code?: string };
+}
+
+declare class SdkNetworkError extends SdkBaseError {
+    readonly code: "NETWORK_ERROR";
+}
+
+type SdkCmsError = SdkHttpError | SdkGraphQLError | SdkNetworkError;
+
+interface SdkGetEntryParams {
+    /** The model ID to query. */
+    modelId: string;
+    where: {
+        /** Revision ID, e.g. "abc#0001". */
+        id?: string;
+        /** Entry ID, e.g. "abc". */
+        entryId?: string;
+        /** Filter by entry field values. */
+        values?: Record<string, unknown>;
+    };
+    /** Fields to include in the response. Use "values.fieldName" for entry values. */
+    fields: string[];
+    /** When true, returns unpublished/draft content. Defaults to false. */
+    preview?: boolean;
+}
+
+interface SdkListEntriesParams {
+    /** The model ID to query. */
+    modelId: string;
+    /** Filter conditions. */
+    where?: Record<string, unknown>;
+    /** Sort order per field, e.g. { createdOn: "desc" }. */
+    sort?: Record<string, "asc" | "desc">;
+    /** Maximum number of entries to return. Defaults to 10. */
+    limit?: number;
+    /** Pagination cursor from a previous response. */
+    after?: string;
+    /** Fields to include in the response. Use "values.fieldName" for entry values. */
+    fields: string[];
+    /** When true, returns unpublished/draft content. Defaults to false. */
+    preview?: boolean;
+}
+
+interface SdkCreateEntryData<TValues extends SdkEntryValues = SdkEntryValues> {
+    values: TValues | undefined;
+    status?: SdkEntryStatus;
+    location?: { folderId?: string | null };
+}
+
+interface SdkCreateEntryParams<TValues extends SdkEntryValues = SdkEntryValues> {
+    /** The model ID. */
+    modelId: string;
+    /** The entry data to create. */
+    data: SdkCreateEntryData<TValues>;
+    /** Fields to include in the response. */
+    fields: string[];
+}
+
+interface SdkUpdateEntryData<TValues extends SdkEntryValues = SdkEntryValues> {
+    values?: Partial<TValues>;
+    location?: { folderId?: string | null };
+}
+
+interface SdkUpdateEntryRevisionParams<TValues extends SdkEntryValues = SdkEntryValues> {
+    /** The model ID. */
+    modelId: string;
+    /** The revision ID, e.g. "abc#0001". */
+    revisionId: string;
+    /** The fields to update. */
+    data: SdkUpdateEntryData<TValues>;
+    /** Fields to include in the response. */
+    fields: string[];
+}
+
+interface SdkDeleteEntryRevisionParams {
+    /** The model ID. */
+    modelId: string;
+    /** The revision ID, e.g. "abc#0001". */
+    revisionId: string;
+    /** When true, permanently deletes the entry. Defaults to false. */
+    permanent?: boolean;
+}
+
+interface SdkPublishEntryRevisionParams {
+    /** The model ID. */
+    modelId: string;
+    /** The revision ID, e.g. "abc#0001". */
+    revisionId: string;
+    /** Fields to include in the response. */
+    fields: string[];
+}
+
+interface SdkUnpublishEntryRevisionParams {
+    /** The model ID. */
+    modelId: string;
+    /** The revision ID, e.g. "abc#0001". */
+    revisionId: string;
+    /** Fields to include in the response. */
+    fields: string[];
+}
+
+interface SdkCms {
+    /** Get a single entry by ID or field values. */
+    getEntry<TValues extends SdkEntryValues = SdkEntryValues>(
+        params: SdkGetEntryParams
+    ): Promise<SdkResult<SdkEntryData<TValues>, SdkCmsError>>;
+
+    /** List entries with optional filtering, sorting, and pagination. */
+    listEntries<TValues extends SdkEntryValues = SdkEntryValues>(
+        params: SdkListEntriesParams
+    ): Promise<SdkResult<SdkListEntriesResult<TValues>, SdkCmsError>>;
+
+    /** Create a new entry. */
+    createEntry<TValues extends SdkEntryValues = SdkEntryValues>(
+        params: SdkCreateEntryParams<TValues>
+    ): Promise<SdkResult<SdkEntryData<TValues>, SdkCmsError>>;
+
+    /** Update an existing entry revision. */
+    updateEntryRevision<TValues extends SdkEntryValues = SdkEntryValues>(
+        params: SdkUpdateEntryRevisionParams<TValues>
+    ): Promise<SdkResult<SdkEntryData<TValues>, SdkCmsError>>;
+
+    /** Delete an entry revision. */
+    deleteEntryRevision(
+        params: SdkDeleteEntryRevisionParams
+    ): Promise<SdkResult<boolean, SdkCmsError>>;
+
+    /** Publish an entry revision. */
+    publishEntryRevision<TValues extends SdkEntryValues = SdkEntryValues>(
+        params: SdkPublishEntryRevisionParams
+    ): Promise<SdkResult<SdkEntryData<TValues>, SdkCmsError>>;
+
+    /** Unpublish an entry revision. */
+    unpublishEntryRevision<TValues extends SdkEntryValues = SdkEntryValues>(
+        params: SdkUnpublishEntryRevisionParams
+    ): Promise<SdkResult<SdkEntryData<TValues>, SdkCmsError>>;
+}
+
+interface SdkWebiny {
+    /** CMS operations: list, get, create, update, delete, publish entries. */
+    readonly cms: SdkCms;
+}
+
+declare const sdk: SdkWebiny;
+declare interface Window { sdk: SdkWebiny; }
+`;
+
+//# sourceMappingURL=sdkGlobalDeclaration.js.map

package/plugins/sdkGlobalDeclaration.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SDK_GLOBAL_DECLARATION"],"sources":["sdkGlobalDeclaration.ts"],"sourcesContent":["// Global ambient declaration injected into Monaco's TypeScript language service.\n//\n// NOTE: This file contains TypeScript type declarations as a string literal.\n// In the future, this can be auto-generated from a real .d.ts file.\n//\n// RULES (do not break these):\n//   1. This string must contain NO top-level `import` or `export` statements.\n//      Any import/export makes TypeScript treat the file as a module, scoping\n//      all declarations locally instead of globally.\n//   2. All types must be declared inline — no cross-file references.\n//   3. Register this with addExtraLib using a \"file:///\" URI.\nexport const SDK_GLOBAL_DECLARATION = `\ninterface SdkIdentity {\n    id: string;\n    displayName: string;\n    type: string;\n}\n\ntype SdkEntryStatus = \"published\" | \"unpublished\" | \"draft\";\n\ninterface SdkEntryValues {\n    [key: string]: any;\n}\n\ninterface SdkEntryData<TValues extends SdkEntryValues = SdkEntryValues> {\n    id?: string;\n    entryId?: string;\n    status?: SdkEntryStatus;\n    createdOn?: string;\n    modifiedOn?: string | null;\n    savedOn?: string;\n    deletedOn?: string | null;\n    restoredOn?: string | null;\n    createdBy?: SdkIdentity;\n    modifiedBy?: SdkIdentity;\n    savedBy?: SdkIdentity;\n    firstPublishedOn?: string;\n    lastPublishedOn?: string;\n    firstPublishedBy?: SdkIdentity;\n    lastPublishedBy?: SdkIdentity;\n    revisionCreatedOn?: string;\n    revisionModifiedOn?: string | null;\n    revisionSavedOn?: string;\n    revisionCreatedBy?: SdkIdentity;\n    revisionModifiedBy?: SdkIdentity | null;\n    revisionSavedBy?: SdkIdentity;\n    revisionFirstPublishedOn?: string;\n    revisionLastPublishedOn?: string;\n    revisionFirstPublishedBy?: SdkIdentity;\n    revisionLastPublishedBy?: SdkIdentity;\n    location?: { folderId?: string | null };\n    values?: TValues;\n}\n\ninterface SdkListEntriesResult<TValues extends SdkEntryValues = SdkEntryValues> {\n    data: SdkEntryData<TValues>[];\n    meta: {\n        cursor: string | null;\n        hasMoreItems: boolean;\n        totalCount: number;\n    };\n}\n\ninterface SdkResult<TValue, TError = unknown> {\n    isOk(): boolean;\n    isFail(): boolean;\n    readonly value: TValue;\n    readonly error: TError;\n}\n\ndeclare class SdkBaseError extends Error {\n    readonly code: string;\n    readonly message: string;\n}\n\ndeclare class SdkHttpError extends SdkBaseError {\n    readonly code: \"HTTP_ERROR\";\n    readonly data: { status: number };\n}\n\ndeclare class SdkGraphQLError extends SdkBaseError {\n    readonly code: \"GRAPHQL_ERROR\";\n    readonly data: { code?: string };\n}\n\ndeclare class SdkNetworkError extends SdkBaseError {\n    readonly code: \"NETWORK_ERROR\";\n}\n\ntype SdkCmsError = SdkHttpError | SdkGraphQLError | SdkNetworkError;\n\ninterface SdkGetEntryParams {\n    /** The model ID to query. */\n    modelId: string;\n    where: {\n        /** Revision ID, e.g. \"abc#0001\". */\n        id?: string;\n        /** Entry ID, e.g. \"abc\". */\n        entryId?: string;\n        /** Filter by entry field values. */\n        values?: Record<string, unknown>;\n    };\n    /** Fields to include in the response. Use \"values.fieldName\" for entry values. */\n    fields: string[];\n    /** When true, returns unpublished/draft content. Defaults to false. */\n    preview?: boolean;\n}\n\ninterface SdkListEntriesParams {\n    /** The model ID to query. */\n    modelId: string;\n    /** Filter conditions. */\n    where?: Record<string, unknown>;\n    /** Sort order per field, e.g. { createdOn: \"desc\" }. */\n    sort?: Record<string, \"asc\" | \"desc\">;\n    /** Maximum number of entries to return. Defaults to 10. */\n    limit?: number;\n    /** Pagination cursor from a previous response. */\n    after?: string;\n    /** Fields to include in the response. Use \"values.fieldName\" for entry values. */\n    fields: string[];\n    /** When true, returns unpublished/draft content. Defaults to false. */\n    preview?: boolean;\n}\n\ninterface SdkCreateEntryData<TValues extends SdkEntryValues = SdkEntryValues> {\n    values: TValues | undefined;\n    status?: SdkEntryStatus;\n    location?: { folderId?: string | null };\n}\n\ninterface SdkCreateEntryParams<TValues extends SdkEntryValues = SdkEntryValues> {\n    /** The model ID. */\n    modelId: string;\n    /** The entry data to create. */\n    data: SdkCreateEntryData<TValues>;\n    /** Fields to include in the response. */\n    fields: string[];\n}\n\ninterface SdkUpdateEntryData<TValues extends SdkEntryValues = SdkEntryValues> {\n    values?: Partial<TValues>;\n    location?: { folderId?: string | null };\n}\n\ninterface SdkUpdateEntryRevisionParams<TValues extends SdkEntryValues = SdkEntryValues> {\n    /** The model ID. */\n    modelId: string;\n    /** The revision ID, e.g. \"abc#0001\". */\n    revisionId: string;\n    /** The fields to update. */\n    data: SdkUpdateEntryData<TValues>;\n    /** Fields to include in the response. */\n    fields: string[];\n}\n\ninterface SdkDeleteEntryRevisionParams {\n    /** The model ID. */\n    modelId: string;\n    /** The revision ID, e.g. \"abc#0001\". */\n    revisionId: string;\n    /** When true, permanently deletes the entry. Defaults to false. */\n    permanent?: boolean;\n}\n\ninterface SdkPublishEntryRevisionParams {\n    /** The model ID. */\n    modelId: string;\n    /** The revision ID, e.g. \"abc#0001\". */\n    revisionId: string;\n    /** Fields to include in the response. */\n    fields: string[];\n}\n\ninterface SdkUnpublishEntryRevisionParams {\n    /** The model ID. */\n    modelId: string;\n    /** The revision ID, e.g. \"abc#0001\". */\n    revisionId: string;\n    /** Fields to include in the response. */\n    fields: string[];\n}\n\ninterface SdkCms {\n    /** Get a single entry by ID or field values. */\n    getEntry<TValues extends SdkEntryValues = SdkEntryValues>(\n        params: SdkGetEntryParams\n    ): Promise<SdkResult<SdkEntryData<TValues>, SdkCmsError>>;\n\n    /** List entries with optional filtering, sorting, and pagination. */\n    listEntries<TValues extends SdkEntryValues = SdkEntryValues>(\n        params: SdkListEntriesParams\n    ): Promise<SdkResult<SdkListEntriesResult<TValues>, SdkCmsError>>;\n\n    /** Create a new entry. */\n    createEntry<TValues extends SdkEntryValues = SdkEntryValues>(\n        params: SdkCreateEntryParams<TValues>\n    ): Promise<SdkResult<SdkEntryData<TValues>, SdkCmsError>>;\n\n    /** Update an existing entry revision. */\n    updateEntryRevision<TValues extends SdkEntryValues = SdkEntryValues>(\n        params: SdkUpdateEntryRevisionParams<TValues>\n    ): Promise<SdkResult<SdkEntryData<TValues>, SdkCmsError>>;\n\n    /** Delete an entry revision. */\n    deleteEntryRevision(\n        params: SdkDeleteEntryRevisionParams\n    ): Promise<SdkResult<boolean, SdkCmsError>>;\n\n    /** Publish an entry revision. */\n    publishEntryRevision<TValues extends SdkEntryValues = SdkEntryValues>(\n        params: SdkPublishEntryRevisionParams\n    ): Promise<SdkResult<SdkEntryData<TValues>, SdkCmsError>>;\n\n    /** Unpublish an entry revision. */\n    unpublishEntryRevision<TValues extends SdkEntryValues = SdkEntryValues>(\n        params: SdkUnpublishEntryRevisionParams\n    ): Promise<SdkResult<SdkEntryData<TValues>, SdkCmsError>>;\n}\n\ninterface SdkWebiny {\n    /** CMS operations: list, get, create, update, delete, publish entries. */\n    readonly cms: SdkCms;\n}\n\ndeclare const sdk: SdkWebiny;\ndeclare interface Window { sdk: SdkWebiny; }\n`;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,sBAAsB,GAAG;AACtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/plugins/types.d.ts

@@ -0,0 +1,6 @@
+export interface ConsoleMessage {
+    type: "log" | "error" | "warn" | "info";
+    message: string;
+    timestamp: string;
+}
+export declare const MIN_PANE_PCT = 20;

package/plugins/types.js

@@ -0,0 +1,4 @@
+// Minimum width for each pane as a percentage of total split width.
+export const MIN_PANE_PCT = 20;
+
+//# sourceMappingURL=types.js.map

package/plugins/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MIN_PANE_PCT"],"sources":["types.ts"],"sourcesContent":["export interface ConsoleMessage {\n    type: \"log\" | \"error\" | \"warn\" | \"info\";\n    message: string;\n    timestamp: string;\n}\n\n// Minimum width for each pane as a percentage of total split width.\nexport const MIN_PANE_PCT = 20;\n"],"mappings":"AAMA;AACA,OAAO,MAAMA,YAAY,GAAG,EAAE","ignoreList":[]}

package/plugins/useCodeExecution.d.ts

@@ -0,0 +1,8 @@
+import type { MutableRefObject } from "react";
+import type { editor } from "monaco-editor";
+import type { ConsoleMessage } from "./types.js";
+export declare function useCodeExecution(code: string, editorRef: MutableRefObject<editor.IStandaloneCodeEditor | null>): {
+    output: ConsoleMessage[];
+    isRunning: boolean;
+    handleRun: () => Promise<void>;
+};

package/plugins/useCodeExecution.js

@@ -0,0 +1,79 @@
+import { useCallback, useState } from "react";
+import { useSnackbar, useTenantContext } from "@webiny/app-admin";
+import { config as appConfig } from "@webiny/app/config.js";
+import { Webiny } from "@webiny/sdk";
+import { createCustomConsole } from "./consoleCapture.js";
+export function useCodeExecution(code, editorRef) {
+  const [output, setOutput] = useState([]);
+  const [isRunning, setIsRunning] = useState(false);
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const {
+    tenant
+  } = useTenantContext();
+  const handleRun = useCallback(async () => {
+    const apiUrl = appConfig.getKey("API_URL", process.env.REACT_APP_API_URL);
+    if (!apiUrl) {
+      showSnackbar("API URL is not configured");
+      return;
+    }
+    const currentCode = editorRef.current?.getValue() || code;
+    setIsRunning(true);
+    setOutput([]);
+    const messages = [];
+
+    // Create custom console for capturing output.
+    const customConsole = createCustomConsole(messages, setOutput);
+    try {
+      // Create SDK instance with current tenant and API endpoint.
+      // Note: The SDK will use cookie-based authentication (credentials: "include")
+      // when running in the browser, as the admin app sets up the necessary cookies.
+      const sdk = new Webiny({
+        endpoint: apiUrl,
+        tenant: tenant || undefined,
+        headers: {
+          // Add any additional headers if needed.
+          // The Authorization header with Bearer token is handled via cookies
+          // when running within the admin app context.
+        }
+      });
+
+      // Wrap code in async function to allow top-level await.
+      const wrappedCode = `
+                (async () => {
+                    try {
+                        ${currentCode}
+                    } catch (error) {
+                        console.error("Runtime error:", error);
+                        throw error;
+                    }
+                })()
+            `;
+
+      // Create function with injected dependencies.
+      const fn = new Function("console", "sdk", "window", wrappedCode);
+
+      // Execute with custom console and SDK.
+      const result = fn(customConsole, sdk, {
+        sdk
+      });
+
+      // Handle async results.
+      if (result && typeof result.then === "function") {
+        await result;
+      }
+    } catch (error) {
+      customConsole.error("Execution error:", error);
+    } finally {
+      setIsRunning(false);
+    }
+  }, [code, editorRef, showSnackbar, tenant]);
+  return {
+    output,
+    isRunning,
+    handleRun
+  };
+}
+
+//# sourceMappingURL=useCodeExecution.js.map

package/plugins/useCodeExecution.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useState","useSnackbar","useTenantContext","config","appConfig","Webiny","createCustomConsole","useCodeExecution","code","editorRef","output","setOutput","isRunning","setIsRunning","showSnackbar","tenant","handleRun","apiUrl","getKey","process","env","REACT_APP_API_URL","currentCode","current","getValue","messages","customConsole","sdk","endpoint","undefined","headers","wrappedCode","fn","Function","result","then","error"],"sources":["useCodeExecution.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\nimport type { MutableRefObject } from \"react\";\nimport type { editor } from \"monaco-editor\";\nimport { useSnackbar, useTenantContext } from \"@webiny/app-admin\";\nimport { config as appConfig } from \"@webiny/app/config.js\";\nimport { Webiny } from \"@webiny/sdk\";\nimport type { ConsoleMessage } from \"./types.js\";\nimport { createCustomConsole } from \"./consoleCapture.js\";\n\nexport function useCodeExecution(\n    code: string,\n    editorRef: MutableRefObject<editor.IStandaloneCodeEditor | null>\n) {\n    const [output, setOutput] = useState<ConsoleMessage[]>([]);\n    const [isRunning, setIsRunning] = useState(false);\n    const { showSnackbar } = useSnackbar();\n    const { tenant } = useTenantContext();\n\n    const handleRun = useCallback(async () => {\n        const apiUrl = appConfig.getKey(\"API_URL\", process.env.REACT_APP_API_URL) as string;\n        if (!apiUrl) {\n            showSnackbar(\"API URL is not configured\");\n            return;\n        }\n\n        const currentCode = editorRef.current?.getValue() || code;\n        setIsRunning(true);\n        setOutput([]);\n\n        const messages: ConsoleMessage[] = [];\n\n        // Create custom console for capturing output.\n        const customConsole = createCustomConsole(messages, setOutput);\n\n        try {\n            // Create SDK instance with current tenant and API endpoint.\n            // Note: The SDK will use cookie-based authentication (credentials: \"include\")\n            // when running in the browser, as the admin app sets up the necessary cookies.\n            const sdk = new Webiny({\n                endpoint: apiUrl,\n                tenant: tenant || undefined,\n                headers: {\n                    // Add any additional headers if needed.\n                    // The Authorization header with Bearer token is handled via cookies\n                    // when running within the admin app context.\n                }\n            });\n\n            // Wrap code in async function to allow top-level await.\n            const wrappedCode = `\n                (async () => {\n                    try {\n                        ${currentCode}\n                    } catch (error) {\n                        console.error(\"Runtime error:\", error);\n                        throw error;\n                    }\n                })()\n            `;\n\n            // Create function with injected dependencies.\n            const fn = new Function(\"console\", \"sdk\", \"window\", wrappedCode);\n\n            // Execute with custom console and SDK.\n            const result = fn(customConsole, sdk, { sdk });\n\n            // Handle async results.\n            if (result && typeof result.then === \"function\") {\n                await result;\n            }\n        } catch (error) {\n            customConsole.error(\"Execution error:\", error);\n        } finally {\n            setIsRunning(false);\n        }\n    }, [code, editorRef, showSnackbar, tenant]);\n\n    return {\n        output,\n        isRunning,\n        handleRun\n    };\n}\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AAG7C,SAASC,WAAW,EAAEC,gBAAgB,QAAQ,mBAAmB;AACjE,SAASC,MAAM,IAAIC,SAAS,QAAQ,uBAAuB;AAC3D,SAASC,MAAM,QAAQ,aAAa;AAEpC,SAASC,mBAAmB;AAE5B,OAAO,SAASC,gBAAgBA,CAC5BC,IAAY,EACZC,SAAgE,EAClE;EACE,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGX,QAAQ,CAAmB,EAAE,CAAC;EAC1D,MAAM,CAACY,SAAS,EAAEC,YAAY,CAAC,GAAGb,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAM;IAAEc;EAAa,CAAC,GAAGb,WAAW,CAAC,CAAC;EACtC,MAAM;IAAEc;EAAO,CAAC,GAAGb,gBAAgB,CAAC,CAAC;EAErC,MAAMc,SAAS,GAAGjB,WAAW,CAAC,YAAY;IACtC,MAAMkB,MAAM,GAAGb,SAAS,CAACc,MAAM,CAAC,SAAS,EAAEC,OAAO,CAACC,GAAG,CAACC,iBAAiB,CAAW;IACnF,IAAI,CAACJ,MAAM,EAAE;MACTH,YAAY,CAAC,2BAA2B,CAAC;MACzC;IACJ;IAEA,MAAMQ,WAAW,GAAGb,SAAS,CAACc,OAAO,EAAEC,QAAQ,CAAC,CAAC,IAAIhB,IAAI;IACzDK,YAAY,CAAC,IAAI,CAAC;IAClBF,SAAS,CAAC,EAAE,CAAC;IAEb,MAAMc,QAA0B,GAAG,EAAE;;IAErC;IACA,MAAMC,aAAa,GAAGpB,mBAAmB,CAACmB,QAAQ,EAAEd,SAAS,CAAC;IAE9D,IAAI;MACA;MACA;MACA;MACA,MAAMgB,GAAG,GAAG,IAAItB,MAAM,CAAC;QACnBuB,QAAQ,EAAEX,MAAM;QAChBF,MAAM,EAAEA,MAAM,IAAIc,SAAS;QAC3BC,OAAO,EAAE;UACL;UACA;UACA;QAAA;MAER,CAAC,CAAC;;MAEF;MACA,MAAMC,WAAW,GAAG;AAChC;AACA;AACA,0BAA0BT,WAAW;AACrC;AACA;AACA;AACA;AACA;AACA,aAAa;;MAED;MACA,MAAMU,EAAE,GAAG,IAAIC,QAAQ,CAAC,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAEF,WAAW,CAAC;;MAEhE;MACA,MAAMG,MAAM,GAAGF,EAAE,CAACN,aAAa,EAAEC,GAAG,EAAE;QAAEA;MAAI,CAAC,CAAC;;MAE9C;MACA,IAAIO,MAAM,IAAI,OAAOA,MAAM,CAACC,IAAI,KAAK,UAAU,EAAE;QAC7C,MAAMD,MAAM;MAChB;IACJ,CAAC,CAAC,OAAOE,KAAK,EAAE;MACZV,aAAa,CAACU,KAAK,CAAC,kBAAkB,EAAEA,KAAK,CAAC;IAClD,CAAC,SAAS;MACNvB,YAAY,CAAC,KAAK,CAAC;IACvB;EACJ,CAAC,EAAE,CAACL,IAAI,EAAEC,SAAS,EAAEK,YAAY,EAAEC,MAAM,CAAC,CAAC;EAE3C,OAAO;IACHL,MAAM;IACNE,SAAS;IACTI;EACJ,CAAC;AACL","ignoreList":[]}

package/plugins/useMonacoEditor.d.ts

@@ -0,0 +1,8 @@
+import type { OnMount, BeforeMount } from "@monaco-editor/react";
+import type { editor } from "monaco-editor";
+export declare function useMonacoEditor(handleRun: () => void): {
+    editorRef: import("react").MutableRefObject<editor.IStandaloneCodeEditor | null>;
+    handleBeforeMount: BeforeMount;
+    handleEditorDidMount: OnMount;
+    handleFormat: () => void;
+};

package/plugins/useMonacoEditor.js

@@ -0,0 +1,54 @@
+import { useCallback, useRef } from "react";
+import { SDK_GLOBAL_DECLARATION } from "./sdkGlobalDeclaration.js";
+import { defaultSdkCode } from "./defaultCode.js";
+export function useMonacoEditor(handleRun) {
+  const editorRef = useRef(null);
+
+  // Configure Monaco editor with SDK types.
+  const handleBeforeMount = useCallback(monaco => {
+    monaco.languages.typescript.typescriptDefaults.setCompilerOptions({
+      target: monaco.languages.typescript.ScriptTarget.ES2020,
+      allowNonTsExtensions: true,
+      moduleResolution: monaco.languages.typescript.ModuleResolutionKind.NodeJs,
+      module: monaco.languages.typescript.ModuleKind.CommonJS,
+      noEmit: true,
+      esModuleInterop: true,
+      allowJs: true
+    });
+
+    // Single addExtraLib call with a pure script-mode string (no import/export).
+    // This makes TypeScript treat the file as an ambient script, so all
+    // declare statements become true globals visible to user code.
+    monaco.languages.typescript.typescriptDefaults.addExtraLib(SDK_GLOBAL_DECLARATION, "file:///sdk-globals.d.ts");
+  }, []);
+  const handleEditorDidMount = useCallback((ed, monaco) => {
+    editorRef.current = ed;
+
+    // Re-create the model with a file:/// URI so it lives in the same
+    // virtual FS namespace as the addExtraLib file, giving the TS
+    // language service full visibility into the ambient declarations.
+    const existingModel = ed.getModel();
+    const newModel = monaco.editor.createModel(existingModel?.getValue() ?? defaultSdkCode, "typescript", monaco.Uri.parse("file:///user-script.ts"));
+    ed.setModel(newModel);
+    existingModel?.dispose();
+    ed.addAction({
+      id: "run-code",
+      label: "Run Code",
+      keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyCode.Enter],
+      run: () => {
+        void handleRun();
+      }
+    });
+  }, [handleRun]);
+  const handleFormat = useCallback(() => {
+    editorRef.current?.getAction("editor.action.formatDocument")?.run();
+  }, []);
+  return {
+    editorRef,
+    handleBeforeMount,
+    handleEditorDidMount,
+    handleFormat
+  };
+}
+
+//# sourceMappingURL=useMonacoEditor.js.map

package/plugins/useMonacoEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useRef","SDK_GLOBAL_DECLARATION","defaultSdkCode","useMonacoEditor","handleRun","editorRef","handleBeforeMount","monaco","languages","typescript","typescriptDefaults","setCompilerOptions","target","ScriptTarget","ES2020","allowNonTsExtensions","moduleResolution","ModuleResolutionKind","NodeJs","module","ModuleKind","CommonJS","noEmit","esModuleInterop","allowJs","addExtraLib","handleEditorDidMount","ed","current","existingModel","getModel","newModel","editor","createModel","getValue","Uri","parse","setModel","dispose","addAction","id","label","keybindings","KeyMod","CtrlCmd","KeyCode","Enter","run","handleFormat","getAction"],"sources":["useMonacoEditor.ts"],"sourcesContent":["import { useCallback, useRef } from \"react\";\nimport type { OnMount, BeforeMount } from \"@monaco-editor/react\";\nimport type { editor } from \"monaco-editor\";\nimport { SDK_GLOBAL_DECLARATION } from \"./sdkGlobalDeclaration.js\";\nimport { defaultSdkCode } from \"./defaultCode.js\";\n\nexport function useMonacoEditor(handleRun: () => void) {\n    const editorRef = useRef<editor.IStandaloneCodeEditor | null>(null);\n\n    // Configure Monaco editor with SDK types.\n    const handleBeforeMount: BeforeMount = useCallback(monaco => {\n        monaco.languages.typescript.typescriptDefaults.setCompilerOptions({\n            target: monaco.languages.typescript.ScriptTarget.ES2020,\n            allowNonTsExtensions: true,\n            moduleResolution: monaco.languages.typescript.ModuleResolutionKind.NodeJs,\n            module: monaco.languages.typescript.ModuleKind.CommonJS,\n            noEmit: true,\n            esModuleInterop: true,\n            allowJs: true\n        });\n\n        // Single addExtraLib call with a pure script-mode string (no import/export).\n        // This makes TypeScript treat the file as an ambient script, so all\n        // declare statements become true globals visible to user code.\n        monaco.languages.typescript.typescriptDefaults.addExtraLib(\n            SDK_GLOBAL_DECLARATION,\n            \"file:///sdk-globals.d.ts\"\n        );\n    }, []);\n\n    const handleEditorDidMount: OnMount = useCallback(\n        (ed, monaco) => {\n            editorRef.current = ed;\n\n            // Re-create the model with a file:/// URI so it lives in the same\n            // virtual FS namespace as the addExtraLib file, giving the TS\n            // language service full visibility into the ambient declarations.\n            const existingModel = ed.getModel();\n            const newModel = monaco.editor.createModel(\n                existingModel?.getValue() ?? defaultSdkCode,\n                \"typescript\",\n                monaco.Uri.parse(\"file:///user-script.ts\")\n            );\n            ed.setModel(newModel);\n            existingModel?.dispose();\n\n            ed.addAction({\n                id: \"run-code\",\n                label: \"Run Code\",\n                keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyCode.Enter],\n                run: () => {\n                    void handleRun();\n                }\n            });\n        },\n        [handleRun]\n    );\n\n    const handleFormat = useCallback(() => {\n        editorRef.current?.getAction(\"editor.action.formatDocument\")?.run();\n    }, []);\n\n    return {\n        editorRef,\n        handleBeforeMount,\n        handleEditorDidMount,\n        handleFormat\n    };\n}\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,MAAM,QAAQ,OAAO;AAG3C,SAASC,sBAAsB;AAC/B,SAASC,cAAc;AAEvB,OAAO,SAASC,eAAeA,CAACC,SAAqB,EAAE;EACnD,MAAMC,SAAS,GAAGL,MAAM,CAAsC,IAAI,CAAC;;EAEnE;EACA,MAAMM,iBAA8B,GAAGP,WAAW,CAACQ,MAAM,IAAI;IACzDA,MAAM,CAACC,SAAS,CAACC,UAAU,CAACC,kBAAkB,CAACC,kBAAkB,CAAC;MAC9DC,MAAM,EAAEL,MAAM,CAACC,SAAS,CAACC,UAAU,CAACI,YAAY,CAACC,MAAM;MACvDC,oBAAoB,EAAE,IAAI;MAC1BC,gBAAgB,EAAET,MAAM,CAACC,SAAS,CAACC,UAAU,CAACQ,oBAAoB,CAACC,MAAM;MACzEC,MAAM,EAAEZ,MAAM,CAACC,SAAS,CAACC,UAAU,CAACW,UAAU,CAACC,QAAQ;MACvDC,MAAM,EAAE,IAAI;MACZC,eAAe,EAAE,IAAI;MACrBC,OAAO,EAAE;IACb,CAAC,CAAC;;IAEF;IACA;IACA;IACAjB,MAAM,CAACC,SAAS,CAACC,UAAU,CAACC,kBAAkB,CAACe,WAAW,CACtDxB,sBAAsB,EACtB,0BACJ,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMyB,oBAA6B,GAAG3B,WAAW,CAC7C,CAAC4B,EAAE,EAAEpB,MAAM,KAAK;IACZF,SAAS,CAACuB,OAAO,GAAGD,EAAE;;IAEtB;IACA;IACA;IACA,MAAME,aAAa,GAAGF,EAAE,CAACG,QAAQ,CAAC,CAAC;IACnC,MAAMC,QAAQ,GAAGxB,MAAM,CAACyB,MAAM,CAACC,WAAW,CACtCJ,aAAa,EAAEK,QAAQ,CAAC,CAAC,IAAIhC,cAAc,EAC3C,YAAY,EACZK,MAAM,CAAC4B,GAAG,CAACC,KAAK,CAAC,wBAAwB,CAC7C,CAAC;IACDT,EAAE,CAACU,QAAQ,CAACN,QAAQ,CAAC;IACrBF,aAAa,EAAES,OAAO,CAAC,CAAC;IAExBX,EAAE,CAACY,SAAS,CAAC;MACTC,EAAE,EAAE,UAAU;MACdC,KAAK,EAAE,UAAU;MACjBC,WAAW,EAAE,CAACnC,MAAM,CAACoC,MAAM,CAACC,OAAO,GAAGrC,MAAM,CAACsC,OAAO,CAACC,KAAK,CAAC;MAC3DC,GAAG,EAAEA,CAAA,KAAM;QACP,KAAK3C,SAAS,CAAC,CAAC;MACpB;IACJ,CAAC,CAAC;EACN,CAAC,EACD,CAACA,SAAS,CACd,CAAC;EAED,MAAM4C,YAAY,GAAGjD,WAAW,CAAC,MAAM;IACnCM,SAAS,CAACuB,OAAO,EAAEqB,SAAS,CAAC,8BAA8B,CAAC,EAAEF,GAAG,CAAC,CAAC;EACvE,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACH1C,SAAS;IACTC,iBAAiB;IACjBoB,oBAAoB;IACpBsB;EACJ,CAAC;AACL","ignoreList":[]}

package/plugins/useResizableSplit.d.ts

@@ -0,0 +1,5 @@
+export declare function useResizableSplit(): {
+    splitRef: import("react").MutableRefObject<HTMLDivElement | null>;
+    editorPct: number;
+    handleDividerMouseDown: (e: React.MouseEvent) => void;
+};

package/plugins/useResizableSplit.js

@@ -0,0 +1,44 @@
+import { useCallback, useEffect, useRef, useState } from "react";
+import { MIN_PANE_PCT } from "./types.js";
+export function useResizableSplit() {
+  const splitRef = useRef(null);
+  const [editorPct, setEditorPct] = useState(60);
+  const isDragging = useRef(false);
+  const handleDividerMouseDown = useCallback(e => {
+    e.preventDefault();
+    isDragging.current = true;
+    document.body.style.cursor = "col-resize";
+    document.body.style.userSelect = "none";
+  }, []);
+  useEffect(() => {
+    const onMouseMove = e => {
+      if (!isDragging.current || !splitRef.current) {
+        return;
+      }
+      const rect = splitRef.current.getBoundingClientRect();
+      const pct = (e.clientX - rect.left) / rect.width * 100;
+      setEditorPct(Math.min(100 - MIN_PANE_PCT, Math.max(MIN_PANE_PCT, pct)));
+    };
+    const onMouseUp = () => {
+      if (!isDragging.current) {
+        return;
+      }
+      isDragging.current = false;
+      document.body.style.cursor = "";
+      document.body.style.userSelect = "";
+    };
+    document.addEventListener("mousemove", onMouseMove);
+    document.addEventListener("mouseup", onMouseUp);
+    return () => {
+      document.removeEventListener("mousemove", onMouseMove);
+      document.removeEventListener("mouseup", onMouseUp);
+    };
+  }, []);
+  return {
+    splitRef,
+    editorPct,
+    handleDividerMouseDown
+  };
+}
+
+//# sourceMappingURL=useResizableSplit.js.map

package/plugins/useResizableSplit.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useRef","useState","MIN_PANE_PCT","useResizableSplit","splitRef","editorPct","setEditorPct","isDragging","handleDividerMouseDown","e","preventDefault","current","document","body","style","cursor","userSelect","onMouseMove","rect","getBoundingClientRect","pct","clientX","left","width","Math","min","max","onMouseUp","addEventListener","removeEventListener"],"sources":["useResizableSplit.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { MIN_PANE_PCT } from \"./types.js\";\n\nexport function useResizableSplit() {\n    const splitRef = useRef<HTMLDivElement | null>(null);\n    const [editorPct, setEditorPct] = useState(60);\n    const isDragging = useRef(false);\n\n    const handleDividerMouseDown = useCallback((e: React.MouseEvent) => {\n        e.preventDefault();\n        isDragging.current = true;\n        document.body.style.cursor = \"col-resize\";\n        document.body.style.userSelect = \"none\";\n    }, []);\n\n    useEffect(() => {\n        const onMouseMove = (e: MouseEvent) => {\n            if (!isDragging.current || !splitRef.current) {\n                return;\n            }\n            const rect = splitRef.current.getBoundingClientRect();\n            const pct = ((e.clientX - rect.left) / rect.width) * 100;\n            setEditorPct(Math.min(100 - MIN_PANE_PCT, Math.max(MIN_PANE_PCT, pct)));\n        };\n\n        const onMouseUp = () => {\n            if (!isDragging.current) {\n                return;\n            }\n            isDragging.current = false;\n            document.body.style.cursor = \"\";\n            document.body.style.userSelect = \"\";\n        };\n\n        document.addEventListener(\"mousemove\", onMouseMove);\n        document.addEventListener(\"mouseup\", onMouseUp);\n        return () => {\n            document.removeEventListener(\"mousemove\", onMouseMove);\n            document.removeEventListener(\"mouseup\", onMouseUp);\n        };\n    }, []);\n\n    return {\n        splitRef,\n        editorPct,\n        handleDividerMouseDown\n    };\n}\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAChE,SAASC,YAAY;AAErB,OAAO,SAASC,iBAAiBA,CAAA,EAAG;EAChC,MAAMC,QAAQ,GAAGJ,MAAM,CAAwB,IAAI,CAAC;EACpD,MAAM,CAACK,SAAS,EAAEC,YAAY,CAAC,GAAGL,QAAQ,CAAC,EAAE,CAAC;EAC9C,MAAMM,UAAU,GAAGP,MAAM,CAAC,KAAK,CAAC;EAEhC,MAAMQ,sBAAsB,GAAGV,WAAW,CAAEW,CAAmB,IAAK;IAChEA,CAAC,CAACC,cAAc,CAAC,CAAC;IAClBH,UAAU,CAACI,OAAO,GAAG,IAAI;IACzBC,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,MAAM,GAAG,YAAY;IACzCH,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACE,UAAU,GAAG,MAAM;EAC3C,CAAC,EAAE,EAAE,CAAC;EAENjB,SAAS,CAAC,MAAM;IACZ,MAAMkB,WAAW,GAAIR,CAAa,IAAK;MACnC,IAAI,CAACF,UAAU,CAACI,OAAO,IAAI,CAACP,QAAQ,CAACO,OAAO,EAAE;QAC1C;MACJ;MACA,MAAMO,IAAI,GAAGd,QAAQ,CAACO,OAAO,CAACQ,qBAAqB,CAAC,CAAC;MACrD,MAAMC,GAAG,GAAI,CAACX,CAAC,CAACY,OAAO,GAAGH,IAAI,CAACI,IAAI,IAAIJ,IAAI,CAACK,KAAK,GAAI,GAAG;MACxDjB,YAAY,CAACkB,IAAI,CAACC,GAAG,CAAC,GAAG,GAAGvB,YAAY,EAAEsB,IAAI,CAACE,GAAG,CAACxB,YAAY,EAAEkB,GAAG,CAAC,CAAC,CAAC;IAC3E,CAAC;IAED,MAAMO,SAAS,GAAGA,CAAA,KAAM;MACpB,IAAI,CAACpB,UAAU,CAACI,OAAO,EAAE;QACrB;MACJ;MACAJ,UAAU,CAACI,OAAO,GAAG,KAAK;MAC1BC,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,MAAM,GAAG,EAAE;MAC/BH,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACE,UAAU,GAAG,EAAE;IACvC,CAAC;IAEDJ,QAAQ,CAACgB,gBAAgB,CAAC,WAAW,EAAEX,WAAW,CAAC;IACnDL,QAAQ,CAACgB,gBAAgB,CAAC,SAAS,EAAED,SAAS,CAAC;IAC/C,OAAO,MAAM;MACTf,QAAQ,CAACiB,mBAAmB,CAAC,WAAW,EAAEZ,WAAW,CAAC;MACtDL,QAAQ,CAACiB,mBAAmB,CAAC,SAAS,EAAEF,SAAS,CAAC;IACtD,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACHvB,QAAQ;IACRC,SAAS;IACTG;EACJ,CAAC;AACL","ignoreList":[]}

package/routes.d.ts

@@ -0,0 +1,4 @@
+import { Route } from "@webiny/app-admin";
+export declare const Routes: {
+    SdkPlayground: Route<undefined>;
+};

package/routes.js

@@ -0,0 +1,9 @@
+import { Route } from "@webiny/app-admin";
+export const Routes = {
+  SdkPlayground: new Route({
+    name: "SdkPlayground",
+    path: "/sdk-playground"
+  })
+};
+
+//# sourceMappingURL=routes.js.map

package/routes.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Route","Routes","SdkPlayground","name","path"],"sources":["routes.ts"],"sourcesContent":["import { Route } from \"@webiny/app-admin\";\n\nexport const Routes = {\n    SdkPlayground: new Route({\n        name: \"SdkPlayground\",\n        path: \"/sdk-playground\"\n    })\n};\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,mBAAmB;AAEzC,OAAO,MAAMC,MAAM,GAAG;EAClBC,aAAa,EAAE,IAAIF,KAAK,CAAC;IACrBG,IAAI,EAAE,eAAe;IACrBC,IAAI,EAAE;EACV,CAAC;AACL,CAAC","ignoreList":[]}