Fix #9 [Proposal] Add an option whether to create foreign keys

src/context/SettingsContext.jsx

@@ -1,43 +1,87 @@
-import { createContext, useEffect, useState } from "react";
-import { tableWidth } from "../data/constants";
-
-const defaultSettings = {
-  strictMode: false,
-  showFieldSummary: true,
-  showGrid: true,
-  snapToGrid: false,
-  showDataTypes: true,
-  mode: "light",
-  autosave: true,
-  showCardinality: true,
-  showRelationshipLabels: true,
-  tableWidth: tableWidth,
-  showDebugCoordinates: false,
-};
-
-export const SettingsContext = createContext(defaultSettings);
-
-export default function SettingsContextProvider({ children }) {
-  const [settings, setSettings] = useState(defaultSettings);
-
-  useEffect(() => {
-    const settings = localStorage.getItem("settings");
-    if (settings) {
-      setSettings(JSON.parse(settings));
-    }
-  }, []);
-
-  useEffect(() => {
-    document.body.setAttribute("theme-mode", settings.mode);
-  }, [settings.mode]);
-
-  useEffect(() => {
-    localStorage.setItem("settings", JSON.stringify(settings));
-  }, [settings]);
-
-  return (
-    <SettingsContext.Provider value={{ settings, setSettings }}>
-      {children}
-    </SettingsContext.Provider>
-  );
-}
+import { createContext, useEffect, useState } from "react"; 
+
+import { tableWidth } from "../data/constants"; 
+
+
+
+const defaultSettings = { 
+
+strictMode: false, 
+
+showFieldSummary: true, 
+
+showGrid: true, 
+
+snapToGrid: false, 
+
+showDataTypes: true, 
+
+mode: "light", 
+
+autosave: true, 
+
+showCardinality: true, 
+
+showRelationshipLabels: true, 
+
+tableWidth: tableWidth, 
+
+showDebugCoordinates: false, 
+
+generateForeignKeys: true, 
+
+}; 
+
+
+
+export const SettingsContext = createContext(defaultSettings); 
+
+
+
+export default function SettingsContextProvider({ children }) { 
+
+const [settings, setSettings] = useState(defaultSettings); 
+
+
+
+useEffect(() => { 
+
+const settings = localStorage.getItem("settings"); 
+
+if (settings) { 
+
+setSettings(JSON.parse(settings)); 
+
+} 
+
+}, []); 
+
+
+
+useEffect(() => { 
+
+document.body.setAttribute("theme-mode", settings.mode); 
+
+}, [settings.mode]); 
+
+
+
+useEffect(() => { 
+
+localStorage.setItem("settings", JSON.stringify(settings)); 
+
+}, [settings]); 
+
+
+
+return ( 
+
+<SettingsContext.Provider value={{ settings, setSettings }}> 
+
+{children} 
+
+</SettingsContext.Provider> 
+
+); 
+
+} 

src/utils/exportSQL/index.js

@@ -1,26 +1,51 @@
-import { DB } from "../../data/constants";
-import { toMariaDB } from "./mariadb";
-import { toMSSQL } from "./mssql";
-import { toMySQL } from "./mysql";
-import { toOracleSQL } from "./oraclesql";
-import { toPostgres } from "./postgres";
-import { toSqlite } from "./sqlite";
-
-export function exportSQL(diagram) {
-  switch (diagram.database) {
-    case DB.SQLITE:
-      return toSqlite(diagram);
-    case DB.MYSQL:
-      return toMySQL(diagram);
-    case DB.POSTGRES:
-      return toPostgres(diagram);
-    case DB.MARIADB:
-      return toMariaDB(diagram);
-    case DB.MSSQL:
-      return toMSSQL(diagram);
-    case DB.ORACLESQL:
-      return toOracleSQL(diagram);
-    default:
-      return "";
-  }
-}
+import { DB } from "../../data/constants"; 
+
+import { toMariaDB } from "./mariadb"; 
+
+import { toMSSQL } from "./mssql"; 
+
+import { toMySQL } from "./mysql"; 
+
+import { toOracleSQL } from "./oraclesql"; 
+
+import { toPostgres } from "./postgres"; 
+
+import { toSqlite } from "./sqlite"; 
+
+
+
+export function exportSQL(diagram, generateForeignKeys = true) { 
+
+switch (diagram.database) { 
+
+case DB.SQLITE: 
+
+return toSqlite(diagram, generateForeignKeys); 
+
+case DB.MYSQL: 
+
+return toMySQL(diagram, generateForeignKeys); 
+
+case DB.POSTGRES: 
+
+return toPostgres(diagram, generateForeignKeys); 
+
+case DB.MARIADB: 
+
+return toMariaDB(diagram, generateForeignKeys); 
+
+case DB.MSSQL: 
+
+return toMSSQL(diagram, generateForeignKeys); 
+
+case DB.ORACLESQL: 
+
+return toOracleSQL(diagram, generateForeignKeys); 
+
+default: 
+
+return ""; 
+
+} 
+
+}