@waterwx/dsh-novel-forge 2.1.2-alpha → 2.1.3

package/src/client/mount.tsx

@@ -1,97 +0,0 @@
-/**
- * Panel view mounting — mirrors the family plugins: a container appended
- * inside the conversation grid item, hidden while inactive; toggling is a
- * data attribute on <html>, with cross-plugin activation events.
- */
-import { createRoot, type Root } from 'react-dom/client'
-import type { NovelApi } from './api.ts'
-import type { PanelController } from './panel/controller.ts'
-import { NovelPanel } from './panel/NovelPanel.tsx'
-import css from './panel/panel.module.css'
-
-/** The injected panel container. */
-export const PANEL_VIEW_SELECTOR = '[data-dsh-novelforge-view]'
-
-const CONVERSATION_COLUMN_SELECTOR = '[data-pane="conversation"], [class*="centerCol"]'
-const ACTIVE_ATTR = 'data-dsh-novelforge-active'
-/** Sibling panels' activation attributes (evicted when this panel opens). */
-const OTHER_ACTIVE_ATTRS = ['data-dsh-taskboard-active', 'data-dsh-ssh-active']
-/** Cross-plugin activation event; detail is the activating panel name. */
-const ACTIVATE_EVENT = 'dsh-panel-activate'
-const PANEL_NAME = 'novelforge'
-
-/** Find the center column, or undefined while the frame is not mounted. */
-function conversationColumn(): HTMLElement | undefined {
-  return document.querySelector<HTMLElement>(CONVERSATION_COLUMN_SELECTOR) ?? undefined
-}
-
-/**
- * Mount the panel React tree into the center column and bind visibility to
- * the controller.
- */
-export function mountPanel(controller: PanelController, api: NovelApi): () => void {
-  let root: Root | undefined
-  let container: HTMLDivElement | undefined
-
-  const ensure = (): void => {
-    if (container !== undefined) {
-      if (container.isConnected) return
-      root?.unmount()
-      root = undefined
-      container.remove()
-      container = undefined
-    }
-    const column = conversationColumn()
-    if (column === undefined) return
-    container = document.createElement('div')
-    container.dataset.dshNovelforgeView = 'true'
-    container.className = css.view
-    column.appendChild(container)
-    root = createRoot(container)
-    root.render(<NovelPanel controller={controller} api={api} />)
-  }
-
-  const waitObserver = new MutationObserver(() => { ensure() })
-  waitObserver.observe(document.body, { childList: true, subtree: true })
-
-  const applyActive = (): void => {
-    if (controller.getSnapshot().panelOpen) {
-      for (const attr of OTHER_ACTIVE_ATTRS) document.documentElement.removeAttribute(attr)
-      document.documentElement.setAttribute(ACTIVE_ATTR, '')
-      document.dispatchEvent(new CustomEvent(ACTIVATE_EVENT, { detail: PANEL_NAME }))
-    } else {
-      document.documentElement.removeAttribute(ACTIVE_ATTR)
-    }
-  }
-  const onOtherActivate = (event: Event): void => {
-    const detail = (event as CustomEvent).detail
-    if ((detail === 'taskboard' || detail === 'ssh') && controller.getSnapshot().panelOpen) {
-      controller.close()
-    }
-  }
-  // Jump out on sidebar context clicks.
-  const SIDEBAR_ROW_SELECTOR = '[class*="sessionRow"], [class*="projectRow"], [class*="searchResultRow"], [class*="searchResultWorkspace"], [class*="newSession"]'
-  const onClickSidebarRow = (event: MouseEvent): void => {
-    if (!controller.getSnapshot().panelOpen) return
-    const target = event.target as HTMLElement | null
-    if (target === null) return
-    if (target.closest(SIDEBAR_ROW_SELECTOR) !== null) controller.close()
-  }
-  document.addEventListener('click', onClickSidebarRow, true)
-  document.addEventListener(ACTIVATE_EVENT, onOtherActivate)
-  const unsubscribe = controller.subscribe(applyActive)
-  applyActive()
-  ensure()
-
-  return () => {
-    document.removeEventListener('click', onClickSidebarRow, true)
-    document.removeEventListener(ACTIVATE_EVENT, onOtherActivate)
-    waitObserver.disconnect()
-    unsubscribe()
-    document.documentElement.removeAttribute(ACTIVE_ATTR)
-    root?.unmount()
-    root = undefined
-    container?.remove()
-    container = undefined
-  }
-}

