export {};
// import { wireTmGrammars } from "monaco-editor-textmate";
// import { Registry } from "monaco-textmate";
// import { useEffect, useMemo, useRef } from "react";
// import MonacoEditor, { monaco } from "react-monaco-editor";
// import styled from "styled-components";
// import {
//   VSC_EDITOR_BACKGROUND_VAR,
//   defaultBorderRadius,
//   parseColorForHex,
// } from "..";
// import { useAppendedString } from "../../hooks/useAppendedString";
// import "./monaco.css";

// const fetchTextMateGrammar = async (lang: string): Promise<string> => {
//   return (
//     await fetch(`${(window as any).vscMediaUrl}/textmate-syntaxes/${lang}`)
//   ).text();
// };

// const supportedLanguages = {
//   "source.ts": ["typescript", "TypeScript.tmLanguage.json"],
//   "source.js": ["javascript", "JavaScript.tmLanguage.json"],
//   "source.rust": ["rust", "rust.json"],
//   // "source.batchfile": ["batchfile", "Batch File.tmLanguage"],
//   "source.c": ["c", "c.json"],
//   "source.cpp": ["cpp", "c++.json"],
//   // "source.clojure": ["clojure", "Clojure.tmLanguage"],
//   // "source.coffeescript": ["coffeescript", "coffeescript.json"],
//   // "source.cshtml": ["cshtml", "cshtml.json"],
//   // "source.css": ["css", "css.plist"],
//   // "source.diff": ["diff", "diff.tmLanguage"],
//   // "source.dockerfile": ["dockerfile", "Dockerfile.tmLanguage"],
//   // "source.fsharp": ["fsharp", "fsharp.json"],
//   // "source.git-commit": ["git-commit", "git-commit.tmLanguage"],
//   // "source.git-rebase": ["git-rebase", "git-rebase.tmLanguage"],
//   "source.go": ["go", "go.json"],
//   // "source.groovy": ["groovy", "Groovy.tmLanguage"],
//   // "source.handlebars": ["handlebars", "Handlebars.json"],
//   // "source.html": ["html", "html.json"],
//   // "source.jade": ["jade", "Jade.json"],
//   // "source.java": ["java", "java.json"],
//   // "source.javascript": ["javascript", "JavaScript.tmLanguage.json"],
//   // // "source.json": ["json", "JSON.tmLanguage"],
//   // "source.less": ["less", "less.tmLanguage.json"],
//   // "source.lua": ["lua", "lua.json"],
//   "source.python": ["python", "MagicPython.tmLanguage.json"],
//   // "source.magicregexp": ["magicregexp", "MagicRegExp.tmLanguage.json"],
//   // "source.makefile": ["makefile", "Makefile.json"],
//   // // "source.markdown": ["markdown", "markdown.tmLanguage"],
//   // // "source.objective-c": ["objective-c", "Objective-C.tmLanguage"],
//   // // "source.perl6": ["perl6", "Perl 6.tmLanguage"],
//   // // "source.perl": ["perl", "Perl.plist"],
//   // "source.php": ["php", "php.json"],
//   // // "source.platform": ["platform", "Platform.tmLanguage"],
//   // // "source.powershell": ["powershell", "PowershellSyntax.tmLanguage"],
//   // // "source.properties": ["properties", "properties.plist"],
//   // // "source.r": ["r", "R.plist"],
//   // // "source.regexp": ["regexp", "Regular Expressions (JavaScript).tmLanguage"],
//   // // "source.ruby": ["ruby", "Ruby.plist"],
//   // "source.scss": ["scss", "scss.json"],
//   // "source.shaderlab": ["shaderlab", "shaderlab.json"],
//   // "source.shell-unix-bash": [
//   //   "shell-unix-bash",
//   //   "Shell-Unix-Bash.tmLanguage.json",
//   // ],
//   // // "source.sql": ["sql", "SQL.plist"],
//   "source.swift": ["swift", "swift.json"],
//   "source.tsx": ["tsx", "TypeScriptReact.tmLanguage.json"],
//   // "source.xml": ["xml", "xml.json"],
//   // "source.xsl": ["xsl", "xsl.json"],
//   "source.yaml": ["yaml", "yaml.json"],
// };

// export const supportedLanguagesArray = Object.keys(supportedLanguages).map(
//   (l) => supportedLanguages[l][0]
// );

// const registry = new Registry({
//   getGrammarDefinition: async (scopeName) => {
//     if (scopeName in supportedLanguages) {
//       const [_, tmFilename] = supportedLanguages[scopeName];
//       let content;
//       try {
//         content = await fetchTextMateGrammar(tmFilename);
//       } catch (e) {
//         console.warn("Error fetching grammar for language", scopeName, e);
//         content = await fetchTextMateGrammar("TypeScript.tmLanguage.json");
//       }

//       return {
//         format: "json",
//         content,
//       };
//     } else {
//       return null;
//     }
//   },
// });

// const getThemeFromWindow = () => {
//   const colorTheme = (window as any).fullColorTheme;
//   return {
//     ...colorTheme,
//     base: colorTheme.base || "vs-dark",
//     inherit: true,
//     encodedTokensColors: undefined,
//     // rules: [],
//     colors: {
//       "editor.background": parseColorForHex(VSC_EDITOR_BACKGROUND_VAR),
//     },
//   };
// };

