@dineug/erd-editor 4.1.0 → 5.0.0

package/dist/components/generator-code/GeneratorCode.js

@@ -0,0 +1,96 @@
+import { query } from "../../erd-editor-schema/dist/query/index.js";
+import { arrayHas } from "../../utils/arrayHas.js";
+import { onBeforeMount } from "../../r-html/dist/render/part/node/component/hooks.js";
+import { observable, watch } from "../../r-html/dist/observable/index.js";
+import { nextTick } from "../../r-html/dist/observable/scheduler.js";
+import { html } from "../../r-html/dist/render/index.js";
+import { createRef, ref } from "../../r-html/dist/render/directives/attribute/ref.js";
+import { useAppContext } from "../appContext.js";
+import { useI18n } from "../localeContext.js";
+import Icon from "../primitives/icon/Icon.js";
+import { reportCopy } from "../toast-container/openStatusToast.js";
+import { useUnmounted } from "../../hooks/useUnmounted.js";
+import { exportCode } from "../../utils/file/exportFile.js";
+import { useContextMenuRootProvider } from "../primitives/context-menu/context-menu-root/contextMenuRootContext.js";
+import { resolvePanel } from "../schema-sql/schemaSQLView.js";
+import { generatorCodeViewOf } from "./generatorCodeView.js";
+import { codeFileExtension } from "./languageSettings.js";
+import GeneratorCodeContextMenu from "./generator-code-context-menu/GeneratorCodeContextMenu.js";
+import { icon } from "../schema-sql/schema-sql-options/SchemaSQLOptions.styles.js";
+import { keepSpace } from "../schema-sql/schema-sql-options/SchemaSQLOptions.js";
+import GeneratorCodeOptions from "./generator-code-options/GeneratorCodeOptions.js";
+import CodeBlock from "../primitives/code-block/CodeBlock.js";
+import { code, root, show } from "../schema-sql/SchemaSQL.styles.js";
+import { LanguageToLangMap } from "../../constants/language.js";
+import { copyToClipboard } from "../../utils/clipboard.js";
+import { createGeneratorCode, createGeneratorCodeTable } from "../../utils/generator-code/index.js";
+//#region src/components/generator-code/GeneratorCode.tsx
+var hasPropName = arrayHas([
+	"language",
+	"database",
+	"tableNameCase",
+	"columnNameCase",
+	"bracketType"
+]);
+var GeneratorCode = (props, ctx) => {
+	const app = useAppContext(ctx);
+	const i18n = useI18n(ctx);
+	const { addUnsubscribe } = useUnmounted();
+	const contextMenu = useContextMenuRootProvider(ctx);
+	const root$1 = createRef();
+	const showButton = createRef();
+	const state = observable({ code: "" });
+	const setCode = () => {
+		const { store } = app.value;
+		if (props.tableId) {
+			const { collections } = store.state;
+			const table = query(collections).collection("tableEntities").selectById(props.tableId);
+			if (table) state.code = createGeneratorCodeTable(store.state, table);
+		} else state.code = createGeneratorCode(store.state);
+	};
+	const handleCopy = () => {
+		reportCopy(app.value.emitter, copyToClipboard(state.code));
+	};
+	const handleSave = () => {
+		const { settings } = app.value.store.state;
+		exportCode(state.code, codeFileExtension(settings.language), settings.databaseName);
+	};
+	const handleHide = () => {
+		generatorCodeViewOf(app.value).panel = "closed";
+		nextTick(() => nextTick(() => showButton.value?.focus()));
+	};
+	const handleShow = () => {
+		generatorCodeViewOf(app.value).panel = "open";
+		nextTick(() => {
+			root$1.value?.querySelector(".generator-code-options-hide")?.focus();
+		});
+	};
+	const handleContextmenuClose = () => {
+		contextMenu.state.show = false;
+	};
+	onBeforeMount(() => {
+		const { store } = app.value;
+		const { settings } = store.state;
+		setCode();
+		addUnsubscribe(watch(settings).subscribe((propName) => {
+			hasPropName(propName) && setCode();
+		}), watch(props).subscribe((propName) => {
+			propName === "tableId" && setCode();
+		}));
+	});
+	return () => {
+		const { store } = app.value;
+		const { t, dir } = i18n.value;
+		const lang = LanguageToLangMap[store.state.settings.language];
+		const full = !props.tableId;
+		const view = generatorCodeViewOf(app.value);
+		const panel = !full ? "unknown" : view.panel === "unset" ? resolvePanel(view, store.state.editor.viewport.width) : view.panel;
+		return html`<div ${ref(root$1)} class=${root} .dir="ltr" @mousedown=${contextMenu.onMousedown}><div class=${code} @contextmenu=${contextMenu.onContextmenu}><${CodeBlock} .lang=${lang} .theme=${props.isDarkMode ? "dark" : "light"} .value=${state.code} .onCopy=${handleCopy} .tools=${panel === "closed" ? html`<button ${ref(showButton)} type="button" class=${[
+			"generator-code-options-show",
+			icon,
+			show
+		]} aria-label=${t("code.showOptions")} title=${t("code.showOptions")} aria-expanded="false" @click=${handleShow} @keydown=${keepSpace}><${Icon} .name="panel-right-open" .size=${16} /></button>` : null} /></div>${panel === "open" ? html`<${GeneratorCodeOptions} .isDarkMode=${props.isDarkMode} .readonly=${Boolean(props.readonly)} .onHide=${handleHide} .onSave=${handleSave} .onCopy=${handleCopy} />` : null}</div>${contextMenu.state.show ? html`<div .dir=${dir}><${GeneratorCodeContextMenu} .full=${full} .onSave=${handleSave} .onClose=${handleContextmenuClose} /></div>` : null}`;
+	};
+};
+//#endregion
+export { GeneratorCode as default };