package/src/client/mount.tsx._new

@@ -1,97 +0,0 @@
-/**
- * Panel view mounting — mirrors the family plugins: a container appended
- * inside the conversation grid item, hidden while inactive; toggling is a
- * data attribute on <html>, with cross-plugin activation events.
- */
-import { createRoot, type Root } from 'react-dom/client'
-import type { NovelApi } from './api.ts'
-import type { PanelController } from './panel/controller.ts'
-import { NovelPanel } from './panel/NovelPanel.tsx'
-import css from './panel/panel.module.css'
-
-/** The injected panel container. */
-export const PANEL_VIEW_SELECTOR = '[data-dsh-novelforge-view]'
-
-const CONVERSATION_COLUMN_SELECTOR = '[data-pane="conversation"], [class*="centerCol"]'
-const ACTIVE_ATTR = 'data-dsh-novelforge-active'
-/** Sibling panels' activation attributes (evicted when this panel opens). */
-const OTHER_ACTIVE_ATTRS = ['data-dsh-taskboard-active', 'data-dsh-ssh-active']
-/** Cross-plugin activation event; detail is the activating panel name. */
-const ACTIVATE_EVENT = 'dsh-panel-activate'
-const PANEL_NAME = 'novelforge'
-
-/** Find the center column, or undefined while the frame is not mounted. */
-function conversationColumn(): HTMLElement | undefined {
-  return document.querySelector<HTMLElement>(CONVERSATION_COLUMN_SELECTOR) ?? undefined
-}
-
-/**
- * Mount the panel React tree into the center column and bind visibility to
- * the controller.
- */
-export function mountPanel(controller: PanelController, api: NovelApi): () => void {
-  let root: Root | undefined
-  let container: HTMLDivElement | undefined
-
-  const ensure = (): void => {
-    if (container !== undefined) {
-      if (container.isConnected) return
-      root?.unmount()
-      root = undefined
-      container.remove()
-      container = undefined
-    }
-    const column = conversationColumn()
-    if (column === undefined) return
-    container = document.createElement('div')
-    container.dataset.dshNovelforgeView = 'true'
-    container.className = css.view
-    column.appendChild(container)
-    root = createRoot(container)
-    root.render(<NovelPanel controller={controller} api={api} />)
-  }
-
-  const waitObserver = new MutationObserver(() => { ensure() })
-  waitObserver.observe(document.body, { childList: true, subtree: true })
-
-  const applyActive = (): void => {
-    if (controller.getSnapshot().panelOpen) {
-      for (const attr of OTHER_ACTIVE_ATTRS) document.documentElement.removeAttribute(attr)
-      document.documentElement.setAttribute(ACTIVE_ATTR, '')
-      document.dispatchEvent(new CustomEvent(ACTIVATE_EVENT, { detail: PANEL_NAME }))
-    } else {
-      document.documentElement.removeAttribute(ACTIVE_ATTR)
-    }
-  }
-  const onOtherActivate = (event: Event): void => {
-    const detail = (event as CustomEvent).detail
-    if ((detail === 'taskboard' || detail === 'ssh') && controller.getSnapshot().panelOpen) {
-      controller.close()
-    }
-  }
-  // Jump out on sidebar context clicks.
-  const SIDEBAR_ROW_SELECTOR = '[class*="sessionRow"], [class*="projectRow"], [class*="searchResultRow"], [class*="searchResultWorkspace"], [class*="newSession"]'
-  const onClickSidebarRow = (event: MouseEvent): void => {
-    if (!controller.getSnapshot().panelOpen) return
-    const target = event.target as HTMLElement | null
-    if (target === null) return
-    if (target.closest(SIDEBAR_ROW_SELECTOR) !== null) controller.close()
-  }
-  document.addEventListener('click', onClickSidebarRow, true)
-  document.addEventListener(ACTIVATE_EVENT, onOtherActivate)
-  const unsubscribe = controller.subscribe(applyActive)
-  applyActive()
-  ensure()
-
-  return () => {
-    document.removeEventListener('click', onClickSidebarRow, true)
-    document.removeEventListener(ACTIVATE_EVENT, onOtherActivate)
-    waitObserver.disconnect()
-    unsubscribe()
-    document.documentElement.removeAttribute(ACTIVE_ATTR)
-    root?.unmount()
-    root = undefined
-    container?.remove()
-    container = undefined
-  }
-}

