✨ Improvements over svg export

frontend/resources/locales.json

@@ -4410,5 +4410,12 @@
       "es" : "Pulsar para cerrar la ruta"
     },
     "unused" : true
-  }
+  },
+
+    "workspace.options.export.suffix": {
+        "translations" : {
+            "en" : "Suffix",
+            "es" : "Sufijo"
+        }
+    }
 }

frontend/src/app/main/ui/render.cljs

@@ -18,6 +18,7 @@
    [app.common.geom.shapes :as geom]
    [app.common.geom.point :as gpt]
    [app.common.geom.matrix :as gmt]
+   [app.main.ui.context :as muc]
    [app.main.exports :as exports]
    [app.main.repo :as repo]))
 
@@ -65,17 +66,18 @@
          #(exports/shape-wrapper-factory objects))
         ]
 
-    [:svg {:id "screenshot"
-           :view-box vbox
-           :width width
-           :height height
-           :version "1.1"
-           :xmlnsXlink "http://www.w3.org/1999/xlink"
-           :xmlns "http://www.w3.org/2000/svg"}
-     (case (:type object)
-       :frame [:& frame-wrapper {:shape object :view-box vbox}]
-       :group [:& group-wrapper {:shape object}]
-       [:& shape-wrapper {:shape object}])]))
+    [:& (mf/provider muc/embed-ctx) {:value true}
+     [:svg {:id "screenshot"
+            :view-box vbox
+            :width width
+            :height height
+            :version "1.1"
+            :xmlnsXlink "http://www.w3.org/1999/xlink"
+            :xmlns "http://www.w3.org/2000/svg"}
+      (case (:type object)
+        :frame [:& frame-wrapper {:shape object :view-box vbox}]
+        :group [:& group-wrapper {:shape object}]
+        [:& shape-wrapper {:shape object}])]]))
 
 (defn- adapt-root-frame
   [objects object-id]

frontend/src/app/main/ui/workspace/sidebar/options/exports.cljs

@@ -146,6 +146,7 @@
             [:option {:value "4"} "4x"]
             [:option {:value "6"} "6x"]]
            [:input.input-text {:value (:suffix export)
+                               :placeholder (tr "workspace.options.export.suffix")
                                :on-change (partial on-suffix-change index)}]
            [:select.input-select {:value (name (:type export))
                                   :on-change (partial on-type-change index)}