package/dist/components/generator-code/generator-code-context-menu/GeneratorCodeContextMenu.js

@@ -0,0 +1,49 @@
+import { KeyBindingName } from "../../../utils/keyboard-shortcut/index.js";
+import { onMounted } from "../../../r-html/dist/render/part/node/component/hooks.js";
+import { html } from "../../../r-html/dist/render/index.js";
+import { useAppContext } from "../../appContext.js";
+import { useI18n } from "../../localeContext.js";
+import Icon from "../../primitives/icon/Icon.js";
+import { useUnmounted } from "../../../hooks/useUnmounted.js";
+import ContextMenu from "../../primitives/context-menu/ContextMenu.js";
+import SubmenuChevron from "../../primitives/context-menu/submenu-chevron/SubmenuChevron.js";
+import { menuLabel } from "../../../i18n/menuLabel.js";
+import { createDatabaseMenus } from "../../erd/erd-context-menu/menus/databaseMenus.js";
+import { resolvePanel } from "../../schema-sql/schemaSQLView.js";
+import { generatorCodeViewOf, toggleGeneratorCodePanel } from "../generatorCodeView.js";
+import { readsBracket } from "../languageSettings.js";
+import { createBracketMenus } from "../../schema-sql/schema-sql-context-menu/menus/bracketMenus.js";
+import { createColumnNameCaseMenus } from "./menus/columnNameCaseMenus.js";
+import { createLanguageMenus } from "./menus/languageMenus.js";
+import { createTableNameCaseMenus } from "./menus/tableNameCaseMenus.js";
+//#region src/components/generator-code/generator-code-context-menu/GeneratorCodeContextMenu.tsx
+var GeneratorCodeContextMenu = (props, ctx) => {
+	const app = useAppContext(ctx);
+	const i18n = useI18n(ctx);
+	const chevronRightIcon = html`<${SubmenuChevron} />`;
+	const { addUnsubscribe } = useUnmounted();
+	onMounted(() => {
+		const { shortcut$ } = app.value;
+		addUnsubscribe(shortcut$.subscribe(({ type }) => {
+			type === KeyBindingName.stop && props.onClose();
+		}));
+	});
+	const handleTogglePanel = () => {
+		toggleGeneratorCodePanel(app.value);
+		props.onClose();
+	};
+	const handleSave = () => {
+		props.onSave?.();
+		props.onClose();
+	};
+	const renderChoices = (menus, literal) => html`${menus.map((menu) => html`<${ContextMenu.Item} .onClick=${menu.onClick} .children=${html`<${ContextMenu.Menu} .icon=${menu.checked ? html`<${Icon} .name="check" .size=${14} />` : null} .name=${menuLabel(i18n.value, menu)} .literal=${literal} />`} />`)}`;
+	return () => {
+		const { t } = i18n.value;
+		const { store } = app.value;
+		const { language } = store.state.settings;
+		const panelOpen = props.full && resolvePanel(generatorCodeViewOf(app.value), store.state.editor.viewport.width) === "open";
+		return html`<${ContextMenu.Root} .children=${html`<${ContextMenu.Item} .children=${html`<${ContextMenu.Menu} .icon=${html`<${Icon} .name="code" .size=${14} />`} .name=${t("common.codeLanguage")} .right=${chevronRightIcon} />`} .subChildren=${html`${createLanguageMenus(app.value).map((menu) => html`${menu.separated ? html`<${ContextMenu.Separator} />` : null}<${ContextMenu.Item} .onClick=${menu.onClick} .children=${html`<${ContextMenu.Menu} .icon=${menu.checked ? html`<${Icon} .name="check" .size=${14} />` : null} .name=${menu.name} .literal=${true} />`} />`)}`} /><${ContextMenu.Item} .children=${html`<${ContextMenu.Menu} .icon=${html`<${Icon} .name="database" .size=${14} />`} .name=${t("common.database")} .right=${chevronRightIcon} />`} .subChildren=${renderChoices(createDatabaseMenus(app.value), true)} /><${ContextMenu.Item} .children=${html`<${ContextMenu.Menu} .name=${t("common.tableNameCase")} .right=${chevronRightIcon} />`} .subChildren=${html`${createTableNameCaseMenus(app.value).map((menu) => html`<${ContextMenu.Item} .onClick=${menu.onClick} .children=${html`<${ContextMenu.Menu} .icon=${menu.checked ? html`<${Icon} .name="check" .size=${14} />` : null} .name=${menuLabel(i18n.value, menu)} />`} />`)}`} /><${ContextMenu.Item} .children=${html`<${ContextMenu.Menu} .name=${t("common.columnNameCase")} .right=${chevronRightIcon} />`} .subChildren=${html`${createColumnNameCaseMenus(app.value).map((menu) => html`<${ContextMenu.Item} .onClick=${menu.onClick} .children=${html`<${ContextMenu.Menu} .icon=${menu.checked ? html`<${Icon} .name="check" .size=${14} />` : null} .name=${menuLabel(i18n.value, menu)} />`} />`)}`} />${readsBracket(language) ? html`<${ContextMenu.Item} .children=${html`<${ContextMenu.Menu} .icon=${html`<${Icon} .name="brackets" .size=${14} />`} .name=${t("common.bracket")} .right=${chevronRightIcon} />`} .subChildren=${renderChoices(createBracketMenus(app.value), false)} />` : null}${props.full ? html`<${ContextMenu.Item} .onClick=${handleTogglePanel} .children=${html`<${ContextMenu.Menu} .icon=${panelOpen ? html`<${Icon} .name="check" .size=${14} />` : null} .name=${t("code.optionsPanel")} />`} /><${ContextMenu.Item} .onClick=${handleSave} .children=${html`<${ContextMenu.Menu} .icon=${html`<${Icon} .name="download" .size=${14} />`} .name=${t("code.saveFile")} />`} />` : null}`} />`;
+	};
+};
+//#endregion
+export { GeneratorCodeContextMenu as default };

