npm - ikanban-web - Versions diffs - 0.2.6 → 0.2.7 - Mend

ikanban-web 0.2.6 → 0.2.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (31) hide show

package/README.md +25 -20
package/dist/assets/{ghostty-web-BsS8qmby.js → ghostty-web-BnnMBzi5.js} +1 -1
package/dist/assets/{home-BVcfU4oW.js → home-DeLBKxk3.js} +1 -1
package/dist/assets/{index-BbYqEnGb.js → index-ehO8js0v.js} +36 -36
package/dist/assets/{index-B1DFsnCu.css → index-pnX-hTQP.css} +1 -1
package/dist/assets/session-D7vMISoz.js +24 -0
package/dist/index.html +2 -2
package/package.json +1 -1
package/src/components/session/session-header.tsx +2 -211
package/src/context/server.tsx +24 -4
package/src/i18n/en.ts +1 -1
package/src/i18n/parity.test.ts +4 -22
package/src/i18n/zh.ts +1 -1
package/src/pages/layout.tsx +2 -2
package/src/pages/session/use-session-commands.tsx +0 -121
package/dist/assets/session-CZ-wC_3g.js +0 -24
package/src/i18n/ar.ts +0 -751
package/src/i18n/br.ts +0 -759
package/src/i18n/bs.ts +0 -836
package/src/i18n/da.ts +0 -830
package/src/i18n/de.ts +0 -768
package/src/i18n/es.ts +0 -842
package/src/i18n/fr.ts +0 -766
package/src/i18n/ja.ts +0 -755
package/src/i18n/ko.ts +0 -755
package/src/i18n/no.ts +0 -838
package/src/i18n/pl.ts +0 -757
package/src/i18n/ru.ts +0 -838
package/src/i18n/th.ts +0 -828
package/src/i18n/tr.ts +0 -849
package/src/i18n/zht.ts +0 -821

package/dist/index.html CHANGED Viewed

@@ -14,8 +14,8 @@
     <meta property="og:image" content="/ikanban/social-share.png" />
     <meta property="twitter:image" content="/social-share.png" />
     <script id="oc-theme-preload-script" src="/ikanban/oc-theme-preload.js"></script>
-    <script type="module" crossorigin src="/ikanban/assets/index-BbYqEnGb.js"></script>
-    <link rel="stylesheet" crossorigin href="/ikanban/assets/index-B1DFsnCu.css">
+    <script type="module" crossorigin src="/ikanban/assets/index-ehO8js0v.js"></script>
+    <link rel="stylesheet" crossorigin href="/ikanban/assets/index-pnX-hTQP.css">
   </head>
   <body class="antialiased overscroll-none text-12-regular overflow-hidden">
     <noscript>You need to enable JavaScript to run this app.</noscript>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "ikanban-web",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "description": "iKanban web app",
   "private": false,
   "type": "module",

package/src/components/session/session-header.tsx CHANGED Viewed

@@ -4,23 +4,19 @@ import { DropdownMenu } from "ikanban-ui/dropdown-menu"
 import { Icon } from "ikanban-ui/icon"
 import { IconButton } from "ikanban-ui/icon-button"
 import { Keybind } from "ikanban-ui/keybind"
-import { Popover } from "ikanban-ui/popover"
 import { Spinner } from "ikanban-ui/spinner"
-import { TextField } from "ikanban-ui/text-field"
 import { showToast } from "ikanban-ui/toast"
-import { Tooltip, TooltipKeybind } from "ikanban-ui/tooltip"
+import { TooltipKeybind } from "ikanban-ui/tooltip"
 import { getFilename } from "ikanban-utils/path"
 import { useParams } from "@solidjs/router"
-import { createEffect, createMemo, For, onCleanup, Show } from "solid-js"
+import { createEffect, createMemo, For, Show } from "solid-js"
 import { createStore } from "solid-js/store"
 import { Portal } from "solid-js/web"
 import { useCommand } from "@/context/command"
-import { useGlobalSDK } from "@/context/global-sdk"
 import { useLanguage } from "@/context/language"
 import { useLayout } from "@/context/layout"
 import { usePlatform } from "@/context/platform"
 import { useServer } from "@/context/server"
-import { useSync } from "@/context/sync"
 import { decode64 } from "@/utils/base64"
 import { Persist, persisted } from "@/utils/persist"
 import { StatusPopover } from "../status-popover"
@@ -134,99 +130,11 @@ const showRequestError = (language: ReturnType<typeof useLanguage>, err: unknown
   })
 }