package/src/client/mount.tsx._nf

@@ -1,97 +0,0 @@
-/**
- * Panel view mounting — mirrors the family plugins: a container appended
- * inside the conversation grid item, hidden while inactive; toggling is a
- * data attribute on <html>, with cross-plugin activation events.
- */
-import { createRoot, type Root } from 'react-dom/client'
-import type { NovelApi } from './api.ts'
-import type { PanelController } from './panel/controller.ts'
-import { NovelPanel } from './panel/NovelPanel.tsx'
-import css from './panel/panel.module.css'
-
-/** The injected panel container. */
-export const PANEL_VIEW_SELECTOR = '[data-dsh-novelforge-view]'
-
-const CONVERSATION_COLUMN_SELECTOR = '[data-pane="conversation"], [class*="centerCol"]'
-const ACTIVE_ATTR = 'data-dsh-novelforge-active'
-/** Sibling panels' activation attributes (evicted when this panel opens). */
-const OTHER_ACTIVE_ATTRS = ['data-dsh-taskboard-active', 'data-dsh-ssh-active']
-/** Cross-plugin activation event; detail is the activating panel name. */
-const ACTIVATE_EVENT = 'dsh-panel-activate'
-const PANEL_NAME = 'novelforge'
-
-/** Find the center column, or undefined while the frame is not mounted. */
-function conversationColumn(): HTMLElement | undefined {
-  return document.querySelector<HTMLElement>(CONVERSATION_COLUMN_SELECTOR) ?? undefined
-}
-
-/**
- * Mount the panel React tree into the center column and bind visibility to
- * the controller.
- */
-export function mountPanel(controller: PanelController, api: NovelApi): () => void {
-  let root: Root | undefined
-  let container: HTMLDivElement | undefined
-
-  const ensure = (): void => {
-    if (container !== undefined) {
-      if (container.isConnected) return
-      root?.unmount()
-      root = undefined
-      container.remove()
-      container = undefined
-    }
-    const column = conversationColumn()
-    if (column === undefined) return
-    container = document.createElement('div')
-    container.dataset.dshNovelforgeView = 'true'
-    container.className = css.view
-    column.appendChild(container)
-    root = createRoot(container)
-    root.render(<NovelPanel controller={controller} api={api} />)
-  }
-
-  const waitObserver = new MutationObserver(() => { ensure() })
-  waitObserver.observe(document.body, { childList: true, subtree: true })
-
-  const applyActive = (): void => {
-    if (controller.getSnapshot().panelOpen) {
-      for (const attr of OTHER_ACTIVE_ATTRS) document.documentElement.removeAttribute(attr)
-      document.documentElement.setAttribute(ACTIVE_ATTR, '')
-      document.dispatchEvent(new CustomEvent(ACTIVATE_EVENT, { detail: PANEL_NAME }))
-    } else {
-      document.documentElement.removeAttribute(ACTIVE_ATTR)
-    }
-  }
-  const onOtherActivate = (event: Event): void => {
-    const detail = (event as CustomEvent).detail
-    if ((detail === 'taskboard' || detail === 'ssh') && controller.getSnapshot().panelOpen) {
-      controller.close()
-    }
-  }
-  // Jump out on sidebar context clicks.
-  const SIDEBAR_ROW_SELECTOR = '[class*="sessionRow"], [class*="projectRow"], [class*="searchResultRow"], [class*="searchResultWorkspace"], [class*="newSession"]'
-  const onClickSidebarRow = (event: MouseEvent): void => {
-    if (!controller.getSnapshot().panelOpen) return
-    const target = event.target as HTMLElement | null
-    if (target === null) return
-    if (target.closest(SIDEBAR_ROW_SELECTOR) !== null) controller.close()
-  }
-  document.addEventListener('click', onClickSidebarRow, true)
-  document.addEventListener(ACTIVATE_EVENT, onOtherActivate)
-  const unsubscribe = controller.subscribe(applyActive)
-  applyActive()
-  ensure()
-
-  return () => {
-    document.removeEventListener('click', onClickSidebarRow, true)
-    document.removeEventListener(ACTIVATE_EVENT, onOtherActivate)
-    waitObserver.disconnect()
-    unsubscribe()
-    document.documentElement.removeAttribute(ACTIVE_ATTR)
-    root?.unmount()
-    root = undefined
-    container?.remove()
-    container = undefined
-  }
-}