package/dist/components/generator-code/generator-code-context-menu/menus/columnNameCaseMenus.js

@@ -0,0 +1,37 @@
+import { NameCase } from "../../../../constants/schema.js";
+import { changeColumnNameCaseAction } from "../../../../engine/modules/settings/atom.actions.js";
+//#region src/components/generator-code/generator-code-context-menu/menus/columnNameCaseMenus.ts
+var menus = [
+	{
+		name: "Pascal",
+		value: NameCase.pascalCase
+	},
+	{
+		name: "Camel",
+		value: NameCase.camelCase
+	},
+	{
+		name: "Snake",
+		value: NameCase.snakeCase
+	},
+	{
+		name: "None",
+		labelKey: "common.none",
+		value: NameCase.none
+	}
+];
+function createColumnNameCaseMenus({ store }) {
+	const { settings } = store.state;
+	return menus.map((menu) => {
+		return {
+			checked: menu.value === settings.columnNameCase,
+			name: menu.name,
+			labelKey: menu.labelKey,
+			onClick: () => {
+				store.dispatch(changeColumnNameCaseAction({ value: menu.value }));
+			}
+		};
+	});
+}
+//#endregion
+export { createColumnNameCaseMenus, menus };

package/dist/components/generator-code/generator-code-context-menu/menus/languageMenus.js

