@mittwald/flow-react-components 0.2.0-alpha.867 → 0.2.0-alpha.869

package/dist/js/packages/components/src/components/CodeEditor/CodeEditor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.mjs","names":[],"sources":["../../../../../../../src/components/CodeEditor/CodeEditor.tsx"],"sourcesContent":["import type { ReactCodeMirrorProps } from \"@uiw/react-codemirror\";\nimport CodeMirror from \"@uiw/react-codemirror\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport { useControlledHostValueProps } from \"@/lib/remote/useControlledHostValueProps\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport clsx from \"clsx\";\nimport styles from \"./CodeEditor.module.scss\";\nimport { type CodeEditorLanguage } from \"@/components/CodeEditor/languages\";\nimport { useMakeFocusable } from \"@/lib/hooks/dom/useMakeFocusable\";\nimport { useObjectRef } from \"react-aria\";\nimport { defaultLightTheme } from \"@/components/CodeEditor/themes/defaultEditorTheme\";\nimport {\n  type CodeEditorSetup,\n  useCodeEditorExtensions,\n} from \"@/components/CodeEditor/hooks/useCodeEditorExtensions\";\nimport { CopyButton } from \"@/components/CopyButton\";\n\nexport interface CodeEditorProps\n  extends\n    Omit<ReactCodeMirrorProps, \"theme\" | \"lang\" | \"basicSetup\" | \"readOnly\">,\n    CodeEditorSetup,\n    FlowComponentProps {\n  defaultValue?: string;\n  isReadOnly?: boolean;\n  isInvalid?: boolean;\n  className?: string;\n  language?: CodeEditorLanguage;\n  copyable?: boolean;\n  isRequired?: boolean;\n  validationBehavior?: unknown;\n}\n\n/** @flr-generate all */\nexport const CodeEditor = flowComponent(\"CodeEditor\", (props) => {\n  const {\n    ref,\n    children,\n    className,\n    language,\n    extensions,\n    isReadOnly,\n    isInvalid,\n    isRequired,\n    validationBehavior: _ignoredValidationBehavior,\n    value,\n    showLineNumbers = true,\n    showCodeFolding = true,\n    showCodeIndentationMakers = true,\n    showLinterMarkers = true,\n    showActiveLineMarker = true,\n    copyable = true,\n    ...rest\n  } = useControlledHostValueProps(props);\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldProps,\n    fieldPropsContext,\n  } = useFieldComponent(props, \"CodeEditor\");\n\n  const rootClassName = clsx(\n    fieldProps.className,\n    styles.codeEditor,\n    className,\n  );\n\n  const enabledExtensions = useCodeEditorExtensions(language, extensions, {\n    showLineNumbers: showLineNumbers,\n    showCodeIndentationMakers: showCodeIndentationMakers,\n    showCodeFolding: showCodeFolding,\n    showLinterMarkers: showLinterMarkers,\n  });\n\n  const localRef = useObjectRef(ref);\n\n  useMakeFocusable(localRef);\n\n  return (\n    <div className={rootClassName}>\n      <PropsContextProvider props={fieldPropsContext}>\n        <FieldErrorCaptureContext>\n          <CodeMirror\n            {...rest}\n            value={value}\n            basicSetup={{\n              highlightActiveLine: showActiveLineMarker,\n              highlightActiveLineGutter: showActiveLineMarker,\n              autocompletion: false,\n              lineNumbers: false,\n              foldGutter: false,\n              highlightSelectionMatches: false,\n            }}\n            theme={defaultLightTheme}\n            aria-required={isRequired}\n            aria-invalid={isInvalid}\n            readOnly={isReadOnly}\n            className={clsx(styles.codeMirror, isReadOnly && styles.readonly)}\n            ref={(codeMirrorRef) => {\n              if (codeMirrorRef?.editor) {\n                localRef.current = codeMirrorRef.editor;\n              }\n            }}\n            extensions={enabledExtensions}\n          >\n            {copyable && (\n              <CopyButton\n                className={styles.copyButton}\n                size=\"s\"\n                variant=\"soft\"\n                text={value}\n              />\n            )}\n          </CodeMirror>\n          {children}\n        </FieldErrorCaptureContext>\n        <FieldErrorView />\n      </PropsContextProvider>\n    </div>\n  );\n});\n\nexport default CodeEditor;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAqCA,IAAa,aAAa,cAAc,eAAe,UAAU;CAC/D,MAAM,EACJ,KACA,UACA,WACA,UACA,YACA,YACA,WACA,YACA,oBAAoB,4BACpB,OACA,kBAAkB,MAClB,kBAAkB,MAClB,4BAA4B,MAC5B,oBAAoB,MACpB,uBAAuB,MACvB,WAAW,MACX,GAAG,SACD,4BAA4B,KAAK;CAErC,MAAM,EACJ,gBACA,0BACA,YACA,sBACE,kBAAkB,OAAO,YAAY;CAEzC,MAAM,gBAAgB,KACpB,WAAW,WACX,0BAAO,YACP,SACF;CAEA,MAAM,oBAAoB,wBAAwB,UAAU,YAAY;EACrD;EACU;EACV;EACE;CACrB,CAAC;CAED,MAAM,WAAW,aAAa,GAAG;CAEjC,iBAAiB,QAAQ;CAEzB,OACE,oBAAC,OAAD;EAAK,WAAW;YACd,qBAAC,sBAAD;GAAsB,OAAO;aAA7B,CACE,qBAAC,0BAAD,EAAA,UAAA,CACE,oBAAC,YAAD;IACE,GAAI;IACG;IACP,YAAY;KACV,qBAAqB;KACrB,2BAA2B;KAC3B,gBAAgB;KAChB,aAAa;KACb,YAAY;KACZ,2BAA2B;IAC7B;IACA,OAAO;IACP,iBAAe;IACf,gBAAc;IACd,UAAU;IACV,WAAW,KAAK,0BAAO,YAAY,cAAc,0BAAO,QAAQ;IAChE,MAAM,kBAAkB;KACtB,IAAI,eAAe,QACjB,SAAS,UAAU,cAAc;IAErC;IACA,YAAY;cAEX,YACC,oBAAC,YAAD;KACE,WAAW,0BAAO;KAClB,MAAK;KACL,SAAQ;KACR,MAAM;IACP,CAAA;GAEO,CAAA,GACX,QACuB,EAAA,CAAA,GAC1B,oBAAC,gBAAD,CAAiB,CAAA,CACG;;CACnB,CAAA;AAET,CAAC"}
+{"version":3,"file":"CodeEditor.mjs","sources":["../../../../../../../src/components/CodeEditor/CodeEditor.tsx"],"sourcesContent":["import type { ReactCodeMirrorProps } from \"@uiw/react-codemirror\";\nimport CodeMirror from \"@uiw/react-codemirror\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport { useControlledHostValueProps } from \"@/lib/remote/useControlledHostValueProps\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport clsx from \"clsx\";\nimport styles from \"./CodeEditor.module.scss\";\nimport { type CodeEditorLanguage } from \"@/components/CodeEditor/languages\";\nimport { useMakeFocusable } from \"@/lib/hooks/dom/useMakeFocusable\";\nimport { useObjectRef } from \"react-aria\";\nimport { defaultLightTheme } from \"@/components/CodeEditor/themes/defaultEditorTheme\";\nimport {\n  type CodeEditorSetup,\n  useCodeEditorExtensions,\n} from \"@/components/CodeEditor/hooks/useCodeEditorExtensions\";\nimport { CopyButton } from \"@/components/CopyButton\";\n\nexport interface CodeEditorProps\n  extends\n    Omit<ReactCodeMirrorProps, \"theme\" | \"lang\" | \"basicSetup\" | \"readOnly\">,\n    CodeEditorSetup,\n    FlowComponentProps {\n  defaultValue?: string;\n  isReadOnly?: boolean;\n  isInvalid?: boolean;\n  className?: string;\n  language?: CodeEditorLanguage;\n  copyable?: boolean;\n  isRequired?: boolean;\n  validationBehavior?: unknown;\n}\n\n/** @flr-generate all */\nexport const CodeEditor = flowComponent(\"CodeEditor\", (props) => {\n  const {\n    ref,\n    children,\n    className,\n    language,\n    extensions,\n    isReadOnly,\n    isInvalid,\n    isRequired,\n    validationBehavior: _ignoredValidationBehavior,\n    value,\n    showLineNumbers = true,\n    showCodeFolding = true,\n    showCodeIndentationMakers = true,\n    showLinterMarkers = true,\n    showActiveLineMarker = true,\n    copyable = true,\n    ...rest\n  } = useControlledHostValueProps(props);\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldProps,\n    fieldPropsContext,\n  } = useFieldComponent(props, \"CodeEditor\");\n\n  const rootClassName = clsx(\n    fieldProps.className,\n    styles.codeEditor,\n    className,\n  );\n\n  const enabledExtensions = useCodeEditorExtensions(language, extensions, {\n    showLineNumbers: showLineNumbers,\n    showCodeIndentationMakers: showCodeIndentationMakers,\n    showCodeFolding: showCodeFolding,\n    showLinterMarkers: showLinterMarkers,\n  });\n\n  const localRef = useObjectRef(ref);\n\n  useMakeFocusable(localRef);\n\n  return (\n    <div className={rootClassName}>\n      <PropsContextProvider props={fieldPropsContext}>\n        <FieldErrorCaptureContext>\n          <CodeMirror\n            {...rest}\n            value={value}\n            basicSetup={{\n              highlightActiveLine: showActiveLineMarker,\n              highlightActiveLineGutter: showActiveLineMarker,\n              autocompletion: false,\n              lineNumbers: false,\n              foldGutter: false,\n              highlightSelectionMatches: false,\n            }}\n            theme={defaultLightTheme}\n            aria-required={isRequired}\n            aria-invalid={isInvalid}\n            readOnly={isReadOnly}\n            className={clsx(styles.codeMirror, isReadOnly && styles.readonly)}\n            ref={(codeMirrorRef) => {\n              if (codeMirrorRef?.editor) {\n                localRef.current = codeMirrorRef.editor;\n              }\n            }}\n            extensions={enabledExtensions}\n          >\n            {copyable && (\n              <CopyButton\n                className={styles.copyButton}\n                size=\"s\"\n                variant=\"soft\"\n                text={value}\n              />\n            )}\n          </CodeMirror>\n          {children}\n        </FieldErrorCaptureContext>\n        <FieldErrorView />\n      </PropsContextProvider>\n    </div>\n  );\n});\n\nexport default CodeEditor;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAqCO,MAAM,UAAA,GAAa,aAAA,CAAc,YAAA,EAAc,CAAC,KAAA,KAAU;AAC/D,EAAA,MAAM;AAAA,IACJ,GAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,kBAAA,EAAoB,0BAAA;AAAA,IACpB,KAAA;AAAA,IACA,eAAA,GAAkB,IAAA;AAAA,IAClB,eAAA,GAAkB,IAAA;AAAA,IAClB,yBAAA,GAA4B,IAAA;AAAA,IAC5B,iBAAA,GAAoB,IAAA;AAAA,IACpB,oBAAA,GAAuB,IAAA;AAAA,IACvB,QAAA,GAAW,IAAA;AAAA,IACX,GAAG;AAAA,GACL,GAAI,4BAA4B,KAAK,CAAA;AAErC,EAAA,MAAM;AAAA,IACJ,cAAA;AAAA,IACA,wBAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACF,GAAI,iBAAA,CAAkB,KAAA,EAAO,YAAY,CAAA;AAEzC,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,UAAA,CAAW,SAAA;AAAA,IACX,MAAA,CAAO,UAAA;AAAA,IACP;AAAA,GACF;AAEA,EAAA,MAAM,iBAAA,GAAoB,uBAAA,CAAwB,QAAA,EAAU,UAAA,EAAY;AAAA,IACtE,eAAA;AAAA,IACA,yBAAA;AAAA,IACA,eAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,QAAA,GAAW,aAAa,GAAG,CAAA;AAEjC,EAAA,gBAAA,CAAiB,QAAQ,CAAA;AAEzB,EAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EAAW,eACd,QAAA,kBAAA,IAAA,CAAC,oBAAA,EAAA,EAAqB,OAAO,iBAAA,EAC3B,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,wBAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACE,GAAG,IAAA;AAAA,UACJ,KAAA;AAAA,UACA,UAAA,EAAY;AAAA,YACV,mBAAA,EAAqB,oBAAA;AAAA,YACrB,yBAAA,EAA2B,oBAAA;AAAA,YAC3B,cAAA,EAAgB,KAAA;AAAA,YAChB,WAAA,EAAa,KAAA;AAAA,YACb,UAAA,EAAY,KAAA;AAAA,YACZ,yBAAA,EAA2B;AAAA,WAC7B;AAAA,UACA,KAAA,EAAO,iBAAA;AAAA,UACP,eAAA,EAAe,UAAA;AAAA,UACf,cAAA,EAAc,SAAA;AAAA,UACd,QAAA,EAAU,UAAA;AAAA,UACV,WAAW,IAAA,CAAK,MAAA,CAAO,UAAA,EAAY,UAAA,IAAc,OAAO,QAAQ,CAAA;AAAA,UAChE,GAAA,EAAK,CAAC,aAAA,KAAkB;AACtB,YAAA,IAAI,eAAe,MAAA,EAAQ;AACzB,cAAA,QAAA,CAAS,UAAU,aAAA,CAAc,MAAA;AAAA,YACnC;AAAA,UACF,CAAA;AAAA,UACA,UAAA,EAAY,iBAAA;AAAA,UAEX,QAAA,EAAA,QAAA,oBACC,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,WAAW,MAAA,CAAO,UAAA;AAAA,cAClB,IAAA,EAAK,GAAA;AAAA,cACL,OAAA,EAAQ,MAAA;AAAA,cACR,IAAA,EAAM;AAAA;AAAA;AACR;AAAA,OAEJ;AAAA,MACC;AAAA,KAAA,EACH,CAAA;AAAA,wBACC,cAAA,EAAA,EAAe;AAAA,GAAA,EAClB,CAAA,EACF,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/packages/components/src/components/CodeEditor/CodeEditor.module.scss.mjs

@@ -0,0 +1,15 @@
+"use client"
+/* */
+const codeEditor = "flow--code-editor";
+const codeMirror = "flow--code-editor--code-mirror";
+const readonly = "flow--code-editor--readonly";
+const copyButton = "flow--code-editor--copy-button";
+const styles = {
+	codeEditor: codeEditor,
+	codeMirror: codeMirror,
+	readonly: readonly,
+	copyButton: copyButton
+};
+
+export { codeEditor, codeMirror, copyButton, styles as default, readonly };
+//# sourceMappingURL=CodeEditor.module.scss.mjs.map

package/dist/js/packages/components/src/components/CodeEditor/CodeEditor.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeEditor.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/dist/js/packages/components/src/components/CodeEditor/extensions/gutterSpacer.mjs

@@ -1,20 +1,19 @@
 "use client"
 /* */
-import { GutterMarker, gutter } from "@uiw/react-codemirror";
-//#region src/components/CodeEditor/extensions/gutterSpacer.ts
-var EmptyGutterSpacer = class extends GutterMarker {
-	toDOM() {
-		const element = document.createElement("div");
-		element.style.minWidth = "var(--form-control--spacing-x)";
-		return element;
-	}
-};
-var gutterSpacer = () => gutter({
-	class: "cm-foldGutter-spacer",
-	renderEmptyElements: true,
-	initialSpacer: () => new EmptyGutterSpacer()
+import { gutter, GutterMarker } from '@uiw/react-codemirror';
+
+class EmptyGutterSpacer extends GutterMarker {
+  toDOM() {
+    const element = document.createElement("div");
+    element.style.minWidth = "var(--form-control--spacing-x)";
+    return element;
+  }
+}
+const gutterSpacer = () => gutter({
+  class: "cm-foldGutter-spacer",
+  renderEmptyElements: true,
+  initialSpacer: () => new EmptyGutterSpacer()
 });
-//#endregion
-export { gutterSpacer };
 
-//# sourceMappingURL=gutterSpacer.mjs.map
+export { gutterSpacer };
+//# sourceMappingURL=gutterSpacer.mjs.map

package/dist/js/packages/components/src/components/CodeEditor/extensions/gutterSpacer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"gutterSpacer.mjs","names":[],"sources":["../../../../../../../../src/components/CodeEditor/extensions/gutterSpacer.ts"],"sourcesContent":["import { GutterMarker, gutter } from \"@uiw/react-codemirror\";\n\nclass EmptyGutterSpacer extends GutterMarker {\n  override toDOM() {\n    const element = document.createElement(\"div\");\n    element.style.minWidth = \"var(--form-control--spacing-x)\";\n\n    return element;\n  }\n}\n\nexport const gutterSpacer = () =>\n  gutter({\n    class: \"cm-foldGutter-spacer\",\n    renderEmptyElements: true,\n    initialSpacer: () => new EmptyGutterSpacer(),\n  });\n"],"mappings":";;AAEA,IAAM,oBAAN,cAAgC,aAAa;CAC3C,QAAiB;EACf,MAAM,UAAU,SAAS,cAAc,KAAK;EAC5C,QAAQ,MAAM,WAAW;EAEzB,OAAO;CACT;AACF;AAEA,IAAa,qBACX,OAAO;CACL,OAAO;CACP,qBAAqB;CACrB,qBAAqB,IAAI,kBAAkB;AAC7C,CAAC"}
+{"version":3,"file":"gutterSpacer.mjs","sources":["../../../../../../../../src/components/CodeEditor/extensions/gutterSpacer.ts"],"sourcesContent":["import { GutterMarker, gutter } from \"@uiw/react-codemirror\";\n\nclass EmptyGutterSpacer extends GutterMarker {\n  override toDOM() {\n    const element = document.createElement(\"div\");\n    element.style.minWidth = \"var(--form-control--spacing-x)\";\n\n    return element;\n  }\n}\n\nexport const gutterSpacer = () =>\n  gutter({\n    class: \"cm-foldGutter-spacer\",\n    renderEmptyElements: true,\n    initialSpacer: () => new EmptyGutterSpacer(),\n  });\n"],"names":[],"mappings":";;AAEA,MAAM,0BAA0B,YAAA,CAAa;AAAA,EAClC,KAAA,GAAQ;AACf,IAAA,MAAM,OAAA,GAAU,QAAA,CAAS,aAAA,CAAc,KAAK,CAAA;AAC5C,IAAA,OAAA,CAAQ,MAAM,QAAA,GAAW,gCAAA;AAEzB,IAAA,OAAO,OAAA;AAAA,EACT;AACF;AAEO,MAAM,YAAA,GAAe,MAC1B,MAAA,CAAO;AAAA,EACL,KAAA,EAAO,sBAAA;AAAA,EACP,mBAAA,EAAqB,IAAA;AAAA,EACrB,aAAA,EAAe,MAAM,IAAI,iBAAA;AAC3B,CAAC;;;;"}

package/dist/js/packages/components/src/components/CodeEditor/hooks/useCodeEditorExtensions.mjs

@@ -1,34 +1,52 @@
 "use client"
 /* */
-import supportedCodeEditorLanguages from "../languages/index.mjs";
-import { gutterSpacer } from "../extensions/gutterSpacer.mjs";
-import { lineNumbers } from "@uiw/react-codemirror";
-import { foldGutter } from "@codemirror/language";
-import { lintGutter } from "@codemirror/lint";
-import { indentationMarkers } from "@replit/codemirror-indentation-markers";
-//#region src/components/CodeEditor/hooks/useCodeEditorExtensions.tsx
-/** @internal */
-var useCodeEditorExtensions = (language, extensions = [], options = {
-	showCodeFolding: true,
-	showCodeIndentationMakers: true,
-	showLineNumbers: true,
-	showLinterMarkers: true
+import { lineNumbers } from '@uiw/react-codemirror';
+import { lintGutter } from '@codemirror/lint';
+import supportedCodeEditorLanguages from '../languages/index.mjs';
+import { indentationMarkers } from '@replit/codemirror-indentation-markers';
+import { foldGutter } from '@codemirror/language';
+import { gutterSpacer } from '../extensions/gutterSpacer.mjs';
+
+const useCodeEditorExtensions = (language, extensions = [], options = {
+  showCodeFolding: true,
+  showCodeIndentationMakers: true,
+  showLineNumbers: true,
+  showLinterMarkers: true
 }) => {
-	if (options.showLineNumbers) extensions.push(lineNumbers());
-	if (options.showCodeFolding) extensions.push(foldGutter({ markerDOM: (open) => {
-		const element = document.createElement("span");
-		element.classList.add("cm-foldGutter");
-		element.classList.add(open ? "cm-foldGutter-open" : "cm-foldGutter-closed");
-		element.innerText = open ? "⌄" : "›";
-		return element;
-	} }));
-	if (options.showLinterMarkers) extensions.push(lintGutter());
-	if (options.showLineNumbers && (!options.showCodeFolding || !options.showLinterMarkers)) extensions.push(gutterSpacer());
-	if (options.showCodeIndentationMakers) extensions.push(indentationMarkers());
-	if (language) supportedCodeEditorLanguages[language]?.map((loader) => extensions.push(loader()));
-	return extensions;
+  if (options.showLineNumbers) {
+    extensions.push(lineNumbers());
+  }
+  if (options.showCodeFolding) {
+    extensions.push(
+      foldGutter({
+        markerDOM: (open) => {
+          const element = document.createElement("span");
+          element.classList.add("cm-foldGutter");
+          element.classList.add(
+            open ? "cm-foldGutter-open" : "cm-foldGutter-closed"
+          );
+          element.innerText = open ? "⌄" : "›";
+          return element;
+        }
+      })
+    );
+  }
+  if (options.showLinterMarkers) {
+    extensions.push(lintGutter());
+  }
+  if (options.showLineNumbers && (!options.showCodeFolding || !options.showLinterMarkers)) {
+    extensions.push(gutterSpacer());
+  }
+  if (options.showCodeIndentationMakers) {
+    extensions.push(indentationMarkers());
+  }
+  if (language) {
+    supportedCodeEditorLanguages[language]?.map(
+      (loader) => extensions.push(loader())
+    );
+  }
+  return extensions;
 };
-//#endregion
-export { useCodeEditorExtensions };
 
-//# sourceMappingURL=useCodeEditorExtensions.mjs.map
+export { useCodeEditorExtensions };
+//# sourceMappingURL=useCodeEditorExtensions.mjs.map

package/dist/js/packages/components/src/components/CodeEditor/hooks/useCodeEditorExtensions.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useCodeEditorExtensions.mjs","names":[],"sources":["../../../../../../../../src/components/CodeEditor/hooks/useCodeEditorExtensions.tsx"],"sourcesContent":["import { type Extension, lineNumbers } from \"@uiw/react-codemirror\";\nimport { lintGutter } from \"@codemirror/lint\";\nimport supportedCodeEditorLanguages, {\n  type CodeEditorLanguage,\n} from \"@/components/CodeEditor/languages\";\nimport { indentationMarkers } from \"@replit/codemirror-indentation-markers\";\nimport { foldGutter } from \"@codemirror/language\";\nimport { gutterSpacer } from \"@/components/CodeEditor/extensions/gutterSpacer\";\n\n/** @internal */\nexport interface CodeEditorSetup {\n  showActiveLineMarker?: boolean;\n  showCodeFolding?: boolean;\n  showCodeIndentationMakers?: boolean;\n  showLineNumbers?: boolean;\n  showLinterMarkers?: boolean;\n}\n\n/** @internal */\nexport const useCodeEditorExtensions = (\n  language?: CodeEditorLanguage,\n  extensions: Extension[] = [],\n  options: CodeEditorSetup = {\n    showCodeFolding: true,\n    showCodeIndentationMakers: true,\n    showLineNumbers: true,\n    showLinterMarkers: true,\n  },\n) => {\n  if (options.showLineNumbers) {\n    extensions.push(lineNumbers());\n  }\n\n  if (options.showCodeFolding) {\n    extensions.push(\n      foldGutter({\n        markerDOM: (open) => {\n          const element = document.createElement(\"span\");\n          element.classList.add(\"cm-foldGutter\");\n          element.classList.add(\n            open ? \"cm-foldGutter-open\" : \"cm-foldGutter-closed\",\n          );\n          element.innerText = open ? \"⌄\" : \"›\";\n          return element;\n        },\n      }),\n    );\n  }\n\n  if (options.showLinterMarkers) {\n    extensions.push(lintGutter());\n  }\n\n  if (\n    options.showLineNumbers &&\n    (!options.showCodeFolding || !options.showLinterMarkers)\n  ) {\n    extensions.push(gutterSpacer());\n  }\n\n  if (options.showCodeIndentationMakers) {\n    extensions.push(indentationMarkers());\n  }\n\n  if (language) {\n    supportedCodeEditorLanguages[language]?.map((loader) =>\n      extensions.push(loader()),\n    );\n  }\n\n  return extensions;\n};\n"],"mappings":";;;;;;;;AAmBA,IAAa,2BACX,UACA,aAA0B,CAAC,GAC3B,UAA2B;CACzB,iBAAiB;CACjB,2BAA2B;CAC3B,iBAAiB;CACjB,mBAAmB;AACrB,MACG;CACH,IAAI,QAAQ,iBACV,WAAW,KAAK,YAAY,CAAC;CAG/B,IAAI,QAAQ,iBACV,WAAW,KACT,WAAW,EACT,YAAY,SAAS;EACnB,MAAM,UAAU,SAAS,cAAc,MAAM;EAC7C,QAAQ,UAAU,IAAI,eAAe;EACrC,QAAQ,UAAU,IAChB,OAAO,uBAAuB,sBAChC;EACA,QAAQ,YAAY,OAAO,MAAM;EACjC,OAAO;CACT,EACF,CAAC,CACH;CAGF,IAAI,QAAQ,mBACV,WAAW,KAAK,WAAW,CAAC;CAG9B,IACE,QAAQ,oBACP,CAAC,QAAQ,mBAAmB,CAAC,QAAQ,oBAEtC,WAAW,KAAK,aAAa,CAAC;CAGhC,IAAI,QAAQ,2BACV,WAAW,KAAK,mBAAmB,CAAC;CAGtC,IAAI,UACF,6BAA6B,WAAW,KAAK,WAC3C,WAAW,KAAK,OAAO,CAAC,CAC1B;CAGF,OAAO;AACT"}
+{"version":3,"file":"useCodeEditorExtensions.mjs","sources":["../../../../../../../../src/components/CodeEditor/hooks/useCodeEditorExtensions.tsx"],"sourcesContent":["import { type Extension, lineNumbers } from \"@uiw/react-codemirror\";\nimport { lintGutter } from \"@codemirror/lint\";\nimport supportedCodeEditorLanguages, {\n  type CodeEditorLanguage,\n} from \"@/components/CodeEditor/languages\";\nimport { indentationMarkers } from \"@replit/codemirror-indentation-markers\";\nimport { foldGutter } from \"@codemirror/language\";\nimport { gutterSpacer } from \"@/components/CodeEditor/extensions/gutterSpacer\";\n\n/** @internal */\nexport interface CodeEditorSetup {\n  showActiveLineMarker?: boolean;\n  showCodeFolding?: boolean;\n  showCodeIndentationMakers?: boolean;\n  showLineNumbers?: boolean;\n  showLinterMarkers?: boolean;\n}\n\n/** @internal */\nexport const useCodeEditorExtensions = (\n  language?: CodeEditorLanguage,\n  extensions: Extension[] = [],\n  options: CodeEditorSetup = {\n    showCodeFolding: true,\n    showCodeIndentationMakers: true,\n    showLineNumbers: true,\n    showLinterMarkers: true,\n  },\n) => {\n  if (options.showLineNumbers) {\n    extensions.push(lineNumbers());\n  }\n\n  if (options.showCodeFolding) {\n    extensions.push(\n      foldGutter({\n        markerDOM: (open) => {\n          const element = document.createElement(\"span\");\n          element.classList.add(\"cm-foldGutter\");\n          element.classList.add(\n            open ? \"cm-foldGutter-open\" : \"cm-foldGutter-closed\",\n          );\n          element.innerText = open ? \"⌄\" : \"›\";\n          return element;\n        },\n      }),\n    );\n  }\n\n  if (options.showLinterMarkers) {\n    extensions.push(lintGutter());\n  }\n\n  if (\n    options.showLineNumbers &&\n    (!options.showCodeFolding || !options.showLinterMarkers)\n  ) {\n    extensions.push(gutterSpacer());\n  }\n\n  if (options.showCodeIndentationMakers) {\n    extensions.push(indentationMarkers());\n  }\n\n  if (language) {\n    supportedCodeEditorLanguages[language]?.map((loader) =>\n      extensions.push(loader()),\n    );\n  }\n\n  return extensions;\n};\n"],"names":[],"mappings":";;;;;;;AAmBO,MAAM,0BAA0B,CACrC,QAAA,EACA,UAAA,GAA0B,IAC1B,OAAA,GAA2B;AAAA,EACzB,eAAA,EAAiB,IAAA;AAAA,EACjB,yBAAA,EAA2B,IAAA;AAAA,EAC3B,eAAA,EAAiB,IAAA;AAAA,EACjB,iBAAA,EAAmB;AACrB,CAAA,KACG;AACH,EAAA,IAAI,QAAQ,eAAA,EAAiB;AAC3B,IAAA,UAAA,CAAW,IAAA,CAAK,aAAa,CAAA;AAAA,EAC/B;AAEA,EAAA,IAAI,QAAQ,eAAA,EAAiB;AAC3B,IAAA,UAAA,CAAW,IAAA;AAAA,MACT,UAAA,CAAW;AAAA,QACT,SAAA,EAAW,CAAC,IAAA,KAAS;AACnB,UAAA,MAAM,OAAA,GAAU,QAAA,CAAS,aAAA,CAAc,MAAM,CAAA;AAC7C,UAAA,OAAA,CAAQ,SAAA,CAAU,IAAI,eAAe,CAAA;AACrC,UAAA,OAAA,CAAQ,SAAA,CAAU,GAAA;AAAA,YAChB,OAAO,oBAAA,GAAuB;AAAA,WAChC;AACA,UAAA,OAAA,CAAQ,SAAA,GAAY,OAAO,GAAA,GAAM,GAAA;AACjC,UAAA,OAAO,OAAA;AAAA,QACT;AAAA,OACD;AAAA,KACH;AAAA,EACF;AAEA,EAAA,IAAI,QAAQ,iBAAA,EAAmB;AAC7B,IAAA,UAAA,CAAW,IAAA,CAAK,YAAY,CAAA;AAAA,EAC9B;AAEA,EAAA,IACE,QAAQ,eAAA,KACP,CAAC,QAAQ,eAAA,IAAmB,CAAC,QAAQ,iBAAA,CAAA,EACtC;AACA,IAAA,UAAA,CAAW,IAAA,CAAK,cAAc,CAAA;AAAA,EAChC;AAEA,EAAA,IAAI,QAAQ,yBAAA,EAA2B;AACrC,IAAA,UAAA,CAAW,IAAA,CAAK,oBAAoB,CAAA;AAAA,EACtC;AAEA,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,4BAAA,CAA6B,QAAQ,CAAA,EAAG,GAAA;AAAA,MAAI,CAAC,MAAA,KAC3C,UAAA,CAAW,IAAA,CAAK,QAAQ;AAAA,KAC1B;AAAA,EACF;AAEA,EAAA,OAAO,UAAA;AACT;;;;"}

package/dist/js/packages/components/src/components/CodeEditor/languages/dotEnv/dotEnv.grammar.mjs

@@ -0,0 +1,22 @@
+"use client"
+/* */
+import { LRParser } from '../../../../../../../node_modules/.pnpm/@lezer_lr@1.4.10/node_modules/@lezer/lr/dist/index.mjs';
+
+// This file was generated by lezer-generator. You probably shouldn't edit it.
+const parser = LRParser.deserialize({
+  version: 14,
+  states: "!vOVQPOOOeQPO'#C`OOQO'#Ci'#CiOjQPO'#C_OOQO'#Cm'#CmOoQPO'#C^QOQPOOO}QQO,58zOOQO,58y,58yOOQO-E6k-E6kOOQO'#Cd'#CdOOQO'#Cg'#CgOOQO'#Cc'#CcOOQO1G.f1G.f",
+  stateData: "!]~OdOS~OTPO^QO`_PbQP~OUVO~O`WO~OTPO^QO`_PbQX~OXYOYYO[ZO`Sa~O",
+  goto: "zbPPcfjPPnqPPqPjPjPtRUOTSOTTROTR]VR[VQTORXT",
+  nodeNames: "⚠ DotenvFile Document Line EnvVarAssignment Identifier Equal Value StringValue SQString DQString BareValue BareValueToken Comment CommentToken BlankLine Newline",
+  maxTerm: 20,
+  skippedNodes: [0],
+  repeatNodeCount: 1,
+  tokenData: "&}~RbXY!ZYZ!f]^!kpq!Zrs!sst#}wx$]{|%^}!O%^!O!P%^!P!Q%^!Q![%^![!]%^!_!`&R!b!c%^!c!}&W#R#S&W#T#o&W~!`Qd~XY!Zpq!Z~!kO`~~!pP`~YZ!f~!vYpq!srs#f}!O!s!O!P!s!P!Q!s!Q![!s!c!}!s#O#P#k#R#S!s#T#o!s~#kOY~~#nTrs!s#O#P!s#b#c!s#f#g!s#h#i!s~$SR^~YZ#}]^#}#Q#R#}~$`Ypq$]wx%O}!O$]!O!P$]!P!Q$]!Q![$]!c!}$]#O#P%T#R#S$]#T#o$]~%TOX~~%WQwx$]#O#P$]Q%cY[Q{|%^}!O%^!O!P%^!P!Q%^!Q![%^![!]%^!b!c%^!c!}%^#R#S%^#T#o%^~&WOU~R&_Y[QTP{|%^}!O%^!O!P&W!P!Q%^!Q![&W![!]%^!b!c%^!c!}&W#R#S&W#T#o&W",
+  tokenizers: [0, 1],
+  topRules: {"DotenvFile":[0,1]},
+  tokenPrec: 0
+});
+
+export { parser };
+//# sourceMappingURL=dotEnv.grammar.mjs.map

package/dist/js/packages/components/src/components/CodeEditor/languages/dotEnv/dotEnv.grammar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dotEnv.grammar.mjs","sources":["../../../../../../../../../src/components/CodeEditor/languages/dotEnv/dotEnv.grammar"],"sourcesContent":["// This file was generated by lezer-generator. You probably shouldn't edit it.\nimport {LRParser} from \"@lezer/lr\"\nexport const parser = LRParser.deserialize({\n  version: 14,\n  states: \"!vOVQPOOOeQPO'#C`OOQO'#Ci'#CiOjQPO'#C_OOQO'#Cm'#CmOoQPO'#C^QOQPOOO}QQO,58zOOQO,58y,58yOOQO-E6k-E6kOOQO'#Cd'#CdOOQO'#Cg'#CgOOQO'#Cc'#CcOOQO1G.f1G.f\",\n  stateData: \"!]~OdOS~OTPO^QO`_PbQP~OUVO~O`WO~OTPO^QO`_PbQX~OXYOYYO[ZO`Sa~O\",\n  goto: \"zbPPcfjPPnqPPqPjPjPtRUOTSOTTROTR]VR[VQTORXT\",\n  nodeNames: \"⚠ DotenvFile Document Line EnvVarAssignment Identifier Equal Value StringValue SQString DQString BareValue BareValueToken Comment CommentToken BlankLine Newline\",\n  maxTerm: 20,\n  skippedNodes: [0],\n  repeatNodeCount: 1,\n  tokenData: \"&}~RbXY!ZYZ!f]^!kpq!Zrs!sst#}wx$]{|%^}!O%^!O!P%^!P!Q%^!Q![%^![!]%^!_!`&R!b!c%^!c!}&W#R#S&W#T#o&W~!`Qd~XY!Zpq!Z~!kO`~~!pP`~YZ!f~!vYpq!srs#f}!O!s!O!P!s!P!Q!s!Q![!s!c!}!s#O#P#k#R#S!s#T#o!s~#kOY~~#nTrs!s#O#P!s#b#c!s#f#g!s#h#i!s~$SR^~YZ#}]^#}#Q#R#}~$`Ypq$]wx%O}!O$]!O!P$]!P!Q$]!Q![$]!c!}$]#O#P%T#R#S$]#T#o$]~%TOX~~%WQwx$]#O#P$]Q%cY[Q{|%^}!O%^!O!P%^!P!Q%^!Q![%^![!]%^!b!c%^!c!}%^#R#S%^#T#o%^~&WOU~R&_Y[QTP{|%^}!O%^!O!P&W!P!Q%^!Q![&W![!]%^!b!c%^!c!}&W#R#S&W#T#o&W\",\n  tokenizers: [0, 1],\n  topRules: {\"DotenvFile\":[0,1]},\n  tokenPrec: 0\n})\n"],"names":[],"mappings":";;AAAA;AAEY,MAAC,MAAM,GAAG,QAAQ,CAAC,WAAW,CAAC;AAC3C,EAAE,OAAO,EAAE,EAAE;AACb,EAAE,MAAM,EAAE,oJAAoJ;AAC9J,EAAE,SAAS,EAAE,+DAA+D;AAC5E,EAAE,IAAI,EAAE,6CAA6C;AACrD,EAAE,SAAS,EAAE,kKAAkK;AAC/K,EAAE,OAAO,EAAE,EAAE;AACb,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC;AACnB,EAAE,eAAe,EAAE,CAAC;AACpB,EAAE,SAAS,EAAE,0cAA0c;AACvd,EAAE,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACpB,EAAE,QAAQ,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAChC,EAAE,SAAS,EAAE;AACb,CAAC;;;;"}

package/dist/js/packages/components/src/components/CodeEditor/languages/dotEnv/index.mjs

@@ -1,83 +1,93 @@
-import { parser } from "./dotEnv.mjs";
-import { HighlightStyle, LRLanguage, LanguageSupport, syntaxHighlighting, syntaxTree } from "@codemirror/language";
-import { linter } from "@codemirror/lint";
-import { styleTags, tags } from "@lezer/highlight";
-//#region src/components/CodeEditor/languages/dotEnv/index.tsx
-var definedStyle = HighlightStyle.define([{
-	tag: tags.variableName,
-	fontWeight: "bold"
-}, {
-	tag: tags.lineComment,
-	fontStyle: "italic"
-}]);
-var envHighlighting = styleTags({
-	Identifier: tags.variableName,
-	Equal: tags.operator,
-	SQString: tags.string,
-	DQString: tags.string,
-	BareValueToken: tags.string,
-	Comment: tags.lineComment,
-	Hash: tags.lineComment
+import { HighlightStyle, LRLanguage, LanguageSupport, syntaxHighlighting, syntaxTree } from '@codemirror/language';
+import { linter } from '@codemirror/lint';
+import { tags, styleTags } from '@lezer/highlight';
+import { parser } from './dotEnv.grammar.mjs';
+
+const definedStyle = HighlightStyle.define([
+  { tag: tags.variableName, fontWeight: "bold" },
+  { tag: tags.lineComment, fontStyle: "italic" }
+]);
+const envHighlighting = styleTags({
+  Identifier: tags.variableName,
+  Equal: tags.operator,
+  SQString: tags.string,
+  DQString: tags.string,
+  BareValueToken: tags.string,
+  Comment: tags.lineComment,
+  Hash: tags.lineComment
 });
-var lrLanguage = LRLanguage.define({
-	parser: parser.configure({ props: [envHighlighting] }),
-	languageData: { commentTokens: { line: "#" } }
+const lrLanguage = LRLanguage.define({
+  parser: parser.configure({
+    props: [envHighlighting]
+  }),
+  languageData: {
+    commentTokens: { line: "#" }
+  }
 });
-var language = [
-	() => syntaxHighlighting(definedStyle),
-	() => new LanguageSupport(lrLanguage),
-	() => linter((view) => {
-		const diagnostics = [];
-		const doc = view.state.doc;
-		const seenIdentifiers = /* @__PURE__ */ new Set();
-		const errorNodes = [];
-		syntaxTree(view.state).iterate({ enter: (node) => {
-			const from = node.from;
-			const to = node.to;
-			if (node.type.isError) errorNodes.push({
-				from,
-				to
-			});
-			if (node.name === "Identifier") {
-				const identifier = doc.sliceString(from, to);
-				if (seenIdentifiers.has(identifier)) diagnostics.push({
-					from,
-					to: from + identifier.length,
-					severity: "error",
-					message: `Duplicate key "${identifier}" found.`
-				});
-				seenIdentifiers.add(identifier);
-				if (identifier !== identifier.toUpperCase()) diagnostics.push({
-					from,
-					to,
-					severity: "warning",
-					message: "Variable names are usually uppercase (e.g. DATABASE_URL)"
-				});
-			}
-		} });
-		if (errorNodes.length) {
-			const lastError = errorNodes[errorNodes.length - 1];
-			const docText = doc.toString();
-			const docEnd = doc.length;
-			const isLastErrorAtEOF = lastError?.from === docEnd && lastError?.to === docEnd;
-			const hasNoFinalNewline = !docText.endsWith("\n");
-			if (isLastErrorAtEOF && hasNoFinalNewline) diagnostics.push({
-				from: docEnd,
-				to: docEnd,
-				severity: "error",
-				message: "Must end with a newline."
-			});
-			else errorNodes.forEach((node) => diagnostics.push({
-				from: node.from,
-				to: node.to,
-				severity: "error",
-				message: "Syntax error: Unexpected character or malformed assignment"
-			}));
-		}
-		return diagnostics;
-	})
+const language = [
+  () => syntaxHighlighting(definedStyle),
+  () => new LanguageSupport(lrLanguage),
+  () => linter((view) => {
+    const diagnostics = [];
+    const doc = view.state.doc;
+    const seenIdentifiers = /* @__PURE__ */ new Set();
+    const errorNodes = [];
+    syntaxTree(view.state).iterate({
+      enter: (node) => {
+        const from = node.from;
+        const to = node.to;
+        if (node.type.isError) {
+          errorNodes.push({ from, to });
+        }
+        if (node.name === "Identifier") {
+          const identifier = doc.sliceString(from, to);
+          if (seenIdentifiers.has(identifier)) {
+            diagnostics.push({
+              from,
+              to: from + identifier.length,
+              severity: "error",
+              message: `Duplicate key "${identifier}" found.`
+            });
+          }
+          seenIdentifiers.add(identifier);
+          if (identifier !== identifier.toUpperCase()) {
+            diagnostics.push({
+              from,
+              to,
+              severity: "warning",
+              message: "Variable names are usually uppercase (e.g. DATABASE_URL)"
+            });
+          }
+        }
+      }
+    });
+    if (errorNodes.length) {
+      const lastError = errorNodes[errorNodes.length - 1];
+      const docText = doc.toString();
+      const docEnd = doc.length;
+      const isLastErrorAtEOF = lastError?.from === docEnd && lastError?.to === docEnd;
+      const hasNoFinalNewline = !docText.endsWith("\n");
+      if (isLastErrorAtEOF && hasNoFinalNewline) {
+        diagnostics.push({
+          from: docEnd,
+          to: docEnd,
+          severity: "error",
+          message: "Must end with a newline."
+        });
+      } else {
+        errorNodes.forEach(
+          (node) => diagnostics.push({
+            from: node.from,
+            to: node.to,
+            severity: "error",
+            message: "Syntax error: Unexpected character or malformed assignment"
+          })
+        );
+      }
+    }
+    return diagnostics;
+  })
 ];
-//#endregion
-export { language as default };
 
-//# sourceMappingURL=index.mjs.map
+export { language as default };
+//# sourceMappingURL=index.mjs.map

package/dist/js/packages/components/src/components/CodeEditor/languages/dotEnv/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../../../../../src/components/CodeEditor/languages/dotEnv/index.tsx"],"sourcesContent":["import {\n  HighlightStyle,\n  LanguageSupport,\n  LRLanguage,\n  syntaxHighlighting,\n  syntaxTree,\n} from \"@codemirror/language\";\nimport type { Diagnostic } from \"@codemirror/lint\";\nimport { linter } from \"@codemirror/lint\";\nimport { styleTags, tags as t } from \"@lezer/highlight\";\nimport * as dotEnvGrammar from \"./dotEnv.grammar\";\nimport type { LanguageContainer } from \"@/components/CodeEditor/languages\";\n\nconst definedStyle = HighlightStyle.define([\n  { tag: t.variableName, fontWeight: \"bold\" },\n  { tag: t.lineComment, fontStyle: \"italic\" },\n]);\n\nconst envHighlighting = styleTags({\n  Identifier: t.variableName,\n  Equal: t.operator,\n  SQString: t.string,\n  DQString: t.string,\n  BareValueToken: t.string,\n  Comment: t.lineComment,\n  Hash: t.lineComment,\n});\n\nconst lrLanguage = LRLanguage.define({\n  parser: dotEnvGrammar.parser.configure({\n    props: [envHighlighting],\n  }),\n  languageData: {\n    commentTokens: { line: \"#\" },\n  },\n});\n\nexport const validator = (input: string) => {\n  let isValid = true;\n  lrLanguage.parser.parse(input).iterate({\n    enter: (node) => {\n      if (node.type.isError) {\n        isValid = false;\n      }\n    },\n  });\n\n  return isValid;\n};\n\nconst language: LanguageContainer = [\n  () => syntaxHighlighting(definedStyle),\n  () => new LanguageSupport(lrLanguage),\n  () =>\n    linter((view) => {\n      const diagnostics: Diagnostic[] = [];\n      const doc = view.state.doc;\n      const seenIdentifiers = new Set<string>();\n\n      const errorNodes: { from: number; to: number }[] = [];\n\n      syntaxTree(view.state).iterate({\n        enter: (node) => {\n          const from = node.from;\n          const to = node.to;\n\n          if (node.type.isError) {\n            errorNodes.push({ from, to });\n          }\n\n          if (node.name === \"Identifier\") {\n            const identifier = doc.sliceString(from, to);\n\n            if (seenIdentifiers.has(identifier)) {\n              diagnostics.push({\n                from,\n                to: from + identifier.length,\n                severity: \"error\",\n                message: `Duplicate key \"${identifier}\" found.`,\n              });\n            }\n            seenIdentifiers.add(identifier);\n\n            if (identifier !== identifier.toUpperCase()) {\n              diagnostics.push({\n                from,\n                to,\n                severity: \"warning\",\n                message:\n                  \"Variable names are usually uppercase (e.g. DATABASE_URL)\",\n              });\n            }\n          }\n        },\n      });\n\n      if (errorNodes.length) {\n        const lastError = errorNodes[errorNodes.length - 1];\n        const docText = doc.toString();\n        const docEnd = doc.length;\n\n        const isLastErrorAtEOF =\n          lastError?.from === docEnd && lastError?.to === docEnd;\n\n        const hasNoFinalNewline = !docText.endsWith(\"\\n\");\n\n        if (isLastErrorAtEOF && hasNoFinalNewline) {\n          diagnostics.push({\n            from: docEnd,\n            to: docEnd,\n            severity: \"error\",\n            message: \"Must end with a newline.\",\n          });\n        } else {\n          errorNodes.forEach((node) =>\n            diagnostics.push({\n              from: node.from,\n              to: node.to,\n              severity: \"error\",\n              message:\n                \"Syntax error: Unexpected character or malformed assignment\",\n            }),\n          );\n        }\n      }\n\n      return diagnostics;\n    }),\n];\n\nexport default language;\n"],"mappings":";;;;;AAaA,IAAM,eAAe,eAAe,OAAO,CACzC;CAAE,KAAK,KAAE;CAAc,YAAY;AAAO,GAC1C;CAAE,KAAK,KAAE;CAAa,WAAW;AAAS,CAC5C,CAAC;AAED,IAAM,kBAAkB,UAAU;CAChC,YAAY,KAAE;CACd,OAAO,KAAE;CACT,UAAU,KAAE;CACZ,UAAU,KAAE;CACZ,gBAAgB,KAAE;CAClB,SAAS,KAAE;CACX,MAAM,KAAE;AACV,CAAC;AAED,IAAM,aAAa,WAAW,OAAO;CACnC,QAAA,OAA6B,UAAU,EACrC,OAAO,CAAC,eAAe,EACzB,CAAC;CACD,cAAc,EACZ,eAAe,EAAE,MAAM,IAAI,EAC7B;AACF,CAAC;AAeD,IAAM,WAA8B;OAC5B,mBAAmB,YAAY;OAC/B,IAAI,gBAAgB,UAAU;OAElC,QAAQ,SAAS;EACf,MAAM,cAA4B,CAAC;EACnC,MAAM,MAAM,KAAK,MAAM;EACvB,MAAM,kCAAkB,IAAI,IAAY;EAExC,MAAM,aAA6C,CAAC;EAEpD,WAAW,KAAK,KAAK,EAAE,QAAQ,EAC7B,QAAQ,SAAS;GACf,MAAM,OAAO,KAAK;GAClB,MAAM,KAAK,KAAK;GAEhB,IAAI,KAAK,KAAK,SACZ,WAAW,KAAK;IAAE;IAAM;GAAG,CAAC;GAG9B,IAAI,KAAK,SAAS,cAAc;IAC9B,MAAM,aAAa,IAAI,YAAY,MAAM,EAAE;IAE3C,IAAI,gBAAgB,IAAI,UAAU,GAChC,YAAY,KAAK;KACf;KACA,IAAI,OAAO,WAAW;KACtB,UAAU;KACV,SAAS,kBAAkB,WAAW;IACxC,CAAC;IAEH,gBAAgB,IAAI,UAAU;IAE9B,IAAI,eAAe,WAAW,YAAY,GACxC,YAAY,KAAK;KACf;KACA;KACA,UAAU;KACV,SACE;IACJ,CAAC;GAEL;EACF,EACF,CAAC;EAED,IAAI,WAAW,QAAQ;GACrB,MAAM,YAAY,WAAW,WAAW,SAAS;GACjD,MAAM,UAAU,IAAI,SAAS;GAC7B,MAAM,SAAS,IAAI;GAEnB,MAAM,mBACJ,WAAW,SAAS,UAAU,WAAW,OAAO;GAElD,MAAM,oBAAoB,CAAC,QAAQ,SAAS,IAAI;GAEhD,IAAI,oBAAoB,mBACtB,YAAY,KAAK;IACf,MAAM;IACN,IAAI;IACJ,UAAU;IACV,SAAS;GACX,CAAC;QAED,WAAW,SAAS,SAClB,YAAY,KAAK;IACf,MAAM,KAAK;IACX,IAAI,KAAK;IACT,UAAU;IACV,SACE;GACJ,CAAC,CACH;EAEJ;EAEA,OAAO;CACT,CAAC;AACL"}
+{"version":3,"file":"index.mjs","sources":["../../../../../../../../../src/components/CodeEditor/languages/dotEnv/index.tsx"],"sourcesContent":["import {\n  HighlightStyle,\n  LanguageSupport,\n  LRLanguage,\n  syntaxHighlighting,\n  syntaxTree,\n} from \"@codemirror/language\";\nimport type { Diagnostic } from \"@codemirror/lint\";\nimport { linter } from \"@codemirror/lint\";\nimport { styleTags, tags as t } from \"@lezer/highlight\";\nimport * as dotEnvGrammar from \"./dotEnv.grammar\";\nimport type { LanguageContainer } from \"@/components/CodeEditor/languages\";\n\nconst definedStyle = HighlightStyle.define([\n  { tag: t.variableName, fontWeight: \"bold\" },\n  { tag: t.lineComment, fontStyle: \"italic\" },\n]);\n\nconst envHighlighting = styleTags({\n  Identifier: t.variableName,\n  Equal: t.operator,\n  SQString: t.string,\n  DQString: t.string,\n  BareValueToken: t.string,\n  Comment: t.lineComment,\n  Hash: t.lineComment,\n});\n\nconst lrLanguage = LRLanguage.define({\n  parser: dotEnvGrammar.parser.configure({\n    props: [envHighlighting],\n  }),\n  languageData: {\n    commentTokens: { line: \"#\" },\n  },\n});\n\nexport const validator = (input: string) => {\n  let isValid = true;\n  lrLanguage.parser.parse(input).iterate({\n    enter: (node) => {\n      if (node.type.isError) {\n        isValid = false;\n      }\n    },\n  });\n\n  return isValid;\n};\n\nconst language: LanguageContainer = [\n  () => syntaxHighlighting(definedStyle),\n  () => new LanguageSupport(lrLanguage),\n  () =>\n    linter((view) => {\n      const diagnostics: Diagnostic[] = [];\n      const doc = view.state.doc;\n      const seenIdentifiers = new Set<string>();\n\n      const errorNodes: { from: number; to: number }[] = [];\n\n      syntaxTree(view.state).iterate({\n        enter: (node) => {\n          const from = node.from;\n          const to = node.to;\n\n          if (node.type.isError) {\n            errorNodes.push({ from, to });\n          }\n\n          if (node.name === \"Identifier\") {\n            const identifier = doc.sliceString(from, to);\n\n            if (seenIdentifiers.has(identifier)) {\n              diagnostics.push({\n                from,\n                to: from + identifier.length,\n                severity: \"error\",\n                message: `Duplicate key \"${identifier}\" found.`,\n              });\n            }\n            seenIdentifiers.add(identifier);\n\n            if (identifier !== identifier.toUpperCase()) {\n              diagnostics.push({\n                from,\n                to,\n                severity: \"warning\",\n                message:\n                  \"Variable names are usually uppercase (e.g. DATABASE_URL)\",\n              });\n            }\n          }\n        },\n      });\n\n      if (errorNodes.length) {\n        const lastError = errorNodes[errorNodes.length - 1];\n        const docText = doc.toString();\n        const docEnd = doc.length;\n\n        const isLastErrorAtEOF =\n          lastError?.from === docEnd && lastError?.to === docEnd;\n\n        const hasNoFinalNewline = !docText.endsWith(\"\\n\");\n\n        if (isLastErrorAtEOF && hasNoFinalNewline) {\n          diagnostics.push({\n            from: docEnd,\n            to: docEnd,\n            severity: \"error\",\n            message: \"Must end with a newline.\",\n          });\n        } else {\n          errorNodes.forEach((node) =>\n            diagnostics.push({\n              from: node.from,\n              to: node.to,\n              severity: \"error\",\n              message:\n                \"Syntax error: Unexpected character or malformed assignment\",\n            }),\n          );\n        }\n      }\n\n      return diagnostics;\n    }),\n];\n\nexport default language;\n"],"names":["t","dotEnvGrammar.parser"],"mappings":";;;;;AAaA,MAAM,YAAA,GAAe,eAAe,MAAA,CAAO;AAAA,EACzC,EAAE,GAAA,EAAKA,IAAA,CAAE,YAAA,EAAc,YAAY,MAAA,EAAO;AAAA,EAC1C,EAAE,GAAA,EAAKA,IAAA,CAAE,WAAA,EAAa,WAAW,QAAA;AACnC,CAAC,CAAA;AAED,MAAM,kBAAkB,SAAA,CAAU;AAAA,EAChC,YAAYA,IAAA,CAAE,YAAA;AAAA,EACd,OAAOA,IAAA,CAAE,QAAA;AAAA,EACT,UAAUA,IAAA,CAAE,MAAA;AAAA,EACZ,UAAUA,IAAA,CAAE,MAAA;AAAA,EACZ,gBAAgBA,IAAA,CAAE,MAAA;AAAA,EAClB,SAASA,IAAA,CAAE,WAAA;AAAA,EACX,MAAMA,IAAA,CAAE;AACV,CAAC,CAAA;AAED,MAAM,UAAA,GAAa,WAAW,MAAA,CAAO;AAAA,EACnC,MAAA,EAAQC,MAAc,CAAO,SAAA,CAAU;AAAA,IACrC,KAAA,EAAO,CAAC,eAAe;AAAA,GACxB,CAAA;AAAA,EACD,YAAA,EAAc;AAAA,IACZ,aAAA,EAAe,EAAE,IAAA,EAAM,GAAA;AAAI;AAE/B,CAAC,CAAA;AAeD,MAAM,QAAA,GAA8B;AAAA,EAClC,MAAM,mBAAmB,YAAY,CAAA;AAAA,EACrC,MAAM,IAAI,eAAA,CAAgB,UAAU,CAAA;AAAA,EACpC,MACE,MAAA,CAAO,CAAC,IAAA,KAAS;AACf,IAAA,MAAM,cAA4B,EAAC;AACnC,IAAA,MAAM,GAAA,GAAM,KAAK,KAAA,CAAM,GAAA;AACvB,IAAA,MAAM,eAAA,uBAAsB,GAAA,EAAY;AAExC,IAAA,MAAM,aAA6C,EAAC;AAEpD,IAAA,UAAA,CAAW,IAAA,CAAK,KAAK,CAAA,CAAE,OAAA,CAAQ;AAAA,MAC7B,KAAA,EAAO,CAAC,IAAA,KAAS;AACf,QAAA,MAAM,OAAO,IAAA,CAAK,IAAA;AAClB,QAAA,MAAM,KAAK,IAAA,CAAK,EAAA;AAEhB,QAAA,IAAI,IAAA,CAAK,KAAK,OAAA,EAAS;AACrB,UAAA,UAAA,CAAW,IAAA,CAAK,EAAE,IAAA,EAAM,EAAA,EAAI,CAAA;AAAA,QAC9B;AAEA,QAAA,IAAI,IAAA,CAAK,SAAS,YAAA,EAAc;AAC9B,UAAA,MAAM,UAAA,GAAa,GAAA,CAAI,WAAA,CAAY,IAAA,EAAM,EAAE,CAAA;AAE3C,UAAA,IAAI,eAAA,CAAgB,GAAA,CAAI,UAAU,CAAA,EAAG;AACnC,YAAA,WAAA,CAAY,IAAA,CAAK;AAAA,cACf,IAAA;AAAA,cACA,EAAA,EAAI,OAAO,UAAA,CAAW,MAAA;AAAA,cACtB,QAAA,EAAU,OAAA;AAAA,cACV,OAAA,EAAS,kBAAkB,UAAU,CAAA,QAAA;AAAA,aACtC,CAAA;AAAA,UACH;AACA,UAAA,eAAA,CAAgB,IAAI,UAAU,CAAA;AAE9B,UAAA,IAAI,UAAA,KAAe,UAAA,CAAW,WAAA,EAAY,EAAG;AAC3C,YAAA,WAAA,CAAY,IAAA,CAAK;AAAA,cACf,IAAA;AAAA,cACA,EAAA;AAAA,cACA,QAAA,EAAU,SAAA;AAAA,cACV,OAAA,EACE;AAAA,aACH,CAAA;AAAA,UACH;AAAA,QACF;AAAA,MACF;AAAA,KACD,CAAA;AAED,IAAA,IAAI,WAAW,MAAA,EAAQ;AACrB,MAAA,MAAM,SAAA,GAAY,UAAA,CAAW,UAAA,CAAW,MAAA,GAAS,CAAC,CAAA;AAClD,MAAA,MAAM,OAAA,GAAU,IAAI,QAAA,EAAS;AAC7B,MAAA,MAAM,SAAS,GAAA,CAAI,MAAA;AAEnB,MAAA,MAAM,gBAAA,GACJ,SAAA,EAAW,IAAA,KAAS,MAAA,IAAU,WAAW,EAAA,KAAO,MAAA;AAElD,MAAA,MAAM,iBAAA,GAAoB,CAAC,OAAA,CAAQ,QAAA,CAAS,IAAI,CAAA;AAEhD,MAAA,IAAI,oBAAoB,iBAAA,EAAmB;AACzC,QAAA,WAAA,CAAY,IAAA,CAAK;AAAA,UACf,IAAA,EAAM,MAAA;AAAA,UACN,EAAA,EAAI,MAAA;AAAA,UACJ,QAAA,EAAU,OAAA;AAAA,UACV,OAAA,EAAS;AAAA,SACV,CAAA;AAAA,MACH,CAAA,MAAO;AACL,QAAA,UAAA,CAAW,OAAA;AAAA,UAAQ,CAAC,IAAA,KAClB,WAAA,CAAY,IAAA,CAAK;AAAA,YACf,MAAM,IAAA,CAAK,IAAA;AAAA,YACX,IAAI,IAAA,CAAK,EAAA;AAAA,YACT,QAAA,EAAU,OAAA;AAAA,YACV,OAAA,EACE;AAAA,WACH;AAAA,SACH;AAAA,MACF;AAAA,IACF;AAEA,IAAA,OAAO,WAAA;AAAA,EACT,CAAC;AACL;;;;"}

package/dist/js/packages/components/src/components/CodeEditor/languages/index.mjs

@@ -1,14 +1,15 @@
-import language from "./dotEnv/index.mjs";
-import { langs } from "@uiw/codemirror-extensions-langs";
-import "@codemirror/language";
-//#region src/components/CodeEditor/languages/index.ts
-var supportedCodeEditorLanguages = {};
+import { langs } from '@uiw/codemirror-extensions-langs';
+import '@codemirror/language';
+import language from './dotEnv/index.mjs';
+
+const supportedCodeEditorLanguages = {};
 Object.keys(langs).forEach((key) => {
-	const languageKey = key;
-	supportedCodeEditorLanguages[languageKey] = [langs[languageKey]];
+  const languageKey = key;
+  supportedCodeEditorLanguages[languageKey] = [
+    langs[languageKey]
+  ];
 });
 supportedCodeEditorLanguages.dotEnv = language;
-//#endregion
-export { supportedCodeEditorLanguages as default };
 
-//# sourceMappingURL=index.mjs.map
+export { supportedCodeEditorLanguages as default };
+//# sourceMappingURL=index.mjs.map

package/dist/js/packages/components/src/components/CodeEditor/languages/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../../../../src/components/CodeEditor/languages/index.ts"],"sourcesContent":["import { langs, type LanguageName } from \"@uiw/codemirror-extensions-langs\";\nimport {\n  type LanguageSupport,\n  type StreamLanguage,\n} from \"@codemirror/language\";\nimport type { linter } from \"@codemirror/lint\";\nimport type { Extension } from \"@uiw/react-codemirror\";\nimport DotEnvLanguage from \"@/components/CodeEditor/languages/dotEnv\";\nimport type { ALL_LANGUAGES } from \"@/components/CodeEditor/languages/all\";\n\nexport type CodeEditorLanguage = (typeof ALL_LANGUAGES)[number];\n\nexport type LanguageFactory = Record<\n  CodeEditorLanguage,\n  (() =>\n    | StreamLanguage<unknown>\n    | LanguageSupport\n    | Extension\n    | ReturnType<typeof linter>)[]\n>;\n\nexport type LanguageContainer = [\n  () => Extension,\n  () => LanguageSupport,\n  () => ReturnType<typeof linter>,\n];\n\nconst supportedCodeEditorLanguages: LanguageFactory = {} as never;\nObject.keys(langs).forEach((key) => {\n  const languageKey = key as CodeEditorLanguage;\n  supportedCodeEditorLanguages[languageKey] = [\n    langs[languageKey as LanguageName],\n  ];\n});\n\nsupportedCodeEditorLanguages.dotEnv = DotEnvLanguage;\n\nexport default supportedCodeEditorLanguages;\n"],"mappings":";;;;AA2BA,IAAM,+BAAgD,CAAC;AACvD,OAAO,KAAK,KAAK,EAAE,SAAS,QAAQ;CAClC,MAAM,cAAc;CACpB,6BAA6B,eAAe,CAC1C,MAAM,YACR;AACF,CAAC;AAED,6BAA6B,SAAS"}
+{"version":3,"file":"index.mjs","sources":["../../../../../../../../src/components/CodeEditor/languages/index.ts"],"sourcesContent":["import { langs, type LanguageName } from \"@uiw/codemirror-extensions-langs\";\nimport {\n  type LanguageSupport,\n  type StreamLanguage,\n} from \"@codemirror/language\";\nimport type { linter } from \"@codemirror/lint\";\nimport type { Extension } from \"@uiw/react-codemirror\";\nimport DotEnvLanguage from \"@/components/CodeEditor/languages/dotEnv\";\nimport type { ALL_LANGUAGES } from \"@/components/CodeEditor/languages/all\";\n\nexport type CodeEditorLanguage = (typeof ALL_LANGUAGES)[number];\n\nexport type LanguageFactory = Record<\n  CodeEditorLanguage,\n  (() =>\n    | StreamLanguage<unknown>\n    | LanguageSupport\n    | Extension\n    | ReturnType<typeof linter>)[]\n>;\n\nexport type LanguageContainer = [\n  () => Extension,\n  () => LanguageSupport,\n  () => ReturnType<typeof linter>,\n];\n\nconst supportedCodeEditorLanguages: LanguageFactory = {} as never;\nObject.keys(langs).forEach((key) => {\n  const languageKey = key as CodeEditorLanguage;\n  supportedCodeEditorLanguages[languageKey] = [\n    langs[languageKey as LanguageName],\n  ];\n});\n\nsupportedCodeEditorLanguages.dotEnv = DotEnvLanguage;\n\nexport default supportedCodeEditorLanguages;\n"],"names":["DotEnvLanguage"],"mappings":";;;;AA2BA,MAAM,+BAAgD;AACtD,MAAA,CAAO,IAAA,CAAK,KAAK,CAAA,CAAE,OAAA,CAAQ,CAAC,GAAA,KAAQ;AAClC,EAAA,MAAM,WAAA,GAAc,GAAA;AACpB,EAAA,4BAAA,CAA6B,WAAW,CAAA,GAAI;AAAA,IAC1C,MAAM,WAA2B;AAAA,GACnC;AACF,CAAC,CAAA;AAED,4BAAA,CAA6B,MAAA,GAASA,QAAA;;;;"}

package/dist/js/packages/components/src/components/CodeEditor/themes/defaultEditorTheme.mjs

@@ -1,66 +1,43 @@
 "use client"
 /* */
-import { tags } from "@lezer/highlight";
-import { githubLightInit } from "@uiw/codemirror-theme-github";
-//#region src/components/CodeEditor/themes/defaultEditorTheme.ts
-var defaultLightTheme = githubLightInit({
-	theme: "light",
-	settings: {
-		fontSize: "var(--code-editor--font-size)",
-		fontFamily: "var(--code-editor--font-family)",
-		foreground: "var(--form-control--content-color--default)",
-		background: "transparent",
-		gutterBackground: "var(--form-control--background-color--default)",
-		gutterForeground: "var(--form-control--content-color--default)"
-	},
-	styles: [
-		{
-			tag: tags.keyword,
-			color: "var(--color--code-syntax--keyword)"
-		},
-		{
-			tag: [
-				tags.typeName,
-				tags.className,
-				tags.tagName
-			],
-			color: "var(--color--code-syntax--type)"
-		},
-		{
-			tag: tags.variableName,
-			color: "var(--color--code-syntax--variable)"
-		},
-		{
-			tag: [tags.propertyName, tags.attributeName],
-			color: "var(--color--code-syntax--property)"
-		},
-		{
-			tag: [tags.string, tags.regexp],
-			color: "var(--color--code-syntax--string)"
-		},
-		{
-			tag: tags.number,
-			color: "var(--color--code-syntax--number)"
-		},
-		{
-			tag: tags.comment,
-			color: "var(--color--code-syntax--comment)"
-		},
-		{
-			tag: [tags.function(tags.variableName), tags.function(tags.propertyName)],
-			color: "var(--color--code-syntax--function)"
-		},
-		{
-			tag: [tags.operator, tags.typeOperator],
-			color: "var(--color--code-syntax--operator)"
-		},
-		{
-			tag: tags.invalid,
-			color: "var(--color--code-syntax--invalid)"
-		}
-	]
+import { githubLightInit } from '@uiw/codemirror-theme-github';
+import { tags } from '@lezer/highlight';
+
+const defaultLightTheme = githubLightInit({
+  theme: "light",
+  settings: {
+    fontSize: "var(--code-editor--font-size)",
+    fontFamily: "var(--code-editor--font-family)",
+    foreground: "var(--form-control--content-color--default)",
+    background: "transparent",
+    gutterBackground: "var(--form-control--background-color--default)",
+    gutterForeground: "var(--form-control--content-color--default)"
+  },
+  styles: [
+    { tag: tags.keyword, color: "var(--color--code-syntax--keyword)" },
+    {
+      tag: [tags.typeName, tags.className, tags.tagName],
+      color: "var(--color--code-syntax--type)"
+    },
+    { tag: tags.variableName, color: "var(--color--code-syntax--variable)" },
+    {
+      tag: [tags.propertyName, tags.attributeName],
+      color: "var(--color--code-syntax--property)"
+    },
+    { tag: [tags.string, tags.regexp], color: "var(--color--code-syntax--string)" },
+    { tag: tags.number, color: "var(--color--code-syntax--number)" },
+    { tag: tags.comment, color: "var(--color--code-syntax--comment)" },
+    {
+      tag: [tags.function(tags.variableName), tags.function(tags.propertyName)],
+      color: "var(--color--code-syntax--function)"
+    },
+    {
+      tag: [tags.operator, tags.typeOperator],
+      color: "var(--color--code-syntax--operator)"
+    },
+    { tag: tags.invalid, color: "var(--color--code-syntax--invalid)" }
+  ]
 });
-//#endregion
-export { defaultLightTheme };
 
-//# sourceMappingURL=defaultEditorTheme.mjs.map
+export { defaultLightTheme };
+//# sourceMappingURL=defaultEditorTheme.mjs.map