3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-26 04:56:14 +02:00
Code Issues Projects Releases Packages Wiki Activity

✨ Fix problems when migrating old texts

Browse source
This commit is contained in:
alonso.torres 2022-02-21 11:15:29 +01:00
parent d0e008665f
commit 3228582cbe
3 changed files with 83 additions and 54 deletions
Download patch file Download diff file Expand all files Collapse all files

9
frontend/src/app/main/ui/shapes/text/styles.cljs
View file

@ -58,7 +58,10 @@
(= grow-type :auto-width) (obj/set! "whiteSpace" "pre"))))
(defn generate-text-styles
[data]
([data]
(generate-text-styles data nil))
([data {:keys [show-text?] :or {show-text? true}}]
(let [letter-spacing (:letter-spacing data 0)
text-decoration (:text-decoration data)
text-transform (:text-transform data)
@ -80,7 +83,7 @@
base #js {:textDecoration text-decoration
:textTransform text-transform
:lineHeight (or line-height "inherit")
:color "transparent"
:color (if show-text? text-color "transparent")
:caretColor (or text-color "black")
:overflowWrap "initial"}
@ -114,4 +117,4 @@
(obj/set! base "fontStyle" font-style)
(obj/set! base "fontWeight" font-weight)))
base))
base)))

36
frontend/src/app/main/ui/workspace/shapes/text.cljs
View file

@ -122,12 +122,14 @@
(mf/defc text-wrapper
{::mf/wrap-props false}
[props]
(let [{:keys [id] :as shape} (unchecked-get props "shape")
(let [{:keys [id position-data] :as shape} (unchecked-get props "shape")
edition-ref (mf/use-memo (mf/deps id) #(l/derived (fn [o] (= id (:edition o))) refs/workspace-local))
edition? (mf/deref edition-ref)
local-position-data (mf/use-state nil)
sid-ref (mf/use-ref nil)
handle-change-foreign-object
(fn [node]
(when-let [position-data (utp/calc-position-data node)]
@ -149,9 +151,9 @@
(gsh/transform-rect mtx)))))]
(reset! local-position-data position-data))))
[_ on-change-node] (use-mutable-observer handle-change-foreign-object)
[node-ref on-change-node] (use-mutable-observer handle-change-foreign-object)
show-svg-text? (or (some? (:position-data shape)) (some? @local-position-data))
show-svg-text? (or (some? position-data) (some? @local-position-data))
update-position-data
(fn []
@ -173,12 +175,36 @@
(fn []
(rx/dispose! sid)))))
(mf/use-layout-effect
(mf/deps show-svg-text?)
(fn []
(let []
(when-not show-svg-text?
;; There is no position data we need to calculate it even if no change has happened
;; this usualy happens the first time a text is rendered
(let [update-data
(fn update-data []
(let [node (mf/ref-val node-ref)]
(if (some? node)
(let [position-data (utp/calc-position-data node)]
(reset! local-position-data position-data))
;; No node present, we need to keep waiting
(do (when-let [sid (mf/ref-val sid-ref)] (rx/dispose! sid))
(when-not @local-position-data
(mf/set-ref-val! sid-ref (timers/schedule 100 update-data)))))))]
(mf/set-ref-val! sid-ref (timers/schedule 100 update-data))))
(fn []
(when-let [sid (mf/ref-val sid-ref)]
(rx/dispose! sid))))))
[:> shape-container {:shape shape}
;; We keep hidden the shape when we're editing so it keeps track of the size
;; and updates the selrect accordingly
[:*
[:g.text-shape {:ref on-change-node
:opacity (when (or edition? show-svg-text?) 0)
:opacity (when show-svg-text? 0)
:pointer-events "none"}
;; The `:key` prop here is mandatory because the
@ -186,7 +212,7 @@
;; the component if the edition flag changes.
[:& text-resize-content {:shape
(cond-> shape
(:position-data shape)
show-svg-text?
(dissoc :transform :transform-inverse))
:edition? edition?
:key (str id edition?)}]]

4
frontend/src/app/main/ui/workspace/shapes/text/editor.cljs
View file

@ -62,9 +62,9 @@
(-> (.getData content)
(.toJS)
(js->clj :keywordize-keys true)
(sts/generate-text-styles))
(sts/generate-text-styles {:show-text? false}))
(-> (txt/styles-to-attrs styles)
(sts/generate-text-styles))))
(sts/generate-text-styles {:show-text? false}))))
(def default-decorator
(ted/create-decorator "PENPOT_SELECTION" selection-component))