@@ -0,0 +1,115 @@
+import { Language } from "../../../../constants/schema.js";
+import { changeLanguageAction } from "../../../../engine/modules/settings/atom.actions.js";
+//#region src/components/generator-code/generator-code-context-menu/menus/languageMenus.ts
+var menuGroups = [
+	[
+		{
+			name: "C#",
+			value: Language.csharp
+		},
+		{
+			name: "Go",
+			value: Language.Go
+		},
+		{
+			name: "Java",
+			value: Language.Java
+		},
+		{
+			name: "Kotlin",
+			value: Language.Kotlin
+		},
+		{
+			name: "PHP",
+			value: Language.PHP
+		},
+		{
+			name: "Rust",
+			value: Language.Rust
+		},
+		{
+			name: "Scala",
+			value: Language.Scala
+		},
+		{
+			name: "Swift",
+			value: Language.Swift
+		},
+		{
+			name: "TypeScript",
+			value: Language.TypeScript
+		}
+	],
+	[
+		{
+			name: "Doctrine",
+			value: Language.Doctrine
+		},
+		{
+			name: "Drizzle",
+			value: Language.Drizzle
+		},
+		{
+			name: "JPA",
+			value: Language.JPA
+		},
+		{
+			name: "SeaORM",
+			value: Language.SeaORM
+		},
+		{
+			name: "Sequelize",
+			value: Language.Sequelize
+		},
+		{
+			name: "SQLAlchemy",
+			value: Language.SQLAlchemy
+		},
+		{
+			name: "TypeORM",
+			value: Language.TypeORM
+		}
+	],
+	[
+		{
+			name: "AML",
+			value: Language.AML
+		},
+		{
+			name: "DBML",
+			value: Language.DBML
+		},
+		{
+			name: "GraphQL",
+			value: Language.GraphQL
+		},
+		{
+			name: "JSON Schema",
+			value: Language.JSONSchema
+		},
+		{
+			name: "Mermaid",
+			value: Language.Mermaid
+		},
+		{
+			name: "Zod",
+			value: Language.Zod
+		}
+	]
+];
+var menus = menuGroups.flat();
+function createLanguageMenus({ store }) {
+	const { settings } = store.state;
+	return menuGroups.flatMap((group, groupIndex) => group.map((menu, index) => {
+		return {
+			checked: menu.value === settings.language,
+			name: menu.name,
+			separated: groupIndex > 0 && index === 0,
+			onClick: () => {
+				store.dispatch(changeLanguageAction({ value: menu.value }));
+			}
+		};
+	}));
+}
+//#endregion
+export { createLanguageMenus, menuGroups, menus };

package/dist/components/generator-code/generator-code-context-menu/menus/tableNameCaseMenus.js

@@ -0,0 +1,37 @@
+import { NameCase } from "../../../../constants/schema.js";
+import { changeTableNameCaseAction } from "../../../../engine/modules/settings/atom.actions.js";
+//#region src/components/generator-code/generator-code-context-menu/menus/tableNameCaseMenus.ts
+var menus = [
+	{
+		name: "Pascal",
+		value: NameCase.pascalCase
+	},
+	{
+		name: "Camel",
+		value: NameCase.camelCase
+	},
+	{
+		name: "Snake",
+		value: NameCase.snakeCase
+	},
+	{
+		name: "None",
+		labelKey: "common.none",
+		value: NameCase.none
+	}
+];
+function createTableNameCaseMenus({ store }) {
+	const { settings } = store.state;
+	return menus.map((menu) => {
+		return {
+			checked: menu.value === settings.tableNameCase,
+			name: menu.name,
+			labelKey: menu.labelKey,
+			onClick: () => {
+				store.dispatch(changeTableNameCaseAction({ value: menu.value }));
+			}
+		};
+	});
+}
+//#endregion
+export { createTableNameCaseMenus, menus };

package/dist/components/generator-code/generator-code-options/GeneratorCodeOptions.d.ts