// const Container = styled.div<{ showBorder: 0 | 1 }>`
//   border-radius: ${defaultBorderRadius};
//   overflow: hidden;
//   margin: 0;
// `;

// interface MonacoCodeBlockProps {
//   codeString: string;
//   preProps: any;
//   language: string;
//   showBorder: boolean;
// }

// export const MonacoCodeBlock = (props: MonacoCodeBlockProps) => {
//   const monacoRef = useRef(null);
//   const editorRef = useRef<monaco.editor.IStandaloneCodeEditor | null>(null);

//   /* THEMING */

//   const liftOff = async (monaco) => {
//     try {
//       const grammars = new Map();
//       for (const [scopeName, [languageId, _]] of Object.entries(
//         supportedLanguages
//       )) {
//         grammars.set(languageId, scopeName);
//         monaco.languages.register({ id: languageId });
//       }
//       await wireTmGrammars(monaco, registry, grammars, editorRef.current);
//     } catch (e) {
//       console.error("Error wiring grammars", e);
//     }
//   };

//   const onEditorDidMount = (
//     editor: monaco.editor.IStandaloneCodeEditor,
//     monaco: any
//   ) => {
//     monacoRef.current = monaco;
//     editorRef.current = editor;

//     monacoRef.current.editor.defineTheme("custom-action-theme", getThemeFromWindow());
//     liftOff(monacoRef.current).then(() => {
//       monacoRef.current.editor.setTheme("custom-action-theme");
//     });

//     editorRef.current.onDidContentSizeChange(() => {
//       editorRef.current.layout({
//         width: editorRef.current.getLayoutInfo().width,
//         height: editorRef.current.getContentHeight(),
//       });
//     });
//   };

//   useEffect(() => {
//     const listener = (e) => {
//       if (e.data.type === "setTheme") {
//         (window as any).fullColorTheme = e.data.theme;
//         monacoRef.current.editor.defineTheme(
//           "custom-action-theme",
//           getThemeFromWindow()
//         );
//         monacoRef.current.editor.setTheme("custom-action-theme");
//       }
//     };
//     window.addEventListener("message", listener);
//     return () => {
//       window.removeEventListener("message", listener);
//     };
//   }, [monacoRef.current]);

//   /* STREAMING UPDATES */

//   const appendText = (text: string, lineCount: number) => {
//     const editor = editorRef.current;
//     const model = editor.getModel();
//     if (!model) return;

//     const modelLineCount = model.getLineCount();
//     lineCount = lineCount === 0 ? 1 : lineCount;
//     lineCount = Math.min(lineCount, modelLineCount);
//     const lastLineColumn = model.getLineMaxColumn(lineCount);

//     const id = { major: 1, minor: 1 };
//     const op = {
//       identifier: id,
//       range: {
//         startLineNumber: lineCount,
//         startColumn: lastLineColumn,
//         endLineNumber: lineCount + 1,
//         endColumn: 0,
//       },
//       text: text,
//       forceMoveMarkers: true,
//     };

//     editor.getModel().applyEdits([op]);
//   };

//   // useEffect(() => {
//   //   if (props.codeString === prevFullTextRef.current) return;

//   //   let newText = props.codeString.slice(prevFullTextRef.current.length);
//   //   if (newText === "") return;

//   //   // To avoid the optimistic code block fences. Because the unwanted ones are always at the end of the block, this solves the problem
//   //   if (newText.endsWith("`") || newText.endsWith("`\n")) {
//   //     newText = newText.slice(0, newText.indexOf("`"));
//   //   }

//   //   appendText(newText);
//   //   prevFullTextRef.current = props.codeString;
//   // }, [props.codeString, prevFullTextRef.current]);

//   useAppendedString(props.codeString, appendText);

//   const memoizedEditor = useMemo(() => {
//     const rootStyle = getComputedStyle(document.documentElement);
//     const fontFamily = rootStyle
//       .getPropertyValue("--vscode-editor-font-family")
//       .trim();

//     return (
//       <MonacoEditor
//         defaultValue={props.codeString}
//         editorDidMount={onEditorDidMount}
//         language={
//           supportedLanguagesArray.includes(props.language)
//             ? props.language
//             : "typescript"
//         }
//         theme="vs-dark"
//         options={{
//           automaticLayout: true,
//           readOnly: true,
//           minimap: { enabled: false },
//           scrollBeyondLastLine: false,
//           scrollbar: {
//             alwaysConsumeMouseWheel: false,
//             verticalScrollbarSize: 4,
//             horizontalScrollbarSize: 4,
//           },
//           hover: {},
//           renderWhitespace: "none",
//           overviewRulerLanes: 0,
//           lineNumbers: "off",
//           folding: false,
//           guides: {
//             indentation: false,
//           },
//           renderLineHighlight: "none",
//           fontLigatures: true,
//           fontVariations: true,
//           padding: { top: 4, bottom: 4 },
//           fontFamily,
//           trimAutoWhitespace: false,
//         }}
//       />
//     );
//   }, []);

//   return (
//     <Container showBorder={props.showBorder} {...props.preProps}>
//       {memoizedEditor}
//     </Container>
//   );
// };