feat: support multiple position

env.d.ts

@@ -1,5 +1,5 @@
 declare type WebviewTag = {
-    setAttribute(allowpopups: string, true1: string): void
+    setAttribute(allowpopups: string, attr: string): void
     reload(): void
     loadURL(pageUrl: string): void
     goBack(): void
@@ -12,10 +12,13 @@ declare type WebviewTag = {
     addClass(cls: string): void
 }
 
+declare type GateFrameOptionType = 'left' | 'center' | 'right'
+
 declare type GateFrameOption = {
     id: string
     icon: string
     title: string
     url: string
     hasRibbon?: boolean
+    position?: GateFrameOptionType
 }

src/fns/createEmptyGateOption.ts

@@ -4,6 +4,7 @@ export const createEmptyGateOption = (): GateFrameOption => {
         title: '',
         icon: 'dice',
         hasRibbon: true,
+        position: "right",
         url: ''
     }
 }

src/fns/formEditGate.ts

@@ -32,6 +32,17 @@ export const formEditGate = (
             })
     )
 
+    new Setting(contentEl).setName('Pin to menu').addDropdown((text) =>
+        text
+            .addOption('left', 'Left')
+            .addOption('right', 'Right')
+            .addOption('center', 'Center')
+            .setValue(gateOptions.position ?? 'right')
+            .onChange(async (value) => {
+                gateOptions.position = value as GateFrameOptionType
+            })
+    )
+
     new Setting(contentEl).addButton((btn) =>
         btn
             .setButtonText(gateOptions.id ? 'Update' : 'Create')

src/fns/openView.ts

@@ -3,18 +3,37 @@ import { GateView } from '../GateView'
 
 export const openView = async (
     workspace: Workspace,
-    id: string
+    id: string,
+    position?: GateFrameOptionType
 ): Promise<void> => {
     let leaf: WorkspaceLeaf
     let leafs = workspace.getLeavesOfType(id)
     if (leafs.length == 0) {
-        await workspace.getLeaf(false).setViewState({ type: id, active: true })
+        createView(workspace, id, position)
     }
 
     leaf = workspace.getLeavesOfType(id)[0]
     workspace.revealLeaf(leaf)
+}
 
-    if (leaf.view instanceof GateView) {
-        leaf.view.focus()
+const createView = (
+    workspace: Workspace,
+    id: string,
+    position?: GateFrameOptionType
+) => {
+    let leaf: WorkspaceLeaf | undefined
+    switch (position) {
+        case "left":
+            leaf = workspace.getLeftLeaf(false)
+            break
+        case "center":
+            leaf = workspace.getLeaf(false)
+            break
+        case "right":
+        default:
+            leaf = workspace.getRightLeaf(false)
+            break
     }
+
+    leaf?.setViewState({ type: id, active: true })
 }

src/fns/registerGate.ts

@@ -16,7 +16,7 @@ export const registerGate = (plugin: Plugin, options: GateFrameOption) => {
 
     if (options.hasRibbon) {
         plugin.addRibbonIcon(iconName, options.title, async (evt: MouseEvent) =>
-            openView(plugin.app.workspace, options.id)
+            openView(plugin.app.workspace, options.id, options.position)
         )
     }
 

styles.css

@@ -10,18 +10,18 @@
     }
 }
 
-.open-gate-webview {
+.open-gate-view {
+    padding: 0 !important;
+    overflow: hidden !important;
+}
+
+.open-gate-view webview {
     width: 100%;
     height: 100%;
     border: none;
     background-color: var(--open-gate-background);
 }
 
-.open-gate-view {
-    padding: 0 !important;
-    overflow: hidden !important;
-}
-
 .gate-header {
     display: flex;
     justify-content: space-between;