-function useSessionShare(args: {
-  globalSDK: ReturnType<typeof useGlobalSDK>
-  currentSession: () =>
-    | {
-        share?: {
-          url?: string
-        }
-      }
-    | undefined
-  sessionID: () => string | undefined
-  projectDirectory: () => string
-  platform: ReturnType<typeof usePlatform>
-}) {
-  const [state, setState] = createStore({
-    share: false,
-    unshare: false,
-    copied: false,
-    timer: undefined as number | undefined,
-  })
-  const shareUrl = createMemo(() => args.currentSession()?.share?.url)
-  createEffect(() => {
-    const url = shareUrl()
-    if (url) return
-    if (state.timer) window.clearTimeout(state.timer)
-    setState({ copied: false, timer: undefined })
-  })
-  onCleanup(() => {
-    if (state.timer) window.clearTimeout(state.timer)
-  })
-  const shareSession = () => {
-    const sessionID = args.sessionID()
-    if (!sessionID || state.share) return
-    setState("share", true)
-    args.globalSDK.client.session
-      .share({ sessionID, directory: args.projectDirectory() })
-      .catch((error) => {
-        console.error("Failed to share session", error)
-      })
-      .finally(() => {
-        setState("share", false)
-      })
-  }
-  const unshareSession = () => {
-    const sessionID = args.sessionID()
-    if (!sessionID || state.unshare) return
-    setState("unshare", true)
-    args.globalSDK.client.session
-      .unshare({ sessionID, directory: args.projectDirectory() })
-      .catch((error) => {
-        console.error("Failed to unshare session", error)
-      })
-      .finally(() => {
-        setState("unshare", false)
-      })
-  }
-  const copyLink = (onError: (error: unknown) => void) => {
-    const url = shareUrl()
-    if (!url) return
-    navigator.clipboard
-      .writeText(url)
-      .then(() => {
-        if (state.timer) window.clearTimeout(state.timer)
-        setState("copied", true)
-        const timer = window.setTimeout(() => {
-          setState("copied", false)
-          setState("timer", undefined)
-        }, 3000)
-        setState("timer", timer)
-      })
-      .catch(onError)
-  }
-  const viewShare = () => {
-    const url = shareUrl()
-    if (!url) return
-    args.platform.openLink(url)
-  }
-  return { state, shareUrl, shareSession, unshareSession, copyLink, viewShare }
-}
 export function SessionHeader() {
-  const globalSDK = useGlobalSDK()
   const layout = useLayout()
   const params = useParams()
   const command = useCommand()
   const server = useServer()
-  const sync = useSync()
   const platform = usePlatform()
   const language = useLanguage()
@@ -243,9 +151,6 @@ export function SessionHeader() {
   })
   const hotkey = createMemo(() => command.keybind("file.open"))
-  const currentSession = createMemo(() => (params.id ? sync.session.get(params.id) : undefined))
-  const shareEnabled = createMemo(() => sync.data.config.share !== "disabled")
-  const showShare = createMemo(() => shareEnabled() && !!params.id)
   const sessionKey = createMemo(() => `${params.dir}${params.id ? "/" + params.id : ""}`)
   const view = createMemo(() => layout.view(sessionKey))
   const os = createMemo(() => detectOS(platform))
@@ -343,14 +248,6 @@ export function SessionHeader() {
       .catch((err: unknown) => showRequestError(language, err))
   }
-  const share = useSessionShare({
-    globalSDK,
-    currentSession,
-    sessionID: () => params.id,
-    projectDirectory,
-    platform,
-  })
   const centerMount = createMemo(() => document.getElementById("opencode-titlebar-center"))
   const rightMount = createMemo(() => document.getElementById("opencode-titlebar-right"))
