@intlayer/design-system 3.5.4 → 3.5.6

package/dist/components/IDE/CodeRender copy.mjs

@@ -0,0 +1,141 @@
+"use client";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
+import { Editor } from "@monaco-editor/react";
+import { CopyCheckIcon, CopyIcon } from "lucide-react";
+import { useState, useRef, useEffect, useCallback } from "react";
+import CopyToClipboard from "react-copy-to-clipboard";
+import { cn } from "../../utils/cn.mjs";
+import { Button } from "../Button/Button.mjs";
+import { Loader } from "../Loader/index.mjs";
+const MonacoCode = ({
+  children,
+  language,
+  isDarkMode,
+  showLineNumbers,
+  showCopyButton = true,
+  isReadOnly = false,
+  onChange
+}) => {
+  const [copied, setCopied] = useState(false);
+  const containerRef = useRef(null);
+  const ideRef = useRef(null);
+  const [editorSize, setEditorSize] = useState({ height: 0, width: 0 });
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      setCopied(false);
+    }, 1e3);
+    return () => clearTimeout(timer);
+  }, [copied]);
+  const handleMountIde = useCallback(
+    (editor, monaco) => {
+      ideRef.current = editor;
+      const contentHeight = (editor.getContentHeight() ?? 0) + 25;
+      monaco.editor.defineTheme("transparent-theme", {
+        base: isDarkMode ? "vs-dark" : "vs",
+        inherit: true,
+        rules: [],
+        colors: {
+          "editor.background": "#00000000"
+        }
+      });
+      monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({
+        noSemanticValidation: true,
+        // Disables type checking
+        noSyntaxValidation: true
+        // Disables syntax errors
+      });
+      monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions({
+        noSemanticValidation: true,
+        noSyntaxValidation: true
+      });
+      monaco.languages.typescript.typescriptDefaults.setCompilerOptions({
+        noLib: true,
+        allowNonTsExtensions: true
+      });
+      monaco.languages.typescript.javascriptDefaults.setCompilerOptions({
+        noLib: true,
+        allowNonTsExtensions: true
+      });
+      setEditorSize({
+        height: contentHeight,
+        width: containerRef.current?.clientWidth ?? 0
+      });
+    },
+    [isDarkMode]
+  );
+  const isShowLineNumbers = showLineNumbers ?? children.split("\n").length > 1;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: cn(
+        "relative h-full w-full text-sm",
+        showLineNumbers && "ml-0"
+      ),
+      children: [
+        showCopyButton && /* @__PURE__ */ jsxRuntimeExports.jsx(CopyToClipboard, { text: children, onCopy: () => setCopied(true), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button,
+          {
+            className: cn(
+              "absolute right-3 top-3 z-50",
+              copied && "!text-success/70 !dark:text-success-dark/70"
+            ),
+            label: "Cpoy code",
+            variant: "hoverable",
+            color: "text",
+            size: "icon-sm",
+            Icon: copied ? CopyCheckIcon : CopyIcon
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: "grid size-full grid-cols-[0px] overflow-auto",
+            ref: containerRef,
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Editor,
+              {
+                ...editorSize,
+                defaultLanguage: "typescript",
+                language,
+                loading: /* @__PURE__ */ jsxRuntimeExports.jsx(Loader, {}),
+                defaultValue: String(children).replace(/\n$/, ""),
+                onMount: handleMountIde,
+                onChange,
+                options: {
+                  readOnly: isReadOnly,
+                  cursorStyle: "line",
+                  minimap: { enabled: false },
+                  scrollbar: {
+                    vertical: "hidden",
+                    verticalScrollbarSize: 0,
+                    alwaysConsumeMouseWheel: false
+                  },
+                  folding: false,
+                  // Disable code folding
+                  renderValidationDecorations: "off",
+                  // Disable error/warning decorations
+                  quickSuggestions: false,
+                  // Disable IntelliSense
+                  parameterHints: { enabled: false },
+                  // Disable parameter hints
+                  suggestOnTriggerCharacters: false,
+                  // Disable suggestions on typing
+                  mouseWheelScrollSensitivity: 0,
+                  fastScrollSensitivity: 0,
+                  scrollBeyondLastLine: false,
+                  lineNumbers: isShowLineNumbers ? "on" : "off"
+                },
+                theme: "transparent-theme",
+                className: "my-2 rounded-md"
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  MonacoCode
+};
+//# sourceMappingURL=CodeRender copy.mjs.map

package/dist/components/IDE/CodeRender copy.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeRender copy.mjs","sources":["../../../src/components/IDE/CodeRender copy.tsx"],"sourcesContent":["'use client';\n\nimport { Editor, OnChange, OnMount } from '@monaco-editor/react';\nimport { CopyCheckIcon, CopyIcon } from 'lucide-react';\nimport { type FC, useEffect, useState, useRef, useCallback } from 'react';\nimport CopyToClipboard from 'react-copy-to-clipboard';\nimport { cn } from '../../utils/cn';\nimport { Button } from '../Button';\nimport { Loader } from '../Loader';\n\ntype CodeCompProps = {\n  children: string;\n  language: string;\n  isDarkMode?: boolean;\n  showLineNumbers?: boolean;\n  showCopyButton?: boolean;\n  isReadOnly?: boolean;\n  onChange?: OnChange;\n};\n\nexport const MonacoCode: FC<CodeCompProps> = ({\n  children,\n  language,\n  isDarkMode,\n  showLineNumbers,\n  showCopyButton = true,\n  isReadOnly = false,\n  onChange,\n}) => {\n  const [copied, setCopied] = useState(false);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const ideRef = useRef(null);\n  const [editorSize, setEditorSize] = useState<{\n    height: number;\n    width: number;\n  }>({ height: 0, width: 0 });\n\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      setCopied(false);\n    }, 1000);\n    return () => clearTimeout(timer);\n  }, [copied]);\n\n  const handleMountIde: OnMount = useCallback(\n    (editor, monaco) => {\n      // first time you set the height based on content Height\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ideRef.current = editor as any;\n      const contentHeight = (editor.getContentHeight() ?? 0) + 25;\n\n      monaco.editor.defineTheme('transparent-theme', {\n        base: isDarkMode ? 'vs-dark' : 'vs',\n        inherit: true,\n        rules: [],\n        colors: {\n          'editor.background': '#00000000',\n        },\n      });\n\n      // Disable TypeScript diagnostics\n      monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({\n        noSemanticValidation: true, // Disables type checking\n        noSyntaxValidation: true, // Disables syntax errors\n      });\n\n      // Disable JavaScript diagnostics\n      monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions({\n        noSemanticValidation: true,\n        noSyntaxValidation: true,\n      });\n\n      // Disable unnecessary language features (e.g., suggestions, quick fixes)\n      monaco.languages.typescript.typescriptDefaults.setCompilerOptions({\n        noLib: true,\n        allowNonTsExtensions: true,\n      });\n\n      monaco.languages.typescript.javascriptDefaults.setCompilerOptions({\n        noLib: true,\n        allowNonTsExtensions: true,\n      });\n\n      setEditorSize({\n        height: contentHeight,\n        width: containerRef.current?.clientWidth ?? 0,\n      });\n    },\n    [isDarkMode]\n  );\n\n  const isShowLineNumbers = showLineNumbers ?? children.split('\\n').length > 1;\n\n  return (\n    <div\n      className={cn(\n        'relative h-full w-full text-sm',\n        showLineNumbers && 'ml-0'\n      )}\n    >\n      {showCopyButton && (\n        <CopyToClipboard text={children} onCopy={() => setCopied(true)}>\n          <Button\n            className={cn(\n              'absolute right-3 top-3 z-50',\n              copied && '!text-success/70 !dark:text-success-dark/70'\n            )}\n            label=\"Cpoy code\"\n            variant=\"hoverable\"\n            color=\"text\"\n            size=\"icon-sm\"\n            Icon={copied ? CopyCheckIcon : CopyIcon}\n          />\n        </CopyToClipboard>\n      )}\n      <div\n        className=\"grid size-full grid-cols-[0px] overflow-auto\"\n        ref={containerRef}\n      >\n        <Editor\n          {...editorSize}\n          defaultLanguage=\"typescript\"\n          language={language}\n          loading={<Loader />}\n          defaultValue={String(children).replace(/\\n$/, '')}\n          onMount={handleMountIde}\n          onChange={onChange}\n          options={{\n            readOnly: isReadOnly,\n            cursorStyle: 'line',\n            minimap: { enabled: false },\n            scrollbar: {\n              vertical: 'hidden',\n              verticalScrollbarSize: 0,\n              alwaysConsumeMouseWheel: false,\n            },\n            folding: false, // Disable code folding\n            renderValidationDecorations: 'off', // Disable error/warning decorations\n            quickSuggestions: false, // Disable IntelliSense\n            parameterHints: { enabled: false }, // Disable parameter hints\n            suggestOnTriggerCharacters: false, // Disable suggestions on typing\n\n            mouseWheelScrollSensitivity: 0,\n            fastScrollSensitivity: 0,\n            scrollBeyondLastLine: false,\n            lineNumbers: isShowLineNumbers ? 'on' : 'off',\n          }}\n          theme=\"transparent-theme\"\n          className=\"my-2 rounded-md\"\n        />\n      </div>\n    </div>\n  );\n};\n"],"names":["jsxs","jsx"],"mappings":"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"}