@@ -3,14 +3,15 @@ import { FC } from '@dineug/r-html';
 export declare const GENERATOR_CODE_OPTIONS_ID = "generator-code-options";
 export type GeneratorCodeOptionsProps = {
     isDarkMode: boolean;
+    readonly: boolean;
     onHide: () => void;
     onSave: () => void;
     onCopy: () => void;
 };
 /**
- * The options beside the generated code: the settings the document saves that
- * change it, each dimmed while the language ignores it, then the buttons that
- * save and copy the text.
+ * The options beside the generated code: the settings that change it, which the
+ * document saves, or a readonly reader's screen alone, each dimmed while the
+ * language ignores it, then the buttons that save and copy the text.
  */
 declare const GeneratorCodeOptions: FC<GeneratorCodeOptionsProps>;
 export default GeneratorCodeOptions;

package/dist/components/generator-code/generator-code-options/GeneratorCodeOptions.js

@@ -0,0 +1,122 @@
+import { html } from "../../../r-html/dist/render/index.js";
+import { changeBracketTypeAction, changeColumnNameCaseAction, changeDatabaseAction, changeLanguageAction, changeTableNameCaseAction } from "../../../engine/modules/settings/atom.actions.js";
+import { useAppContext } from "../../appContext.js";
+import { useI18n } from "../../localeContext.js";
+import Icon from "../../primitives/icon/Icon.js";
+import { button, size2, soft, solid } from "../../primitives/button/Button.styles.js";
+import { menuLabel } from "../../../i18n/menuLabel.js";
+import { menus } from "../../erd/erd-context-menu/menus/databaseMenus.js";
+import { readsBracket, readsDatabase, readsNameCases } from "../languageSettings.js";
+import { menus as menus$1 } from "../../schema-sql/schema-sql-context-menu/menus/bracketMenus.js";
+import { menus as menus$2 } from "../generator-code-context-menu/menus/columnNameCaseMenus.js";
+import { menuGroups, menus as menus$3 } from "../generator-code-context-menu/menus/languageMenus.js";
+import { menus as menus$4 } from "../generator-code-context-menu/menus/tableNameCaseMenus.js";
+import Select from "../../primitives/select/Select.js";
+import { action, actions, body, caption, column, foot, group, head, icon, note, panel, title } from "../../schema-sql/schema-sql-options/SchemaSQLOptions.styles.js";
+import { keepSpace } from "../../schema-sql/schema-sql-options/SchemaSQLOptions.js";
+import { name, unused } from "./GeneratorCodeOptions.styles.js";
+//#region src/components/generator-code/generator-code-options/GeneratorCodeOptions.tsx
+var GENERATOR_CODE_OPTIONS_ID = "generator-code-options";
+var TITLE_ID = "generator-code-options-title";
+var DATABASE_NOTE_ID = "generator-code-database-unused";
+var NAME_CASES_NOTE_ID = "generator-code-name-cases-unused";
+var LEFT_TO_RIGHT_MARK = "‎";
+var GeneratorCodeOptions = (props, ctx) => {
+	const app = useAppContext(ctx);
+	const i18n = useI18n(ctx);
+	const dispatchOf = (create) => (value) => {
+		app.value.store.dispatch(create({ value }));
+	};
+	const handleChange = (setting) => (event) => {
+		setting.onChange(Number(event.target.value));
+	};
+	const renderSetting = (setting) => {
+		const { t, dir } = i18n.value;
+		const labelOf = (choice) => setting.leftToRight && dir === "rtl" ? `${choice.label}${LEFT_TO_RIGHT_MARK}` : choice.label;
+		return html`<div class=${[
+			"generator-code-options-setting",
+			column,
+			setting.noteId ? unused : null
+		]} data-unused=${setting.noteId ? "true" : "false"}><label class=${name} .htmlFor=${setting.id}>${t(setting.labelKey)}</label><${Select} .dimmed=${Boolean(setting.noteId)} .children=${html`<select id=${setting.id} aria-describedby=${setting.noteId ?? ""} @change=${handleChange(setting)}>${setting.choices.map((choice) => html`${choice.separated ? html`<hr />` : null}<option .value=${String(choice.value)} .selected=${choice.value === setting.value}>${labelOf(choice)}</option>`)}</select>`} /></div>`;
+	};
+	const renderNote = (id, text) => html`<p class=${["generator-code-options-unused", note]} id=${id}>${text}</p>`;
+	return () => {
+		const { store } = app.value;
+		const { settings } = store.state;
+		const { t, dir } = i18n.value;
+		const theme = props.isDarkMode ? "dark" : "light";
+		const language = settings.language;
+		const notUsed = t("code.notUsedBy", { language: menus$3.find((menu) => menu.value === language)?.name ?? "" });
+		const databaseUnused = !readsDatabase(language);
+		const nameCasesUnused = !readsNameCases(language);
+		const caption$1 = props.readonly ? t("schemaSql.thisWindowOnly") : t("code.savedInDocument");
+		const nameCases = (menus) => menus.map((menu) => ({
+			value: menu.value,
+			label: menuLabel(i18n.value, menu)
+		}));
+		const languageSetting = {
+			id: "generator-code-language",
+			labelKey: "common.codeLanguage",
+			value: language,
+			choices: menuGroups.flatMap((group, groupIndex) => group.map((menu, index) => ({
+				value: menu.value,
+				label: menu.name,
+				separated: groupIndex > 0 && index === 0
+			}))),
+			leftToRight: true,
+			onChange: dispatchOf(changeLanguageAction)
+		};
+		const database = {
+			id: "generator-code-database",
+			labelKey: "common.database",
+			value: settings.database,
+			choices: menus.map((menu) => ({
+				value: menu.value,
+				label: menu.name
+			})),
+			noteId: databaseUnused ? DATABASE_NOTE_ID : void 0,
+			onChange: dispatchOf(changeDatabaseAction)
+		};
+		const tableNameCase = {
+			id: "generator-code-table-name-case",
+			labelKey: "common.tableNameCase",
+			value: settings.tableNameCase,
+			choices: nameCases(menus$4),
+			noteId: nameCasesUnused ? NAME_CASES_NOTE_ID : void 0,
+			onChange: dispatchOf(changeTableNameCaseAction)
+		};
+		const columnNameCase = {
+			id: "generator-code-column-name-case",
+			labelKey: "common.columnNameCase",
+			value: settings.columnNameCase,
+			choices: nameCases(menus$2),
+			noteId: tableNameCase.noteId,
+			onChange: dispatchOf(changeColumnNameCaseAction)
+		};
+		const bracket = {
+			id: "generator-code-bracket",
+			labelKey: "common.bracket",
+			value: settings.bracketType,
+			choices: menus$1.map((menu) => ({
+				value: menu.value,
+				label: menuLabel(i18n.value, menu)
+			})),
+			onChange: dispatchOf(changeBracketTypeAction)
+		};
+		return html`<aside class=${["generator-code-options", panel]} id=${GENERATOR_CODE_OPTIONS_ID} .dir=${dir} aria-labelledby=${TITLE_ID} style=${{ "color-scheme": theme }} @keydown=${keepSpace}><div class=${head}><span class=${title} id=${TITLE_ID}>${t("common.tab.codeGenerator")}</span><button type="button" class=${["generator-code-options-hide", icon]} aria-label=${t("code.hideOptions")} title=${t("code.hideOptions")} aria-expanded="true" aria-controls=${GENERATOR_CODE_OPTIONS_ID} @click=${props.onHide}><${Icon} .name="panel-right-close" .size=${16} /></button></div><div class=${["scrollbar", body]}><section class=${group} role="group" aria-label=${caption$1}><span class=${caption}>${caption$1}</span>${renderSetting(languageSetting)}${renderSetting(database)}${databaseUnused ? renderNote(DATABASE_NOTE_ID, notUsed) : null}${renderSetting(tableNameCase)}${renderSetting(columnNameCase)}${nameCasesUnused ? renderNote(NAME_CASES_NOTE_ID, notUsed) : null}${readsBracket(language) ? renderSetting(bracket) : null}</section></div><div class=${foot}><div class=${actions}><button type="button" class=${[
+			"generator-code-options-save",
+			button,
+			solid,
+			size2,
+			action
+		]} @click=${props.onSave}><${Icon} .name="download" .size=${14} /><span>${t("code.saveFile")}</span></button><button type="button" class=${[
+			"generator-code-options-copy",
+			button,
+			soft,
+			size2,
+			action
+		]} @click=${props.onCopy}>${t("code.copy")}</button></div></div></aside>`;
+	};
+};
+//#endregion
+export { GENERATOR_CODE_OPTIONS_ID, GeneratorCodeOptions as default };

