mirror of
https://github.com/penpot/penpot.git
synced 2025-06-07 07:11:39 +02:00
✨ Internal refactor of plugin installs
This commit is contained in:
parent
1b05e7aa36
commit
8ded4811bb
4 changed files with 110 additions and 67 deletions
|
@ -30,7 +30,7 @@
|
||||||
[app.main.ui.hooks.resize :as r]
|
[app.main.ui.hooks.resize :as r]
|
||||||
[app.main.ui.icons :as i]
|
[app.main.ui.icons :as i]
|
||||||
[app.main.ui.workspace.plugins :as uwp]
|
[app.main.ui.workspace.plugins :as uwp]
|
||||||
[app.plugins :as plugins]
|
[app.plugins.register :as preg]
|
||||||
[app.util.dom :as dom]
|
[app.util.dom :as dom]
|
||||||
[app.util.i18n :as i18n :refer [tr]]
|
[app.util.i18n :as i18n :refer [tr]]
|
||||||
[app.util.keyboard :as kbd]
|
[app.util.keyboard :as kbd]
|
||||||
|
@ -609,7 +609,7 @@
|
||||||
::mf/wrap [mf/memo]}
|
::mf/wrap [mf/memo]}
|
||||||
[{:keys [open-plugins on-close]}]
|
[{:keys [open-plugins on-close]}]
|
||||||
(when (features/active-feature? @st/state "plugins/runtime")
|
(when (features/active-feature? @st/state "plugins/runtime")
|
||||||
(let [plugins @plugins/pluginsdb]
|
(let [plugins (preg/plugins-list)]
|
||||||
[:& dropdown-menu {:show true
|
[:& dropdown-menu {:show true
|
||||||
:list-class (stl/css-case :sub-menu true :plugins true)
|
:list-class (stl/css-case :sub-menu true :plugins true)
|
||||||
:on-close on-close}
|
:on-close on-close}
|
||||||
|
|
|
@ -16,7 +16,7 @@
|
||||||
[app.main.ui.components.search-bar :refer [search-bar]]
|
[app.main.ui.components.search-bar :refer [search-bar]]
|
||||||
[app.main.ui.components.title-bar :refer [title-bar]]
|
[app.main.ui.components.title-bar :refer [title-bar]]
|
||||||
[app.main.ui.icons :as i]
|
[app.main.ui.icons :as i]
|
||||||
[app.plugins :as plugins]
|
[app.plugins.register :as preg]
|
||||||
[app.util.avatars :as avatars]
|
[app.util.avatars :as avatars]
|
||||||
[app.util.dom :as dom]
|
[app.util.dom :as dom]
|
||||||
[app.util.http :as http]
|
[app.util.http :as http]
|
||||||
|
@ -80,7 +80,7 @@
|
||||||
::mf/register-as :plugin-management}
|
::mf/register-as :plugin-management}
|
||||||
[]
|
[]
|
||||||
|
|
||||||
(let [plugins-state* (mf/use-state @plugins/pluginsdb)
|
(let [plugins-state* (mf/use-state #(preg/plugins-list))
|
||||||
plugins-state @plugins-state*
|
plugins-state @plugins-state*
|
||||||
|
|
||||||
plugin-url* (mf/use-state "")
|
plugin-url* (mf/use-state "")
|
||||||
|
@ -117,14 +117,14 @@
|
||||||
(rx/subs!
|
(rx/subs!
|
||||||
(fn [body]
|
(fn [body]
|
||||||
(reset! fetching-manifest? false)
|
(reset! fetching-manifest? false)
|
||||||
(let [plugin (plugins/parser-manifest plugin-url body)]
|
(let [plugin (preg/parse-manifest plugin-url body)]
|
||||||
(st/emit! (ptk/event ::ev/event {::ev/name "install-plugin" :name (:name plugin) :url plugin-url}))
|
(st/emit! (ptk/event ::ev/event {::ev/name "install-plugin" :name (:name plugin) :url plugin-url}))
|
||||||
(modal/show!
|
(modal/show!
|
||||||
:plugin-permissions
|
:plugin-permissions
|
||||||
{:plugin plugin
|
{:plugin plugin
|
||||||
:on-accept
|
:on-accept
|
||||||
#(do
|
#(do
|
||||||
(plugins/install-plugin! plugin)
|
(preg/install-plugin! plugin)
|
||||||
(modal/show! :plugin-management {}))})
|
(modal/show! :plugin-management {}))})
|
||||||
(reset! input-status* :success)
|
(reset! input-status* :success)
|
||||||
(reset! plugin-url* "")))
|
(reset! plugin-url* "")))
|
||||||
|
@ -146,12 +146,13 @@
|
||||||
(mf/use-callback
|
(mf/use-callback
|
||||||
(mf/deps plugins-state)
|
(mf/deps plugins-state)
|
||||||
(fn [plugin-index]
|
(fn [plugin-index]
|
||||||
(let [plugin (nth @plugins/pluginsdb plugin-index)]
|
(let [plugins-list (preg/plugins-list)
|
||||||
|
plugin (nth plugins-list plugin-index)]
|
||||||
(st/emit! (ptk/event ::ev/event {::ev/name "remove-plugin"
|
(st/emit! (ptk/event ::ev/event {::ev/name "remove-plugin"
|
||||||
:name (:name plugin)
|
:name (:name plugin)
|
||||||
:host (:host plugin)}))
|
:host (:host plugin)}))
|
||||||
(plugins/remove-plugin! plugin)
|
(preg/remove-plugin! plugin)
|
||||||
(reset! plugins-state* @plugins/pluginsdb))))]
|
(reset! plugins-state* (preg/plugins-list)))))]
|
||||||
|
|
||||||
[:div {:class (stl/css :modal-overlay)}
|
[:div {:class (stl/css :modal-overlay)}
|
||||||
[:div {:class (stl/css :modal-dialog :plugin-management)}
|
[:div {:class (stl/css :modal-dialog :plugin-management)}
|
||||||
|
|
|
@ -7,7 +7,6 @@
|
||||||
(ns app.plugins
|
(ns app.plugins
|
||||||
"RPC for plugins runtime."
|
"RPC for plugins runtime."
|
||||||
(:require
|
(:require
|
||||||
[app.common.uuid :as uuid]
|
|
||||||
[app.main.features :as features]
|
[app.main.features :as features]
|
||||||
[app.main.store :as st]
|
[app.main.store :as st]
|
||||||
[app.plugins.api :as api]
|
[app.plugins.api :as api]
|
||||||
|
@ -18,10 +17,6 @@
|
||||||
[beicon.v2.core :as rx]
|
[beicon.v2.core :as rx]
|
||||||
[potok.v2.core :as ptk]))
|
[potok.v2.core :as ptk]))
|
||||||
|
|
||||||
(def pluginsdb register/pluginsdb)
|
|
||||||
(def install-plugin! register/install-plugin!)
|
|
||||||
(def remove-plugin! register/remove-plugin!)
|
|
||||||
|
|
||||||
(defn init-plugins-runtime!
|
(defn init-plugins-runtime!
|
||||||
[]
|
[]
|
||||||
(when-let [init-runtime (obj/get global "initPluginsRuntime")]
|
(when-let [init-runtime (obj/get global "initPluginsRuntime")]
|
||||||
|
@ -41,28 +36,3 @@
|
||||||
(rx/tap init-plugins-runtime!)
|
(rx/tap init-plugins-runtime!)
|
||||||
(rx/ignore)))))
|
(rx/ignore)))))
|
||||||
|
|
||||||
(defn parser-manifest
|
|
||||||
[plugin-url ^js manifest]
|
|
||||||
(let [name (obj/get manifest "name")
|
|
||||||
desc (obj/get manifest "description")
|
|
||||||
code (obj/get manifest "code")
|
|
||||||
icon (obj/get manifest "icon")
|
|
||||||
|
|
||||||
permissions (into #{} (obj/get manifest "permissions" []))
|
|
||||||
permissions
|
|
||||||
(cond-> permissions
|
|
||||||
(contains? permissions "content:write")
|
|
||||||
(conj "content:read")
|
|
||||||
|
|
||||||
(contains? permissions "library:write")
|
|
||||||
(conj "content:write"))
|
|
||||||
|
|
||||||
origin (obj/get (js/URL. plugin-url) "origin")
|
|
||||||
plugin-id (str (uuid/next))]
|
|
||||||
{:plugin-id plugin-id
|
|
||||||
:name name
|
|
||||||
:description desc
|
|
||||||
:host origin
|
|
||||||
:code code
|
|
||||||
:icon icon
|
|
||||||
:permissions (->> permissions (mapv str))}))
|
|
||||||
|
|
|
@ -7,54 +7,126 @@
|
||||||
(ns app.plugins.register
|
(ns app.plugins.register
|
||||||
"RPC for plugins runtime."
|
"RPC for plugins runtime."
|
||||||
(:require
|
(:require
|
||||||
[app.common.data :as d]))
|
[app.common.data :as d]
|
||||||
|
[app.common.data.macros :as dm]
|
||||||
|
[app.common.uuid :as uuid]
|
||||||
|
[app.util.object :as obj]))
|
||||||
|
|
||||||
;; TODO: Remove clj->js and parse into a better data structure for accessing the permissions
|
;; Stores the installed plugins information
|
||||||
|
(defonce ^:private registry (atom {}))
|
||||||
|
|
||||||
(def pluginsdb (atom nil))
|
(defn plugins-list
|
||||||
|
"Retrieves the plugin data as an ordered list of plugin elements"
|
||||||
|
[]
|
||||||
|
(->> (:ids @registry)
|
||||||
|
(mapv #(dm/get-in @registry [:data %]))))
|
||||||
|
|
||||||
|
(defn parse-manifest
|
||||||
|
"Read the manifest.json defined by the plugins definition and transforms it into an
|
||||||
|
object that will be stored in the register."
|
||||||
|
[plugin-url ^js manifest]
|
||||||
|
(let [name (obj/get manifest "name")
|
||||||
|
desc (obj/get manifest "description")
|
||||||
|
code (obj/get manifest "code")
|
||||||
|
icon (obj/get manifest "icon")
|
||||||
|
|
||||||
|
permissions (into #{} (obj/get manifest "permissions" []))
|
||||||
|
permissions
|
||||||
|
(cond-> permissions
|
||||||
|
(contains? permissions "content:write")
|
||||||
|
(conj "content:read")
|
||||||
|
|
||||||
|
(contains? permissions "library:write")
|
||||||
|
(conj "content:write"))
|
||||||
|
|
||||||
|
origin (obj/get (js/URL. plugin-url) "origin")
|
||||||
|
|
||||||
|
prev-plugin
|
||||||
|
(->> (:data @registry)
|
||||||
|
(vals)
|
||||||
|
(d/seek (fn [plugin]
|
||||||
|
(and (= name (:name plugin))
|
||||||
|
(= origin (:host plugin))))))
|
||||||
|
|
||||||
|
plugin-id (d/nilv (:plugin-id prev-plugin) (str (uuid/next)))]
|
||||||
|
{:plugin-id plugin-id
|
||||||
|
:name name
|
||||||
|
:description desc
|
||||||
|
:host origin
|
||||||
|
:code code
|
||||||
|
:icon icon
|
||||||
|
:permissions (into #{} (map str) permissions)}))
|
||||||
|
|
||||||
|
(defn format-plugin-data
|
||||||
|
"Format into a JS object the plugin data. This will be used to be stored in the local storage."
|
||||||
|
[{:keys [plugin-id name description host code icon permissions]}]
|
||||||
|
#js {:plugin-id plugin-id
|
||||||
|
:name name
|
||||||
|
:description description
|
||||||
|
:host host
|
||||||
|
:code code
|
||||||
|
:icon icon
|
||||||
|
:permissions (apply array permissions)})
|
||||||
|
|
||||||
|
(defn parse-plugin-data
|
||||||
|
"Parsers the JS plugin data into a CLJS data structure. This will be used primarily when the local storage
|
||||||
|
data is retrieved"
|
||||||
|
[^js data]
|
||||||
|
{:plugin-id (obj/get data "plugin-id")
|
||||||
|
:name (obj/get data "name")
|
||||||
|
:description (obj/get data "description")
|
||||||
|
:host (obj/get data "host")
|
||||||
|
:code (obj/get data "code")
|
||||||
|
:icon (obj/get data "icon")
|
||||||
|
:permissions (into #{} (obj/get data "permissions"))})
|
||||||
|
|
||||||
(defn load-from-store
|
(defn load-from-store
|
||||||
[]
|
[]
|
||||||
(let [ls (.-localStorage js/window)
|
(let [ls (.-localStorage js/window)
|
||||||
plugins-val (.getItem ls "plugins")]
|
plugins-val (.getItem ls "plugins")]
|
||||||
(when plugins-val
|
(when plugins-val
|
||||||
(let [plugins-js (.parse js/JSON plugins-val)]
|
(let [stored (->> (.parse js/JSON plugins-val)
|
||||||
(js->clj plugins-js {:keywordize-keys true})))))
|
(map parse-plugin-data))]
|
||||||
|
(reset! registry
|
||||||
|
{:ids (->> stored (map :plugin-id))
|
||||||
|
:data (d/index-by :plugin-id stored)})))))
|
||||||
|
|
||||||
(defn save-to-store
|
(defn save-to-store
|
||||||
[plugins]
|
[]
|
||||||
(let [ls (.-localStorage js/window)
|
(->> (:ids @registry)
|
||||||
plugins-js (clj->js plugins)
|
(map #(dm/get-in @registry [:data %]))
|
||||||
plugins-val (.stringify js/JSON plugins-js)]
|
(map format-plugin-data)
|
||||||
(.setItem ls "plugins" plugins-val)))
|
(apply array)
|
||||||
|
(.stringify js/JSON)
|
||||||
|
(.setItem (.-localStorage js/window) "plugins")))
|
||||||
|
|
||||||
(defn init
|
(defn init
|
||||||
[]
|
[]
|
||||||
(reset! pluginsdb (load-from-store)))
|
(load-from-store))
|
||||||
|
|
||||||
(defn install-plugin!
|
(defn install-plugin!
|
||||||
[plugin]
|
[plugin]
|
||||||
(let [plugins (as-> @pluginsdb $
|
(letfn [(update-ids [ids]
|
||||||
(remove (fn [{:keys [name host]}]
|
(conj
|
||||||
(and (= name (:name plugin))
|
(->> ids (remove #(= % (:plugin-id plugin))))
|
||||||
(= host (:host plugin)))) $)
|
(:plugin-id plugin)))]
|
||||||
(conj $ plugin)
|
(swap! registry #(-> %
|
||||||
(vec $))]
|
(update :ids update-ids)
|
||||||
(reset! pluginsdb plugins)
|
(update :data assoc (:plugin-id plugin) plugin)))
|
||||||
(save-to-store plugins)))
|
(save-to-store)))
|
||||||
|
|
||||||
(defn remove-plugin!
|
(defn remove-plugin!
|
||||||
[{:keys [plugin-id]}]
|
[{:keys [plugin-id]}]
|
||||||
(let [plugins
|
(letfn [(update-ids [ids]
|
||||||
(into []
|
(->> ids
|
||||||
(keep (fn [plugin]
|
(remove #(= % plugin-id))))]
|
||||||
(when (not= plugin-id (:plugin-id plugin)) plugin)))
|
(swap! registry #(-> %
|
||||||
@pluginsdb)]
|
(update :ids update-ids)
|
||||||
(reset! pluginsdb plugins)
|
(update :data dissoc plugin-id)))
|
||||||
(save-to-store plugins)))
|
(save-to-store)))
|
||||||
|
|
||||||
(defn check-permission
|
(defn check-permission
|
||||||
[plugin-id permission]
|
[plugin-id permission]
|
||||||
(or (= plugin-id "TEST")
|
(or (= plugin-id "TEST")
|
||||||
(let [{:keys [permissions]} (->> @pluginsdb (d/seek #(= (:plugin-id %) plugin-id)))]
|
(let [{:keys [permissions]} (dm/get-in @registry [:data plugin-id])]
|
||||||
(->> permissions (d/seek #(= % permission))))))
|
(contains? permissions permission))))
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue