Files
Synapse/src/main/frontend/handler/events/ui.cljs
Dasemu 1e7e9a3c13 Fase 8 (2/N): delete the client-side RTC/E2EE/sync UI and finish the teardown
Removes the client-side half of the remote CRDT sync protocol left after
the worker-side deletion in 565c211: RTC/remote-graph UI (components/rtc/*,
db/rtc/debug_ui.cljs, cloud-graph upload/download/leave/delete flows in
components/repo.cljs and mobile/components/app.cljs), E2EE UI and handlers
(components/e2ee.cljs, handler/e2ee.cljs, handler/events/rtc*.cljs), the
db-worker-node ui-request RPC (handler/worker.cljs's :db-worker/ui-request,
which existed only to serve E2EE password prompts), settings panels for the
legacy custom sync-server URL, and the now-orphaned :rtc/* client state
(presence UI, upload/download progress, remote-graph lists) — presence.cljs
was already deleted in the worker-side pass, contrary to the plan's "keep"
list, so all of this had zero producers left and was fully inert.

Also fixes several dead thread-api invokes discovered on LIVE paths that
would throw at runtime rather than being merely dead UI:
- db/restore.cljs's restore-graph! (called on every graph load)
- persist_db.cljs's <ensure-remote! (the Fase 3/4 daemon connect path)
- persist_db/browser.cljs's worker init and shutdown
- handler/user.cljs's logout

Verified via full compile of all 5 shadow-cljs targets (app, electron,
mobile, db-worker-node, test — 0 warnings) and a full bb dev:test run:
every namespace passes except the same 7 frontend.persist-db-test failures
that reproduce identically on unmodified HEAD (confirmed via git stash),
pre-existing network-sandbox flakiness unrelated to this change.

Known follow-up, not yet done: a handful of harmless-but-vestigial :rtc/*
references remain (handler/user.cljs's storage/graph-count exceed-limit
events, handler/events.cljs's :rtc-download? opt, worker/state.cljs's
*db-sync-config atom, worker/handler/graph.cljs's get-rtc-graph-uuid reused
by handler/editor.cljs's quick-add filter) — none throw or affect behavior,
left for a future pass rather than risk removing something still load-bearing
without deeper tracing. deps/db-sync/ (the Cloudflare Worker) is also still
untouched, per the plan's explicit note that it needs separate, larger surgery.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-08-26 15:59:39 +02:00

497 lines
19 KiB
Clojure

(ns frontend.handler.events.ui
"UI events"
(:require-macros [frontend.handler.events.macros :refer [defevent!]])
(:require [clojure.core.async :as async]
[frontend.components.assets :as assets]
[frontend.components.cmdk.core :as cmdk]
[frontend.components.icon :as icon-component]
[frontend.components.page :as component-page]
[frontend.components.page-menu :as page-menu]
[frontend.components.plugins :as plugin]
[frontend.components.property.dialog :as property-dialog]
[frontend.components.quick-add :as quick-add]
[frontend.components.repo :as repo]
[frontend.components.select :as select]
[frontend.components.selection :as selection]
[frontend.components.settings :as settings]
[frontend.components.shell :as shell]
[frontend.components.user.login :as login]
[frontend.config :as config]
[frontend.context.i18n :refer [t]]
[frontend.db.async :as db-async]
[frontend.extensions.fsrs :as fsrs]
[frontend.extensions.lightbox :as lightbox]
[frontend.extensions.pdf.assets :as pdf-assets]
[frontend.fs :as fs]
[frontend.handler.assets :as assets-handler]
[frontend.handler.editor :as editor-handler]
[frontend.handler.events :as events]
[frontend.handler.notification :as notification]
[frontend.handler.page :as page-handler]
[frontend.handler.plugin :as plugin-handler]
[frontend.handler.reaction :as reaction-handler]
[frontend.handler.repo :as repo-handler]
[frontend.handler.route :as route-handler]
[frontend.handler.user :as user-handler]
[frontend.mobile.util :as mobile-util]
[frontend.modules.instrumentation.sentry :as sentry-event]
[frontend.state :as state]
[frontend.util :as util]
[frontend.util.entity :as entity]
[goog.dom :as gdom]
[lambdaisland.glogi :as log]
[logseq.common.config :as common-config]
[logseq.common.path :as path]
[logseq.common.util :as common-util]
[logseq.shui.ui :as shui]
[promesa.core :as p]
[logseq.shui.dialog.core :as shui-dialog]))
(defevent! :go/search [_]
(when-not (editor-handler/dialog-exists? :ls-dialog-cmdk)
(shui/dialog-open!
cmdk/cmdk-modal
{:id :ls-dialog-cmdk
:align :top
:content-props {:class "ls-dialog-cmdk"}
:close-btn? false
:onEscapeKeyDown (fn [e] (.preventDefault e))})))
(defevent! :notification/show [[_ {:keys [content status clear?]}]]
(notification/show! content status clear?))
(defevent! :shell/run [_]
(when (util/electron?)
(shui/dialog-open! shell/shell)))
(defevent! :go/plugins [_]
(plugin/open-plugins-modal!))
(defevent! :go/plugins-waiting-lists [_]
(plugin/open-waiting-updates-modal!))
(defevent! :go/plugins-from-file [[_ plugins]]
(plugin/open-plugins-from-file-modal! plugins))
(defevent! :go/install-plugin-from-github [[_]]
(shui/dialog-open!
(plugin/install-from-github-release-container)))
(defevent! :go/plugins-settings [[_ pid nav? title]]
(when pid
(state/set-state! :plugin/focused-settings pid)
(state/set-state! :plugin/navs-settings? (not (false? nav?)))
(plugin/open-focused-settings-modal! title)))
(defevent! :go/proxy-settings [[_ agent-opts]]
(shui/dialog-open!
(plugin/user-proxy-settings-container agent-opts)
{:id :https-proxy-panel :center? true :class "lg:max-w-2xl"}))
(defevent! :go/db-worker-server-settings [[_]]
(shui/dialog-open!
(settings/db-worker-server-settings-container)
{:id :db-worker-server-panel :center? true :class "lg:max-w-2xl"}))
(defevent! :go/publish-server-settings [[_]]
(shui/dialog-open!
(settings/publish-server-url-settings-container)
{:id :publish-server-panel :center? true :class "lg:max-w-2xl"}))
(defevent! :redirect-to-home [_]
(page-handler/create-today-journal!)
(when (util/capacitor?)
(state/pub-event! [:mobile/set-tab "home"])))
(defevent! :page/show-delete-dialog [[_ selected-rows ok-handler]]
(shui/dialog-open!
(component-page/batch-delete-dialog selected-rows ok-handler)))
(defevent! :modal/show-cards [[_ cards-id]]
(shui/dialog-open!
(fn [] (fsrs/cards-view cards-id nil))
{:id :srs
:label :flashcards__cp}))
(defevent! :modal/show-themes-modal [[_ classic?]]
(if classic?
(plugin/open-select-theme!)
(route-handler/go-to-search! :themes)))
(defn- <page-for-publish-dialog
[page-name]
(let [lookup (if (util/uuid-string? page-name)
[:block/uuid (uuid page-name)]
[:block/name page-name])]
(state/<invoke-db-worker :thread-api/pull
(state/get-current-repo)
[:db/id :block/uuid :block/title :block/name {:block/tags [:db/ident]}]
lookup)))
(defevent! :publish/open-dialog [_]
(when-not config/publishing?
(p/let [page (when-let [page-name (state/get-current-page)]
(<page-for-publish-dialog page-name))]
(when (entity/page? page)
(shui/dialog-open!
(fn [] (page-menu/publish-page-dialog page))
{:class "w-auto max-w-md"})))))
(defevent! :ui/toggle-appearance [_]
(let [popup-id "appearance_settings"]
(if (gdom/getElement popup-id)
(shui/popup-hide! popup-id)
(shui/popup-show!
(js/document.querySelector ".toolbar-dots-btn")
(fn []
(settings/appearance))
{:id popup-id
:focus-trigger? false
:align :end}))))
(defevent! :plugin/consume-updates [[_ id prev-pending? updated?]]
(let [downloading? (:plugin/updates-downloading? (state/get-state))
auto-checking? (plugin-handler/get-auto-checking?)]
(when-let [coming (and (not downloading?)
(get-in (state/get-state) [:plugin/updates-coming id]))]
(let [error-code (:error-code coming)
error-code (if (= error-code (str :no-new-version)) nil error-code)
title (:title coming)]
(when (and prev-pending? (not auto-checking?))
(if-not error-code
(plugin/set-updates-sub-content! (str title "...") 0)
(notification/show!
(str "[" (t :plugin/checked) "]<" title "> " error-code) :error)))))
(if (and updated? downloading?)
;; try to start consume downloading item
(if-let [next-coming (state/get-next-selected-coming-update)]
(plugin-handler/check-or-update-marketplace-plugin!
(assoc next-coming :only-check false :error-code nil)
(fn [^js e] (js/console.error "[Download Err]" next-coming e)))
(plugin-handler/close-updates-downloading))
;; try to start consume pending item
(if-let [next-pending (second (first (:plugin/updates-pending (state/get-state))))]
(do
(println "Updates: take next pending - " (:id next-pending))
(js/setTimeout
#(plugin-handler/check-or-update-marketplace-plugin!
(assoc next-pending :only-check true :auto-check auto-checking? :error-code nil)
(fn [^js e]
(notification/show! (.toString e) :error)
(js/console.error "[Check Err]" next-pending e))) 500))
;; try to open waiting updates list
(do (when (and prev-pending? (not auto-checking?)
(seq (state/all-available-coming-updates)))
(plugin/open-waiting-updates-modal!))
(plugin-handler/set-auto-checking! false))))))
(defevent! :plugin/loader-perf-tip [[_ {:keys [^js o _s _e]}]]
(when-let [opts (.-options o)]
(notification/show!
(plugin/perf-tip-content (.-id o) (.-name opts) (.-url opts))
:warning false (.-id o))))
(defn- <block-ref
[block-ref]
(cond
(map? block-ref)
(p/resolved block-ref)
(uuid? block-ref)
(db-async/<get-block (state/get-current-repo) block-ref {:children? false})
(and (string? block-ref) (util/uuid-string? block-ref))
(db-async/<get-block (state/get-current-repo) (uuid block-ref) {:children? false})
(number? block-ref)
(db-async/<get-block (state/get-current-repo) block-ref {:children? false})
:else
(p/resolved nil)))
(defn- <selection-blocks
[]
(when-let [repo (and (seq (state/get-selection-block-ids))
(state/get-current-repo))]
(p/let [results (db-async/<get-blocks repo (state/get-selection-block-ids))]
(seq (keep :block results)))))
(defn- edit-original-block!
[editing-block pos {:keys [editing-default-property?]}]
(when editing-block
(p/let [editing-block (<block-ref (:block/uuid editing-block))]
(when editing-block
(let [content (:block/title editing-block)
esc? (= "Escape" (state/get-ui-last-key-code))
[content' pos] (cond
esc?
[nil pos]
(and (>= (count content) pos)
(>= pos 2)
(= (util/nth-safe content (dec pos))
(util/nth-safe content (- pos 2))
";"))
[(str (common-util/safe-subs content 0 (- pos 2))
(common-util/safe-subs content pos))
(- pos 2)]
:else
[nil pos])]
(when content'
(if editing-default-property?
(editor-handler/save-block! (state/get-current-repo) (:block/uuid editing-block) content')
(editor-handler/edit-block! editing-block (or pos :max)
(cond-> {}
content'
(assoc :custom-content content'))))))))))
(defn- editor-new-property [block target {:keys [selected-blocks popup-id editing-block editing-pos editing-target] :as opts}]
(p/let [editing-block (if editing-block
(p/resolved editing-block)
(<block-ref (some-> (state/get-edit-block) :block/uuid)))
selected-blocks (cond
editing-block
(p/resolved nil)
(seq selected-blocks)
(p/resolved selected-blocks)
:else
(<selection-blocks))
current-block (when-let [s (state/get-current-page)]
(when (util/uuid-string? s)
(<block-ref (uuid s))))]
(let [opts (dissoc opts :editing-block :editing-pos :editing-target)
pos (or editing-pos (state/get-edit-pos))
edit-block-or-selected (cond
editing-block
[editing-block]
(seq selected-blocks)
selected-blocks)
blocks (or (when block [block])
edit-block-or-selected
(when current-block [current-block]))
opts' (cond-> opts
editing-block
(assoc :original-block editing-block
:edit-original-block #(edit-original-block! editing-block pos %)))]
(when (seq blocks)
(let [target' (or target
editing-target
(some-> (state/get-edit-input-id)
(gdom/getElement))
(first (state/get-selection-blocks)))]
(if target'
(shui/popup-show! target'
#(property-dialog/dialog blocks opts')
(cond-> {:align "start"
:force-popover? true}
popup-id
(assoc :id popup-id)))
(shui/dialog-open! #(property-dialog/dialog blocks opts')
{:id :property-dialog
:align "start"})))))))
(defevent! :editor/new-property [[_ {:keys [block target] :as opts}]]
(when-not config/publishing?
(p/let [editing-block (<block-ref (some-> (state/get-edit-block) :block/uuid))
editing-target (some-> (state/get-edit-input-id)
(gdom/getElement))
opts' (cond-> opts
editing-block
(assoc :editing-block editing-block
:editing-pos (state/get-edit-pos))
editing-target
(assoc :editing-target editing-target))]
(p/do!
(editor-handler/save-current-block!)
(editor-new-property block target opts')))))
(defn- reaction-target-block-ids [blocks]
(let [blocks' (cond
(nil? blocks) nil
(sequential? blocks) blocks
:else [blocks])]
(vec
(or (seq (keep :block/uuid blocks'))
(some-> (state/get-edit-block) :block/uuid vector)
(seq (state/get-selection-block-ids))))))
(defn- editor-new-reaction [blocks target]
(let [target-block-ids (reaction-target-block-ids blocks)
target' (or target
(some-> (state/get-edit-input-id)
(gdom/getElement))
(first (state/get-selection-blocks)))
on-pick (fn [popup-id icon]
(let [emoji-id (:id icon)
emoji? (= :emoji (:type icon))]
(if emoji?
(do
(doseq [target-block-id target-block-ids]
(reaction-handler/toggle-reaction! target-block-id emoji-id))
(shui/popup-hide! popup-id))
(notification/show! (t :block.reaction/emoji-required-warning) :warning))))]
(when (and (seq target-block-ids) target')
(shui/popup-hide! :selection-action-bar)
(shui/popup-show!
target'
(fn [{:keys [id]}]
(icon-component/icon-search
{:on-chosen (fn [_e icon _keep-popup?] (on-pick id icon))
:tabs [[:emoji (t :icon/tab-emojis)]]
:default-tab :emoji
:show-used? true
:icon-value nil}))
{:align :start
:content-props {:class "ls-icon-picker"}}))))
(defevent! :editor/new-reaction [[_ {:keys [block blocks target]}]]
(when-not config/publishing?
(p/do!
(editor-handler/save-current-block!)
(editor-new-reaction (if (seq blocks) blocks block) target))))
(defevent! :graph/new-db-graph [[_ _opts]]
(shui/dialog-open!
repo/new-db-graph
{:id :new-db-graph
:title (t :graph/create-new)
:align (if (util/mobile?) :top :center)
:style {:max-width "500px"}}))
(defevent! :dialog-select/graph-open []
(select/dialog-select! :graph-open))
(defevent! :dialog-select/graph-remove []
(select/dialog-select! :graph-remove))
(defevent! :dialog-select/db-graph-replace []
(select/dialog-select! :db-graph-replace))
(defn- hide-action-bar!
[]
(when (editor-handler/popup-exists? :selection-action-bar)
(shui/popup-hide! :selection-action-bar)))
(defevent! :editor/show-action-bar []
(let [selection (state/get-selection-blocks)
first-visible-block (some #(when (util/el-visible-in-viewport? % true) %) selection)]
(when (and first-visible-block
(not (shui-dialog/has-dialog?)))
(hide-action-bar!)
(shui/popup-show!
first-visible-block
(fn []
(selection/action-bar))
{:id :selection-action-bar
:focus-trigger? false
:force-popover? true
:root-props {:modal false}
:content-props {:side "top"
:onCloseAutoFocus #(.preventDefault %)
:class "!w-max !max-w-none !overflow-visible !py-0 !px-0 !border-none"}
:auto-side? false
:align :start}))))
(defevent! :editor/hide-action-bar []
(hide-action-bar!)
(state/set-state! :mobile/show-action-bar? false))
(defevent! :user/logout [[_]]
(login/sign-out!))
(defevent! :user/login [[_]]
(if (mobile-util/native-platform?)
(route-handler/redirect! {:to :user-login})
(login/open-login-modal!)))
(defevent! :asset/dialog-edit-external-url [[_ asset-block pdf-current]]
(shui/dialog-open!
(assets/edit-external-url-content asset-block pdf-current)
{:id :edit-external-asset-source-dialog
:title (if asset-block (t :asset/edit-title) (t :asset/create-title))
:center? true}))
(defevent! :asset/show-preview [[_ asset]]
(when-let [asset-type-str (:logseq.property.asset/type asset)]
(let [asset-type (keyword asset-type-str)
image? (contains? (common-config/img-formats) asset-type)
video? (contains? config/video-formats asset-type)
pdf? (= :pdf asset-type)
file-name (str (:block/uuid asset) "." asset-type-str)
;; Prefer external-url so plugin-sandboxed assets resolve to their
;; real on-disk path; mirrors the asset-cp render-side fix.
rel-path (or (:logseq.property.asset/external-url asset)
(path/path-join (str "../" common-config/local-assets-dir) file-name))]
(cond
image?
(p/let [url (assets-handler/<make-asset-url rel-path)]
(when url
(lightbox/preview-images!
[{:src url
:w (or (:logseq.property.asset/width asset) 1200)
:h (or (:logseq.property.asset/height asset) 800)}])))
video?
(p/let [url (assets-handler/<make-asset-url rel-path)]
(when url
(shui/dialog-open!
(fn []
[:div.flex.flex-col.gap-2.items-center
[:div.font-medium.text-sm.self-start.truncate.max-w-full
(:block/title asset)]
[:video.rounded.max-w-full
{:src url
:controls true
:autoPlay true
:style {:max-height "80vh"}}]])
{:id :asset-video-preview
:auto-width? true
:center? true})))
pdf?
(p/let [url (assets-handler/<make-asset-url rel-path)]
(when-let [current (pdf-assets/inflate-asset rel-path {:block asset :href url})]
(state/set-current-pdf! current)))
:else
(route-handler/redirect-to-page! (:block/uuid asset))))))
(defevent! :user/fetch-info-and-graphs [[_]]
(state/set-state! [:ui/loading? :login] false)
(async/go
(let [result (async/<! (user-handler/<user-info user-handler/remoteapi))]
(cond
(instance? ExceptionInfo result)
nil
(map? result)
(do
(state/set-user-info! result)
(when-let [uid (user-handler/user-uuid)]
(sentry-event/set-user! uid))
(repo-handler/refresh-repos!))))))
(defevent! :dialog/show-block [[_ block option]]
(shui/dialog-open!
[:div.p-8.w-full.h-full
(component-page/page-container block option)]
{:id :ls-dialog-block
:align :top
:content-props {:class "ls-dialog-block"}
:onEscapeKeyDown (fn [e] (.preventDefault e))}))
(defevent! :dialog/quick-add [_]
(shui/dialog-open!
[:div.w-full.h-full
(quick-add/quick-add)]
{:id :ls-dialog-quick-add
:align :top
:content-props {:class "ls-dialog-quick-add"}
:onEscapeKeyDown (fn [e] (.preventDefault e))}))