package/dist/components/generator-code/generator-code-options/GeneratorCodeOptions.styles.js

@@ -0,0 +1,12 @@
+import { css } from "../../../r-html/dist/template/css.js";
+//#region src/components/generator-code/generator-code-options/GeneratorCodeOptions.styles.ts
+var name = css`
+  overflow-wrap: anywhere;
+`;
+var unused = css`
+  & label {
+    color: var(--placeholder);
+  }
+`;
+//#endregion
+export { name, unused };

package/dist/components/generator-code/generatorCodeView.js

@@ -0,0 +1,17 @@
+import { observable } from "../../r-html/dist/observable/index.js";
+import { togglePanel } from "../schema-sql/schemaSQLView.js";
+//#region src/components/generator-code/generatorCodeView.ts
+var views = /* @__PURE__ */ new WeakMap();
+function generatorCodeViewOf({ store }) {
+	let view = views.get(store);
+	if (!view) {
+		view = observable({ panel: "unset" });
+		views.set(store, view);
+	}
+	return view;
+}
+function toggleGeneratorCodePanel(app) {
+	togglePanel(generatorCodeViewOf(app), app.store.state.editor.viewport.width);
+}
+//#endregion
+export { generatorCodeViewOf, toggleGeneratorCodePanel };

package/dist/components/generator-code/languageSettings.js