@@ -505,112 +402,6 @@ export function SessionHeader() {
                   </Show>
                 </div>
               </Show>
-              <Show when={showShare()}>
-                <div class="flex items-center">
-                  <Popover
-                    title={language.t("session.share.popover.title")}
-                    description={
-                      share.shareUrl()
-                        ? language.t("session.share.popover.description.shared")
-                        : language.t("session.share.popover.description.unshared")
-                    }
-                    gutter={4}
-                    placement="bottom-end"
-                    shift={-64}
-                    class="rounded-xl [&_[data-slot=popover-close-button]]:hidden"
-                    triggerAs={Button}
-                    triggerProps={{
-                      variant: "ghost",
-                      class:
-                        "rounded-md h-[24px] px-3 border border-border-weak-base bg-surface-panel shadow-none data-[expanded]:bg-surface-base-active",
-                      classList: {
-                        "rounded-r-none": share.shareUrl() !== undefined,
-                        "border-r-0": share.shareUrl() !== undefined,
-                      },
-                      style: { scale: 1 },
-                    }}
-                    trigger={<span class="text-12-regular">{language.t("session.share.action.share")}</span>}
-                  >
-                    <div class="flex flex-col gap-2">
-                      <Show
-                        when={share.shareUrl()}
-                        fallback={
-                          <div class="flex">
-                            <Button
-                              size="large"
-                              variant="primary"
-                              class="w-1/2"
-                              onClick={share.shareSession}
-                              disabled={share.state.share}
-                            >
-                              {share.state.share
-                                ? language.t("session.share.action.publishing")
-                                : language.t("session.share.action.publish")}
-                            </Button>
-                          </div>
-                        }
-                      >
-                        <div class="flex flex-col gap-2">
-                          <TextField
-                            value={share.shareUrl() ?? ""}
-                            readOnly
-                            copyable
-                            copyKind="link"
-                            tabIndex={-1}
-                            class="w-full"
-                          />
-                          <div class="grid grid-cols-2 gap-2">
-                            <Button
-                              size="large"
-                              variant="secondary"
-                              class="w-full shadow-none border border-border-weak-base"
-                              onClick={share.unshareSession}
-                              disabled={share.state.unshare}
-                            >
-                              {share.state.unshare
-                                ? language.t("session.share.action.unpublishing")
-                                : language.t("session.share.action.unpublish")}
-                            </Button>
-                            <Button
-                              size="large"
-                              variant="primary"
-                              class="w-full"
-                              onClick={share.viewShare}
-                              disabled={share.state.unshare}
-                            >
-                              {language.t("session.share.action.view")}
-                            </Button>
-                          </div>
-                        </div>
-                      </Show>
-                    </div>
-                  </Popover>
-                  <Show when={share.shareUrl()} fallback={<div aria-hidden="true" />}>
-                    <Tooltip
-                      value={
-                        share.state.copied
-                          ? language.t("session.share.copy.copied")
-                          : language.t("session.share.copy.copyLink")
-                      }
-                      placement="top"
-                      gutter={8}
-                    >
-                      <IconButton
-                        icon={share.state.copied ? "check" : "link"}
-                        variant="ghost"
-                        class="rounded-l-none h-[24px] border border-border-weak-base bg-surface-panel shadow-none"
-                        onClick={() => share.copyLink((error) => showRequestError(language, error))}
-                        disabled={share.state.unshare}
-                        aria-label={
-                          share.state.copied
-                            ? language.t("session.share.copy.copied")
-                            : language.t("session.share.copy.copyLink")
-                        }
-                      />
-                    </Tooltip>
-                  </Show>
-                </div>
-              </Show>
               <div class="flex items-center gap-1">
                 <div class="hidden md:flex items-center gap-1 shrink-0">
                   <TooltipKeybind

package/src/context/server.tsx CHANGED Viewed

@@ -102,6 +102,7 @@ export const { use: useServer, provider: ServerProvider } = createSimpleContext(
       Persist.global("server", ["server.v3"]),
       createStore({
         list: [] as StoredServer[],
+        deleted: [] as ServerConnection.Key[],
         projects: {} as Record<string, StoredProject[]>,
         lastProject: {} as Record<string, string>,
       }),
@@ -110,8 +111,9 @@ export const { use: useServer, provider: ServerProvider } = createSimpleContext(
     const url = (x: StoredServer) => (typeof x === "string" ? x : "type" in x ? x.http.url : x.url)
     const allServers = createMemo((): Array<ServerConnection.Any> => {
+      const deletedSet = new Set(store.deleted)
       const servers = [
-        ...(props.servers ?? []),
+        ...(props.servers ?? []).filter((s) => !deletedSet.has(ServerConnection.key(s))),
         ...store.list.map((value) =>
           typeof value === "string"
             ? {
@@ -172,6 +174,7 @@ export const { use: useServer, provider: ServerProvider } = createSimpleContext(
       const url_ = normalizeServerUrl(input.http.url)
       if (!url_) return
       const conn = { ...input, http: { ...input.http, url: url_ } }
+      const connKey = ServerConnection.key(conn)
       return batch(() => {
         const existing = store.list.findIndex((x) => url(x) === url_)
         if (existing !== -1) {
@@ -179,18 +182,35 @@ export const { use: useServer, provider: ServerProvider } = createSimpleContext(
         } else {
           setStore("list", store.list.length, conn)
         }
-        setState("active", ServerConnection.key(conn))
+        // If this server was previously deleted, un-delete it
+        if (store.deleted.includes(connKey)) {
+          setStore("deleted", store.deleted.filter((k) => k !== connKey))
+        }
+        setState("active", connKey)
         return conn
       })
     }
     function remove(key: ServerConnection.Key) {
       const list = store.list.filter((x) => url(x) !== key)
+      const isPropServer = (props.servers ?? []).some((s) => ServerConnection.key(s) === key)
       batch(() => {
         setStore("list", list)
+        // If it's a prop-injected server, record it as deleted so it stays gone after reload
+        if (isPropServer && !store.deleted.includes(key)) {
+          setStore("deleted", [...store.deleted, key])
+        }
         if (state.active === key) {
-          const next = list[0]
-          setState("active", next ? ServerConnection.Key.make(url(next)) : props.defaultServer)
+          const nextStored = list[0]
+          const nextProp = (props.servers ?? []).find(
+            (s) => !store.deleted.includes(ServerConnection.key(s)) && ServerConnection.key(s) !== key,
+          )
+          const nextKey = nextStored
+            ? ServerConnection.Key.make(url(nextStored))
+            : nextProp
+              ? ServerConnection.key(nextProp)
+              : props.defaultServer
+          setState("active", nextKey)
         }
       })
     }

package/src/i18n/en.ts CHANGED Viewed

@@ -610,7 +610,7 @@ export const dict = {
   "sidebar.project.viewAllSessions": "View all sessions",
   "sidebar.project.clearNotifications": "Clear notifications",
-  "app.name.desktop": "OpenCode Desktop",
+  "app.name.desktop": "iKanban",
   "settings.section.desktop": "Desktop",
   "settings.section.server": "Server",

package/src/i18n/parity.test.ts CHANGED Viewed

@@ -1,32 +1,14 @@
 import { describe, expect, test } from "bun:test"
 import { dict as en } from "./en"
-import { dict as ar } from "./ar"
-import { dict as br } from "./br"
-import { dict as bs } from "./bs"
-import { dict as da } from "./da"
-import { dict as de } from "./de"
-import { dict as es } from "./es"
-import { dict as fr } from "./fr"
-import { dict as ja } from "./ja"
-import { dict as ko } from "./ko"
-import { dict as no } from "./no"
-import { dict as pl } from "./pl"
-import { dict as ru } from "./ru"
-import { dict as th } from "./th"
 import { dict as zh } from "./zh"
-import { dict as zht } from "./zht"
-import { dict as tr } from "./tr"
-const locales = [ar, br, bs, da, de, es, fr, ja, ko, no, pl, ru, th, tr, zh, zht]
 const keys = ["command.session.previous.unseen", "command.session.next.unseen"] as const
 describe("i18n parity", () => {
-  test("non-English locales translate targeted unseen session keys", () => {
-    for (const locale of locales) {
-      for (const key of keys) {
-        expect(locale[key]).toBeDefined()
-        expect(locale[key]).not.toBe(en[key])
-      }
+  test("zh translates targeted unseen session keys", () => {
+    for (const key of keys) {
+      expect(zh[key]).toBeDefined()
+      expect(zh[key]).not.toBe(en[key])
     }
   })
 })

package/src/i18n/zh.ts CHANGED Viewed

@@ -581,7 +581,7 @@ export const dict = {
   "sidebar.project.viewAllSessions": "查看全部会话",
   "sidebar.project.clearNotifications": "清除通知",
-  "app.name.desktop": "OpenCode Desktop",
+  "app.name.desktop": "iKanban",
   "settings.section.desktop": "桌面",
   "settings.section.server": "服务器",

package/src/pages/layout.tsx CHANGED Viewed

@@ -2080,7 +2080,7 @@ export default function Layout(props: ParentProps) {
               settingsKeybind={() => command.keybind("settings.open")}
               onOpenSettings={openSettings}
               helpLabel={() => language.t("sidebar.help")}
-              onOpenHelp={() => platform.openLink("https://opencode.ai/desktop-feedback")}
+              onOpenHelp={() => platform.openLink("https://github.com/isomoes/ikanban/issues")}
               renderPanel={() => (
                 <Show when={currentProject()} keyed>
                   {(project) => <SidebarPanel project={project} />}
@@ -2149,7 +2149,7 @@ export default function Layout(props: ParentProps) {
               settingsKeybind={() => command.keybind("settings.open")}
               onOpenSettings={openSettings}
               helpLabel={() => language.t("sidebar.help")}
-              onOpenHelp={() => platform.openLink("https://opencode.ai/desktop-feedback")}
+              onOpenHelp={() => platform.openLink("https://github.com/isomoes/ikanban/issues")}
               renderPanel={() => <SidebarPanel project={currentProject()} mobile />}
             />
           </nav>

package/src/pages/session/use-session-commands.tsx CHANGED Viewed

@@ -404,126 +404,6 @@ export const useSessionCommands = (actions: SessionCommandContext) => {
     }),
   ]);
-  const shareCommands = createMemo(() => {
-    if (sync.data.config.share === "disabled") return [];
-    return [
-      sessionCommand({
-        id: "session.share",
-        title: info()?.share?.url
-          ? language.t("session.share.copy.copyLink")
-          : language.t("command.session.share"),
-        description: info()?.share?.url
-          ? language.t("toast.session.share.success.description")
-          : language.t("command.session.share.description"),
-        slash: "share",
-        disabled: !params.id,
-        onSelect: async () => {
-          if (!params.id) return;
-          const write = (value: string) => {
-            const body =
-              typeof document === "undefined" ? undefined : document.body;
-            if (body) {
-              const textarea = document.createElement("textarea");
-              textarea.value = value;
-              textarea.setAttribute("readonly", "");
-              textarea.style.position = "fixed";
-              textarea.style.opacity = "0";
-              textarea.style.pointerEvents = "none";
-              body.appendChild(textarea);
-              textarea.select();
-              const copied = document.execCommand("copy");
-              body.removeChild(textarea);
-              if (copied) return Promise.resolve(true);
-            }
-            const clipboard =
-              typeof navigator === "undefined"
-                ? undefined
-                : navigator.clipboard;
-            if (!clipboard?.writeText) return Promise.resolve(false);
-            return clipboard.writeText(value).then(
-              () => true,
-              () => false,
-            );
-          };
-          const copy = async (url: string, existing: boolean) => {
-            const ok = await write(url);
-            if (!ok) {
-              showToast({
-                title: language.t("toast.session.share.copyFailed.title"),
-                variant: "error",
-              });
-              return;
-            }
-            showToast({
-              title: existing
-                ? language.t("session.share.copy.copied")
-                : language.t("toast.session.share.success.title"),
-              description: language.t(
-                "toast.session.share.success.description",
-              ),
-              variant: "success",
-            });
-          };
-          const existing = info()?.share?.url;
-          if (existing) {
-            await copy(existing, true);
-            return;
-          }
-          const url = await sdk.client.session
-            .share({ sessionID: params.id })
-            .then((res) => res.data?.share?.url)
-            .catch(() => undefined);
-          if (!url) {
-            showToast({
-              title: language.t("toast.session.share.failed.title"),
-              description: language.t("toast.session.share.failed.description"),
-              variant: "error",
-            });
-            return;
-          }
-          await copy(url, false);
-        },
-      }),
-      sessionCommand({
-        id: "session.unshare",
-        title: language.t("command.session.unshare"),
-        description: language.t("command.session.unshare.description"),
-        slash: "unshare",
-        disabled: !params.id || !info()?.share?.url,
-        onSelect: async () => {
-          if (!params.id) return;
-          await sdk.client.session
-            .unshare({ sessionID: params.id })
-            .then(() =>
-              showToast({
-                title: language.t("toast.session.unshare.success.title"),
-                description: language.t(
-                  "toast.session.unshare.success.description",
-                ),
-                variant: "success",
-              }),
-            )
-            .catch(() =>
-              showToast({
-                title: language.t("toast.session.unshare.failed.title"),
-                description: language.t(
-                  "toast.session.unshare.failed.description",
-                ),
-                variant: "error",
-              }),
-            );
-        },
-      }),
-    ];
-  });
   command.register("session", () =>
     [
       sessionCommands(),
@@ -534,7 +414,6 @@ export const useSessionCommands = (actions: SessionCommandContext) => {
       agentCommands(),
       permissionCommands(),
       sessionActionCommands(),
-      shareCommands(),
     ].flatMap((x) => x),
   );
 };