@hanzo/ui 5.3.18 → 5.3.21

package/dist/code/editor.js

@@ -1 +1,243 @@
-'use strict';var e=require('react'),P=require('@monaco-editor/react'),lucideReact=require('lucide-react'),nextThemes=require('next-themes'),utils=require('@hanzo/ui/lib/utils'),button=require('@hanzo/ui/button'),dropdownMenu=require('@hanzo/ui/dropdown-menu'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var e__namespace=/*#__PURE__*/_interopNamespace(e);var P__default=/*#__PURE__*/_interopDefault(P);var G=["javascript","typescript","python","java","csharp","cpp","c","go","rust","ruby","php","swift","kotlin","dart","html","css","scss","json","xml","yaml","sql","markdown","shell","plaintext"],b={javascript:"JavaScript",typescript:"TypeScript",python:"Python",java:"Java",csharp:"C#",cpp:"C++",c:"C",go:"Go",rust:"Rust",ruby:"Ruby",php:"PHP",swift:"Swift",kotlin:"Kotlin",dart:"Dart",html:"HTML",css:"CSS",scss:"SCSS",json:"JSON",xml:"XML",yaml:"YAML",sql:"SQL",markdown:"Markdown",shell:"Shell",plaintext:"Plain Text"},K=e__namespace.forwardRef(({value:r,defaultValue:c="",language:d="javascript",height:y="400px",theme:s="auto",onChange:i,onMount:w,readOnly:v=false,lineNumbers:S=true,minimap:x=false,wordWrap:M="on",fontSize:k=14,className:N,showCopyButton:u=true,showLanguageSelector:p=true,availableLanguages:L=G},R)=>{let{theme:m}=nextThemes.useTheme(),[l,D]=e__namespace.useState(d),[T,h]=e__namespace.useState(false),[n,g]=e__namespace.useState(r||c);e__namespace.useEffect(()=>{r!==void 0&&g(r);},[r]);let O=e__namespace.useCallback(async()=>{try{await navigator.clipboard.writeText(n),h(!0),setTimeout(()=>h(!1),2e3);}catch(t){console.error("Failed to copy:",t);}},[n]),z=e__namespace.useCallback((t,j)=>{g(t||""),i&&i(t,j);},[i]),E=e__namespace.useMemo(()=>s==="auto"?m==="dark"?"vs-dark":"light":s==="dark"?"vs-dark":"light",[s,m]);return jsxRuntime.jsxs("div",{ref:R,className:utils.cn("relative overflow-hidden rounded-md border bg-background",N),children:[(p||u)&&jsxRuntime.jsxs("div",{className:"flex items-center justify-between border-b bg-muted/50 px-3 py-2",children:[p&&jsxRuntime.jsxs(dropdownMenu.DropdownMenu,{children:[jsxRuntime.jsx(dropdownMenu.DropdownMenuTrigger,{asChild:true,children:jsxRuntime.jsxs(button.Button,{variant:"ghost",size:"sm",className:"h-8 gap-1 px-2 text-xs font-mono",children:[b[l]||l,jsxRuntime.jsx(lucideReact.ChevronDown,{className:"h-3 w-3"})]})}),jsxRuntime.jsx(dropdownMenu.DropdownMenuContent,{align:"start",className:"max-h-80 overflow-auto",children:L.map(t=>jsxRuntime.jsx(dropdownMenu.DropdownMenuItem,{onClick:()=>D(t),className:"font-mono text-xs",children:b[t]||t},t))})]}),u&&jsxRuntime.jsx(button.Button,{variant:"ghost",size:"sm",className:"h-8 gap-1.5 px-2 text-xs",onClick:O,disabled:!n,children:T?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(lucideReact.Check,{className:"h-3 w-3"}),"Copied!"]}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(lucideReact.Copy,{className:"h-3 w-3"}),"Copy"]})})]}),jsxRuntime.jsx(P__default.default,{height:y,defaultLanguage:d,language:l,value:n,defaultValue:c,theme:E,onChange:z,onMount:w,options:{readOnly:v,lineNumbers:S?"on":"off",minimap:{enabled:x},wordWrap:M,fontSize:k,scrollBeyondLastLine:false,automaticLayout:true,tabSize:2,insertSpaces:true,formatOnPaste:true,formatOnType:true,scrollbar:{vertical:"auto",horizontal:"auto",verticalScrollbarSize:10,horizontalScrollbarSize:10},padding:{top:16,bottom:16}}})]})});K.displayName="CodeEditor";exports.CodeEditor=K;
+"use client";
+'use strict';
+
+var React = require('react');
+var Editor = require('@monaco-editor/react');
+var lucideReact = require('lucide-react');
+var nextThemes = require('next-themes');
+var utils = require('@hanzo/ui/lib/utils');
+var button = require('@hanzo/ui/button');
+var dropdownMenu = require('@hanzo/ui/dropdown-menu');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var Editor__default = /*#__PURE__*/_interopDefault(Editor);
+
+var defaultLanguages = [
+  "javascript",
+  "typescript",
+  "python",
+  "java",
+  "csharp",
+  "cpp",
+  "c",
+  "go",
+  "rust",
+  "ruby",
+  "php",
+  "swift",
+  "kotlin",
+  "dart",
+  "html",
+  "css",
+  "scss",
+  "json",
+  "xml",
+  "yaml",
+  "sql",
+  "markdown",
+  "shell",
+  "plaintext"
+];
+var languageDisplayNames = {
+  javascript: "JavaScript",
+  typescript: "TypeScript",
+  python: "Python",
+  java: "Java",
+  csharp: "C#",
+  cpp: "C++",
+  c: "C",
+  go: "Go",
+  rust: "Rust",
+  ruby: "Ruby",
+  php: "PHP",
+  swift: "Swift",
+  kotlin: "Kotlin",
+  dart: "Dart",
+  html: "HTML",
+  css: "CSS",
+  scss: "SCSS",
+  json: "JSON",
+  xml: "XML",
+  yaml: "YAML",
+  sql: "SQL",
+  markdown: "Markdown",
+  shell: "Shell",
+  plaintext: "Plain Text"
+};
+var CodeEditor = React__namespace.forwardRef(
+  ({
+    value,
+    defaultValue = "",
+    language = "javascript",
+    height = "400px",
+    theme: themeProp = "auto",
+    onChange,
+    onMount,
+    readOnly = false,
+    lineNumbers = true,
+    minimap = false,
+    wordWrap = "on",
+    fontSize = 14,
+    className,
+    showCopyButton = true,
+    showLanguageSelector = true,
+    availableLanguages = defaultLanguages
+  }, ref) => {
+    const { theme: systemTheme } = nextThemes.useTheme();
+    const [selectedLanguage, setSelectedLanguage] = React__namespace.useState(language);
+    const [copied, setCopied] = React__namespace.useState(false);
+    const [editorValue, setEditorValue] = React__namespace.useState(value || defaultValue);
+    React__namespace.useEffect(() => {
+      if (value !== void 0) {
+        setEditorValue(value);
+      }
+    }, [value]);
+    const handleCopy = React__namespace.useCallback(async () => {
+      try {
+        await navigator.clipboard.writeText(editorValue);
+        setCopied(true);
+        setTimeout(() => setCopied(false), 2e3);
+      } catch (err) {
+        console.error("Failed to copy:", err);
+      }
+    }, [editorValue]);
+    const handleChange = React__namespace.useCallback(
+      (newValue, ev) => {
+        setEditorValue(newValue || "");
+        if (onChange) {
+          onChange(newValue, ev);
+        }
+      },
+      [onChange]
+    );
+    const resolveTheme = React__namespace.useMemo(() => {
+      if (themeProp === "auto") {
+        return systemTheme === "dark" ? "vs-dark" : "light";
+      }
+      return themeProp === "dark" ? "vs-dark" : "light";
+    }, [themeProp, systemTheme]);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: utils.cn(
+          "relative overflow-hidden rounded-md border bg-background",
+          className
+        ),
+        children: [
+          (showLanguageSelector || showCopyButton) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between border-b bg-muted/50 px-3 py-2", children: [
+            showLanguageSelector && /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenu, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+                button.Button,
+                {
+                  variant: "ghost",
+                  size: "sm",
+                  className: "h-8 gap-1 px-2 text-xs font-mono",
+                  children: [
+                    languageDisplayNames[selectedLanguage] || selectedLanguage,
+                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-3 w-3" })
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                dropdownMenu.DropdownMenuContent,
+                {
+                  align: "start",
+                  className: "max-h-80 overflow-auto",
+                  children: availableLanguages.map((lang) => /* @__PURE__ */ jsxRuntime.jsx(
+                    dropdownMenu.DropdownMenuItem,
+                    {
+                      onClick: () => setSelectedLanguage(lang),
+                      className: "font-mono text-xs",
+                      children: languageDisplayNames[lang] || lang
+                    },
+                    lang
+                  ))
+                }
+              )
+            ] }),
+            showCopyButton && /* @__PURE__ */ jsxRuntime.jsx(
+              button.Button,
+              {
+                variant: "ghost",
+                size: "sm",
+                className: "h-8 gap-1.5 px-2 text-xs",
+                onClick: handleCopy,
+                disabled: !editorValue,
+                children: copied ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-3 w-3" }),
+                  "Copied!"
+                ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { className: "h-3 w-3" }),
+                  "Copy"
+                ] })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Editor__default.default,
+            {
+              height,
+              defaultLanguage: language,
+              language: selectedLanguage,
+              value: editorValue,
+              defaultValue,
+              theme: resolveTheme,
+              onChange: handleChange,
+              onMount,
+              options: {
+                readOnly,
+                lineNumbers: lineNumbers ? "on" : "off",
+                minimap: {
+                  enabled: minimap
+                },
+                wordWrap,
+                fontSize,
+                scrollBeyondLastLine: false,
+                automaticLayout: true,
+                tabSize: 2,
+                insertSpaces: true,
+                formatOnPaste: true,
+                formatOnType: true,
+                scrollbar: {
+                  vertical: "auto",
+                  horizontal: "auto",
+                  verticalScrollbarSize: 10,
+                  horizontalScrollbarSize: 10
+                },
+                padding: {
+                  top: 16,
+                  bottom: 16
+                }
+              }
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+CodeEditor.displayName = "CodeEditor";
+
+exports.CodeEditor = CodeEditor;

package/dist/code/editor.mjs

@@ -1 +1,218 @@
-import*as e from'react';import P from'@monaco-editor/react';import {ChevronDown,Check,Copy}from'lucide-react';import {useTheme}from'next-themes';import {cn}from'@hanzo/ui/lib/utils';import {Button}from'@hanzo/ui/button';import {DropdownMenu,DropdownMenuTrigger,DropdownMenuContent,DropdownMenuItem}from'@hanzo/ui/dropdown-menu';import {jsxs,jsx,Fragment}from'react/jsx-runtime';var G=["javascript","typescript","python","java","csharp","cpp","c","go","rust","ruby","php","swift","kotlin","dart","html","css","scss","json","xml","yaml","sql","markdown","shell","plaintext"],b={javascript:"JavaScript",typescript:"TypeScript",python:"Python",java:"Java",csharp:"C#",cpp:"C++",c:"C",go:"Go",rust:"Rust",ruby:"Ruby",php:"PHP",swift:"Swift",kotlin:"Kotlin",dart:"Dart",html:"HTML",css:"CSS",scss:"SCSS",json:"JSON",xml:"XML",yaml:"YAML",sql:"SQL",markdown:"Markdown",shell:"Shell",plaintext:"Plain Text"},K=e.forwardRef(({value:r,defaultValue:c="",language:d="javascript",height:y="400px",theme:s="auto",onChange:i,onMount:w,readOnly:v=false,lineNumbers:S=true,minimap:x=false,wordWrap:M="on",fontSize:k=14,className:N,showCopyButton:u=true,showLanguageSelector:p=true,availableLanguages:L=G},R)=>{let{theme:m}=useTheme(),[l,D]=e.useState(d),[T,h]=e.useState(false),[n,g]=e.useState(r||c);e.useEffect(()=>{r!==void 0&&g(r);},[r]);let O=e.useCallback(async()=>{try{await navigator.clipboard.writeText(n),h(!0),setTimeout(()=>h(!1),2e3);}catch(t){console.error("Failed to copy:",t);}},[n]),z=e.useCallback((t,j)=>{g(t||""),i&&i(t,j);},[i]),E=e.useMemo(()=>s==="auto"?m==="dark"?"vs-dark":"light":s==="dark"?"vs-dark":"light",[s,m]);return jsxs("div",{ref:R,className:cn("relative overflow-hidden rounded-md border bg-background",N),children:[(p||u)&&jsxs("div",{className:"flex items-center justify-between border-b bg-muted/50 px-3 py-2",children:[p&&jsxs(DropdownMenu,{children:[jsx(DropdownMenuTrigger,{asChild:true,children:jsxs(Button,{variant:"ghost",size:"sm",className:"h-8 gap-1 px-2 text-xs font-mono",children:[b[l]||l,jsx(ChevronDown,{className:"h-3 w-3"})]})}),jsx(DropdownMenuContent,{align:"start",className:"max-h-80 overflow-auto",children:L.map(t=>jsx(DropdownMenuItem,{onClick:()=>D(t),className:"font-mono text-xs",children:b[t]||t},t))})]}),u&&jsx(Button,{variant:"ghost",size:"sm",className:"h-8 gap-1.5 px-2 text-xs",onClick:O,disabled:!n,children:T?jsxs(Fragment,{children:[jsx(Check,{className:"h-3 w-3"}),"Copied!"]}):jsxs(Fragment,{children:[jsx(Copy,{className:"h-3 w-3"}),"Copy"]})})]}),jsx(P,{height:y,defaultLanguage:d,language:l,value:n,defaultValue:c,theme:E,onChange:z,onMount:w,options:{readOnly:v,lineNumbers:S?"on":"off",minimap:{enabled:x},wordWrap:M,fontSize:k,scrollBeyondLastLine:false,automaticLayout:true,tabSize:2,insertSpaces:true,formatOnPaste:true,formatOnType:true,scrollbar:{vertical:"auto",horizontal:"auto",verticalScrollbarSize:10,horizontalScrollbarSize:10},padding:{top:16,bottom:16}}})]})});K.displayName="CodeEditor";export{K as CodeEditor};
+"use client";
+import * as React from 'react';
+import Editor from '@monaco-editor/react';
+import { ChevronDown, Check, Copy } from 'lucide-react';
+import { useTheme } from 'next-themes';
+import { cn } from '@hanzo/ui/lib/utils';
+import { Button } from '@hanzo/ui/button';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from '@hanzo/ui/dropdown-menu';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var defaultLanguages = [
+  "javascript",
+  "typescript",
+  "python",
+  "java",
+  "csharp",
+  "cpp",
+  "c",
+  "go",
+  "rust",
+  "ruby",
+  "php",
+  "swift",
+  "kotlin",
+  "dart",
+  "html",
+  "css",
+  "scss",
+  "json",
+  "xml",
+  "yaml",
+  "sql",
+  "markdown",
+  "shell",
+  "plaintext"
+];
+var languageDisplayNames = {
+  javascript: "JavaScript",
+  typescript: "TypeScript",
+  python: "Python",
+  java: "Java",
+  csharp: "C#",
+  cpp: "C++",
+  c: "C",
+  go: "Go",
+  rust: "Rust",
+  ruby: "Ruby",
+  php: "PHP",
+  swift: "Swift",
+  kotlin: "Kotlin",
+  dart: "Dart",
+  html: "HTML",
+  css: "CSS",
+  scss: "SCSS",
+  json: "JSON",
+  xml: "XML",
+  yaml: "YAML",
+  sql: "SQL",
+  markdown: "Markdown",
+  shell: "Shell",
+  plaintext: "Plain Text"
+};
+var CodeEditor = React.forwardRef(
+  ({
+    value,
+    defaultValue = "",
+    language = "javascript",
+    height = "400px",
+    theme: themeProp = "auto",
+    onChange,
+    onMount,
+    readOnly = false,
+    lineNumbers = true,
+    minimap = false,
+    wordWrap = "on",
+    fontSize = 14,
+    className,
+    showCopyButton = true,
+    showLanguageSelector = true,
+    availableLanguages = defaultLanguages
+  }, ref) => {
+    const { theme: systemTheme } = useTheme();
+    const [selectedLanguage, setSelectedLanguage] = React.useState(language);
+    const [copied, setCopied] = React.useState(false);
+    const [editorValue, setEditorValue] = React.useState(value || defaultValue);
+    React.useEffect(() => {
+      if (value !== void 0) {
+        setEditorValue(value);
+      }
+    }, [value]);
+    const handleCopy = React.useCallback(async () => {
+      try {
+        await navigator.clipboard.writeText(editorValue);
+        setCopied(true);
+        setTimeout(() => setCopied(false), 2e3);
+      } catch (err) {
+        console.error("Failed to copy:", err);
+      }
+    }, [editorValue]);
+    const handleChange = React.useCallback(
+      (newValue, ev) => {
+        setEditorValue(newValue || "");
+        if (onChange) {
+          onChange(newValue, ev);
+        }
+      },
+      [onChange]
+    );
+    const resolveTheme = React.useMemo(() => {
+      if (themeProp === "auto") {
+        return systemTheme === "dark" ? "vs-dark" : "light";
+      }
+      return themeProp === "dark" ? "vs-dark" : "light";
+    }, [themeProp, systemTheme]);
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "relative overflow-hidden rounded-md border bg-background",
+          className
+        ),
+        children: [
+          (showLanguageSelector || showCopyButton) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b bg-muted/50 px-3 py-2", children: [
+            showLanguageSelector && /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+              /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "sm",
+                  className: "h-8 gap-1 px-2 text-xs font-mono",
+                  children: [
+                    languageDisplayNames[selectedLanguage] || selectedLanguage,
+                    /* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3" })
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ jsx(
+                DropdownMenuContent,
+                {
+                  align: "start",
+                  className: "max-h-80 overflow-auto",
+                  children: availableLanguages.map((lang) => /* @__PURE__ */ jsx(
+                    DropdownMenuItem,
+                    {
+                      onClick: () => setSelectedLanguage(lang),
+                      className: "font-mono text-xs",
+                      children: languageDisplayNames[lang] || lang
+                    },
+                    lang
+                  ))
+                }
+              )
+            ] }),
+            showCopyButton && /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "sm",
+                className: "h-8 gap-1.5 px-2 text-xs",
+                onClick: handleCopy,
+                disabled: !editorValue,
+                children: copied ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(Check, { className: "h-3 w-3" }),
+                  "Copied!"
+                ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(Copy, { className: "h-3 w-3" }),
+                  "Copy"
+                ] })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            Editor,
+            {
+              height,
+              defaultLanguage: language,
+              language: selectedLanguage,
+              value: editorValue,
+              defaultValue,
+              theme: resolveTheme,
+              onChange: handleChange,
+              onMount,
+              options: {
+                readOnly,
+                lineNumbers: lineNumbers ? "on" : "off",
+                minimap: {
+                  enabled: minimap
+                },
+                wordWrap,
+                fontSize,
+                scrollBeyondLastLine: false,
+                automaticLayout: true,
+                tabSize: 2,
+                insertSpaces: true,
+                formatOnPaste: true,
+                formatOnType: true,
+                scrollbar: {
+                  vertical: "auto",
+                  horizontal: "auto",
+                  verticalScrollbarSize: 10,
+                  horizontalScrollbarSize: 10
+                },
+                padding: {
+                  top: 16,
+                  bottom: 16
+                }
+              }
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+CodeEditor.displayName = "CodeEditor";
+
+export { CodeEditor };