@@ -0,0 +1,48 @@
+import { Language } from "../../constants/schema.js";
+//#region src/components/generator-code/languageSettings.ts
+var LanguageToExtensionMap = {
+	[Language.csharp]: ".cs",
+	[Language.Go]: ".go",
+	[Language.Java]: ".java",
+	[Language.Kotlin]: ".kt",
+	[Language.PHP]: ".php",
+	[Language.Rust]: ".rs",
+	[Language.Scala]: ".scala",
+	[Language.Swift]: ".swift",
+	[Language.TypeScript]: ".ts",
+	[Language.Doctrine]: ".php",
+	[Language.Drizzle]: ".ts",
+	[Language.JPA]: ".java",
+	[Language.SeaORM]: ".rs",
+	[Language.Sequelize]: ".ts",
+	[Language.SQLAlchemy]: ".py",
+	[Language.TypeORM]: ".ts",
+	[Language.AML]: ".aml",
+	[Language.DBML]: ".dbml",
+	[Language.GraphQL]: ".graphql",
+	[Language.JSONSchema]: ".json",
+	[Language.Mermaid]: ".mmd",
+	[Language.Zod]: ".ts"
+};
+var codeFileExtension = (language) => LanguageToExtensionMap[language] ?? ".txt";
+var DATABASE_IGNORED = [
+	Language.DBML,
+	Language.AML,
+	Language.Mermaid
+];
+var NAME_CASES_IGNORED = [
+	Language.SeaORM,
+	Language.DBML,
+	Language.AML,
+	Language.Mermaid
+];
+var BRACKET_READ = [
+	Language.Doctrine,
+	Language.JPA,
+	Language.SeaORM
+];
+var readsDatabase = (language) => !DATABASE_IGNORED.includes(language);
+var readsNameCases = (language) => !NAME_CASES_IGNORED.includes(language);
+var readsBracket = (language) => BRACKET_READ.includes(language);
+//#endregion
+export { LanguageToExtensionMap, codeFileExtension, readsBracket, readsDatabase, readsNameCases };

package/dist/components/global-styles/GlobalStyles.js

@@ -0,0 +1,18 @@
+import { html } from "../../r-html/dist/render/index.js";
+import { setGlobalStyleOrder } from "../../r-html/dist/template/vCSSStyleSheet.js";
+import { typographyStyle } from "../../styles/typography.styles.js";
+import { fontsStyle } from "../../styles/fonts.styles.js";
+import { resetStyle } from "../../styles/reset.styles.js";
+import { scrollbarStyle } from "../../styles/scrollbar.styles.js";
+//#region src/components/global-styles/GlobalStyles.ts
+setGlobalStyleOrder([
+	resetStyle,
+	fontsStyle,
+	typographyStyle,
+	scrollbarStyle
+]);
+var GlobalStyles = () => {
+	return () => html``;
+};
+//#endregion
+export { GlobalStyles as default };