eng-1650 WIP

Author: maparent

apps/obsidian/src/components/GeneralSettings.tsx

@@ -152,6 +152,9 @@ const GeneralSettings = () => {
   const [canvasFolderPath, setCanvasFolderPath] = useState<string>(
     plugin.settings.canvasFolderPath,
   );
+  const [username, setUsername] = useState<string>(
+    plugin.settings.username || "",
+  );
   const [canvasAttachmentsFolderPath, setCanvasAttachmentsFolderPath] =
     useState<string>(plugin.settings.canvasAttachmentsFolderPath);
   const [nodeTagHotkey, setNodeTagHotkey] = useState<string>(
@@ -203,6 +206,12 @@ const GeneralSettings = () => {
     [plugin],
   );
 
+  const handleSetUsername = (newValue: string) => {
+    setUsername(newValue);
+    plugin.settings.username = newValue;
+    void plugin.saveSettings();
+  };
+
   return (
     <div className="general-settings">
       <div className="setting-item">
@@ -307,6 +316,27 @@ const GeneralSettings = () => {
         </div>
       </div>
 
+      <div
+        className={
+          "setting-item " + (plugin.settings.syncModeEnabled ? "" : "hidden")
+        }
+      >
+        <div className="setting-item-info">
+          <div className="setting-item-name">Username</div>
+          <div className="setting-item-description">
+            A username that will be associated with your vault if you share
+            data.
+          </div>
+        </div>
+        <div className="setting-item-control">
+          <input
+            type="text"
+            value={username}
+            onChange={(e) => handleSetUsername(e.target.value)}
+          />
+        </div>
+      </div>
+
       <InfoSection />
     </div>
   );

apps/obsidian/src/types.ts

@@ -69,6 +69,7 @@ export type Settings = {
   syncModeEnabled?: boolean;
   /** Maps spaceUri (e.g. "obsidian:abc123") to human-readable name (e.g. "My Vault") */
   spaceNames?: Record<string, string>;
+  username?: string;
 };
 
 export type BulkImportCandidate = {

apps/obsidian/src/utils/supabaseContext.ts

@@ -77,6 +77,7 @@ export const getSupabaseContext = async (
   if (contextCache === null) {
     try {
       const vaultName = plugin.app.vault.getName() || "obsidian-vault";
+      const username = plugin.settings.username || vaultName;
 
       const spacePassword = await getOrCreateSpacePassword(plugin);
       const accountLocalId = await getOrCreateAccountLocalId(plugin, vaultName);
@@ -100,8 +101,8 @@ export const getSupabaseContext = async (
       const userId = await fetchOrCreatePlatformAccount({
         platform: "Obsidian",
         accountLocalId,
-        name: vaultName,
-        email: accountLocalId,
+        name: username,
+        email: undefined,
         spaceId,
         password: spacePassword,
       });