🐛 Fix viewer can update library

CHANGES.md

@@ -31,6 +31,7 @@
 - Fix unhandled exception on open-new-window helper [Github #7787](https://github.com/penpot/penpot/issues/7787)
 - Fix exception on uploading large fonts [Github #8135](https://github.com/penpot/penpot/pull/8135)
 - Fix boolean operators in menu for boards [Taiga #13174](https://tree.taiga.io/project/penpot/issue/13174)
+- Fix viewer can update library [Taiga #13186](https://tree.taiga.io/project/penpot/issue/13186)
 
 ## 2.13.0 (Unreleased)
 

backend/src/app/setup.clj

@@ -98,7 +98,7 @@
   [_ {:keys [::props] :as cfg}]
   (let [secret (get props :secret-key)]
     (d/without-nils
-     {"exporter"
+     {:exporter
       (let [key (or (get cfg :exporter)
                     (-> (keys/derive secret :salt "exporter")
                         (bc/bytes->b64-str true)))]
@@ -111,7 +111,7 @@
             (l/inf :hint "exporter key initialized" :key (d/obfuscate-string key))
             key)))
 
-      "nitrate"
+      :nitrate
       (let [key (or (get cfg :nitrate)
                     (-> (keys/derive secret :salt "nitrate")
                         (bc/bytes->b64-str true)))]

frontend/src/app/main/data/workspace/libraries.cljs

@@ -1205,6 +1205,7 @@
             file         (dsh/lookup-file state file-id)
             file-data    (get file :data)
             ignore-until (get file :ignore-sync-until)
+            permissions (:permissions state)
 
             libraries-need-sync
             (->> (vals (get state :files))
@@ -1224,7 +1225,8 @@
             do-dismiss
             #(st/emit! ignore-sync (ntf/hide))]
 
-        (when (seq libraries-need-sync)
+        (when (and (:can-edit permissions)
+                   (seq libraries-need-sync))
           (rx/of (ntf/dialog
                   :content (tr "workspace.updates.there-are-updates")
                   :controls :inline-actions

frontend/src/app/main/ui/workspace/tokens/remapping_modal.scss

@@ -50,6 +50,7 @@
 .modal-title {
   @include t.use-typography("headline-medium");
   color: var(--modal-title-foreground-color);
+  word-wrap: break-word;
 }
 
 .modal-content {

plugins/apps/colors-to-tokens-plugin/project.json

@@ -16,6 +16,7 @@
         "polyfills": ["zone.js"],
         "tsConfig": "apps/colors-to-tokens-plugin/tsconfig.app.json",
         "assets": [
+          "apps/colors-to-tokens-plugin/src/_headers",
           "apps/colors-to-tokens-plugin/src/favicon.ico",
           "apps/colors-to-tokens-plugin/src/assets"
         ],

plugins/apps/colors-to-tokens-plugin/src/_headers

@@ -0,0 +1,4 @@
+/*
+Access-Control-Allow-Origin: *
+Access-Control-Allow-Methods: GET, POST, OPTIONS
+Access-Control-Allow-Headers: Content-Type

plugins/apps/contrast-plugin/project.json

@@ -16,6 +16,7 @@
         "polyfills": ["zone.js"],
         "tsConfig": "apps/contrast-plugin/tsconfig.app.json",
         "assets": [
+          "apps/contrast-plugin/src/_headers",
           "apps/contrast-plugin/src/favicon.ico",
           "apps/contrast-plugin/src/assets"
         ],

plugins/apps/contrast-plugin/src/_headers

@@ -0,0 +1,4 @@
+/*
+Access-Control-Allow-Origin: *
+Access-Control-Allow-Methods: GET, POST, OPTIONS
+Access-Control-Allow-Headers: Content-Type

plugins/apps/create-palette-plugin/public/_headers

@@ -0,0 +1,4 @@
+/*
+Access-Control-Allow-Origin: *
+Access-Control-Allow-Methods: GET, POST, OPTIONS
+Access-Control-Allow-Headers: Content-Type

plugins/apps/icons-plugin/project.json

@@ -16,6 +16,7 @@
         "polyfills": ["zone.js"],
         "tsConfig": "apps/icons-plugin/tsconfig.app.json",
         "assets": [
+          "apps/icons-plugin/src/_headers",
           "apps/icons-plugin/src/favicon.ico",
           "apps/icons-plugin/src/assets"
         ],

plugins/apps/icons-plugin/src/_headers

@@ -0,0 +1,4 @@
+/*
+Access-Control-Allow-Origin: *
+Access-Control-Allow-Methods: GET, POST, OPTIONS
+Access-Control-Allow-Headers: Content-Type

plugins/apps/lorem-ipsum-plugin/project.json

@@ -16,6 +16,7 @@
         "polyfills": ["zone.js"],
         "tsConfig": "apps/lorem-ipsum-plugin/tsconfig.app.json",
         "assets": [
+          "apps/lorem-ipsum-plugin/src/_headers",
           "apps/lorem-ipsum-plugin/src/favicon.ico",
           "apps/lorem-ipsum-plugin/src/assets"
         ],

plugins/apps/lorem-ipsum-plugin/src/_headers

@@ -0,0 +1,4 @@
+/*
+Access-Control-Allow-Origin: *
+Access-Control-Allow-Methods: GET, POST, OPTIONS
+Access-Control-Allow-Headers: Content-Type

plugins/apps/rename-layers-plugin/project.json

@@ -16,6 +16,7 @@
         "polyfills": ["zone.js"],
         "tsConfig": "apps/rename-layers-plugin/tsconfig.app.json",
         "assets": [
+          "apps/rename-layers-plugin/src/_headers",
           "apps/rename-layers-plugin/src/favicon.ico",
           "apps/rename-layers-plugin/src/assets"
         ],

plugins/apps/rename-layers-plugin/src/_headers

@@ -0,0 +1,4 @@
+/*
+Access-Control-Allow-Origin: *
+Access-Control-Allow-Methods: GET, POST, OPTIONS
+Access-Control-Allow-Headers: Content-Type

plugins/apps/table-plugin/project.json

@@ -16,6 +16,7 @@
         "polyfills": ["zone.js"],
         "tsConfig": "apps/table-plugin/tsconfig.app.json",
         "assets": [
+          "apps/table-plugin/src/_headers",
           "apps/table-plugin/src/favicon.ico",
           "apps/table-plugin/src/assets"
         ],

plugins/apps/table-plugin/src/_headers

@@ -0,0 +1,4 @@
+/*
+Access-Control-Allow-Origin: *
+Access-Control-Allow-Methods: GET, POST, OPTIONS
+Access-Control-Allow-Headers: Content-Type