package/src/client/mount.tsx._tmp

@@ -1,97 +0,0 @@
-/**
- * Panel view mounting — mirrors the family plugins: a container appended
- * inside the conversation grid item, hidden while inactive; toggling is a
- * data attribute on <html>, with cross-plugin activation events.
- */
-import { createRoot, type Root } from 'react-dom/client'
-import type { NovelApi } from './api.ts'
-import type { PanelController } from './panel/controller.ts'
-import { NovelPanel } from './panel/NovelPanel.tsx'
-import css from './panel/panel.module.css'
-
-/** The injected panel container. */
-export const PANEL_VIEW_SELECTOR = '[data-dsh-novelforge-view]'
-
-const CONVERSATION_COLUMN_SELECTOR = '[data-pane="conversation"], [class*="centerCol"]'
-const ACTIVE_ATTR = 'data-dsh-novelforge-active'
-/** Sibling panels' activation attributes (evicted when this panel opens). */
-const OTHER_ACTIVE_ATTRS = ['data-dsh-taskboard-active', 'data-dsh-ssh-active']
-/** Cross-plugin activation event; detail is the activating panel name. */
-const ACTIVATE_EVENT = 'dsh-panel-activate'
-const PANEL_NAME = 'novelforge'
-
-/** Find the center column, or undefined while the frame is not mounted. */
-function conversationColumn(): HTMLElement | undefined {
-  return document.querySelector<HTMLElement>(CONVERSATION_COLUMN_SELECTOR) ?? undefined
-}
-
-/**
- * Mount the panel React tree into the center column and bind visibility to
- * the controller.
- */
-export function mountPanel(controller: PanelController, api: NovelApi): () => void {
-  let root: Root | undefined
-  let container: HTMLDivElement | undefined
-
-  const ensure = (): void => {
-    if (container !== undefined) {
-      if (container.isConnected) return
-      root?.unmount()
-      root = undefined
-      container.remove()
-      container = undefined
-    }
-    const column = conversationColumn()
-    if (column === undefined) return
-    container = document.createElement('div')
-    container.dataset.dshNovelforgeView = 'true'
-    container.className = css.view
-    column.appendChild(container)
-    root = createRoot(container)
-    root.render(<NovelPanel controller={controller} api={api} />)
-  }
-
-  const waitObserver = new MutationObserver(() => { ensure() })
-  waitObserver.observe(document.body, { childList: true, subtree: true })
-
-  const applyActive = (): void => {
-    if (controller.getSnapshot().panelOpen) {
-      for (const attr of OTHER_ACTIVE_ATTRS) document.documentElement.removeAttribute(attr)
-      document.documentElement.setAttribute(ACTIVE_ATTR, '')
-      document.dispatchEvent(new CustomEvent(ACTIVATE_EVENT, { detail: PANEL_NAME }))
-    } else {
-      document.documentElement.removeAttribute(ACTIVE_ATTR)
-    }
-  }
-  const onOtherActivate = (event: Event): void => {
-    const detail = (event as CustomEvent).detail
-    if ((detail === 'taskboard' || detail === 'ssh') && controller.getSnapshot().panelOpen) {
-      controller.close()
-    }
-  }
-  // Jump out on sidebar context clicks.
-  const SIDEBAR_ROW_SELECTOR = '[class*="sessionRow"], [class*="projectRow"], [class*="searchResultRow"], [class*="searchResultWorkspace"], [class*="newSession"]'
-  const onClickSidebarRow = (event: MouseEvent): void => {
-    if (!controller.getSnapshot().panelOpen) return
-    const target = event.target as HTMLElement | null
-    if (target === null) return
-    if (target.closest(SIDEBAR_ROW_SELECTOR) !== null) controller.close()
-  }
-  document.addEventListener('click', onClickSidebarRow, true)
-  document.addEventListener(ACTIVATE_EVENT, onOtherActivate)
-  const unsubscribe = controller.subscribe(applyActive)
-  applyActive()
-  ensure()
-
-  return () => {
-    document.removeEventListener('click', onClickSidebarRow, true)
-    document.removeEventListener(ACTIVATE_EVENT, onOtherActivate)
-    waitObserver.disconnect()
-    unsubscribe()
-    document.documentElement.removeAttribute(ACTIVE_ATTR)
-    root?.unmount()
-    root = undefined
-    container?.remove()
-    container = undefined
-  }
-}