fix: add warning for large scripts

src/_locales/cs/messages.yml

@@ -445,3 +445,6 @@ sideMenuSettings:
 titleScriptUpdated:
   description: Notification title for script updates.
   message: ''
+warnScriptTooLarge:
+  description: Warning message shown when script is too large to be edited.
+  message: ''

src/_locales/de/messages.yml

@@ -447,3 +447,6 @@ sideMenuSettings:
 titleScriptUpdated:
   description: Notification title for script updates.
   message: Aktualisierung
+warnScriptTooLarge:
+  description: Warning message shown when script is too large to be edited.
+  message: ''

src/_locales/el/messages.yml

@@ -453,3 +453,6 @@ sideMenuSettings:
 titleScriptUpdated:
   description: Notification title for script updates.
   message: Ενημέρωση
+warnScriptTooLarge:
+  description: Warning message shown when script is too large to be edited.
+  message: ''

src/_locales/en/messages.yml

@@ -445,3 +445,6 @@ sideMenuSettings:
 titleScriptUpdated:
   description: Notification title for script updates.
   message: Update
+warnScriptTooLarge:
+  description: Warning message shown when script is too large to be edited.
+  message: 'Script too large, opening in read-only mode.'

src/_locales/es/messages.yml

@@ -449,3 +449,6 @@ sideMenuSettings:
 titleScriptUpdated:
   description: Notification title for script updates.
   message: Actualizar
+warnScriptTooLarge:
+  description: Warning message shown when script is too large to be edited.
+  message: ''

src/_locales/fi/messages.yml

@@ -447,3 +447,6 @@ sideMenuSettings:
 titleScriptUpdated:
   description: Notification title for script updates.
   message: Päivitys
+warnScriptTooLarge:
+  description: Warning message shown when script is too large to be edited.
+  message: ''

src/_locales/fr/messages.yml

@@ -448,3 +448,6 @@ sideMenuSettings:
 titleScriptUpdated:
   description: Notification title for script updates.
   message: Mise à jour
+warnScriptTooLarge:
+  description: Warning message shown when script is too large to be edited.
+  message: ''

src/_locales/hr/messages.yml

@@ -445,3 +445,6 @@ sideMenuSettings:
 titleScriptUpdated:
   description: Notification title for script updates.
   message: Obnovi
+warnScriptTooLarge:
+  description: Warning message shown when script is too large to be edited.
+  message: ''

src/_locales/id/messages.yml

@@ -447,3 +447,6 @@ sideMenuSettings:
 titleScriptUpdated:
   description: Notification title for script updates.
   message: Update
+warnScriptTooLarge:
+  description: Warning message shown when script is too large to be edited.
+  message: ''

src/_locales/it/messages.yml

@@ -447,3 +447,6 @@ sideMenuSettings:
 titleScriptUpdated:
   description: Notification title for script updates.
   message: Aggiornamento
+warnScriptTooLarge:
+  description: Warning message shown when script is too large to be edited.
+  message: ''

src/_locales/ja/messages.yml

@@ -445,3 +445,6 @@ sideMenuSettings:
 titleScriptUpdated:
   description: Notification title for script updates.
   message: 更新
+warnScriptTooLarge:
+  description: Warning message shown when script is too large to be edited.
+  message: ''

src/_locales/ko/messages.yml

@@ -443,3 +443,6 @@ sideMenuSettings:
 titleScriptUpdated:
   description: Notification title for script updates.
   message: 업데이트
+warnScriptTooLarge:
+  description: Warning message shown when script is too large to be edited.
+  message: ''

src/_locales/pl/messages.yml

@@ -450,3 +450,6 @@ sideMenuSettings:
 titleScriptUpdated:
   description: Notification title for script updates.
   message: Aktualizacja
+warnScriptTooLarge:
+  description: Warning message shown when script is too large to be edited.
+  message: ''

src/_locales/pt_BR/messages.yml

@@ -449,3 +449,6 @@ sideMenuSettings:
 titleScriptUpdated:
   description: Notification title for script updates.
   message: Atualização
+warnScriptTooLarge:
+  description: Warning message shown when script is too large to be edited.
+  message: ''

src/_locales/pt_PT/messages.yml

@@ -449,3 +449,6 @@ sideMenuSettings:
 titleScriptUpdated:
   description: Notification title for script updates.
   message: Atualização
+warnScriptTooLarge:
+  description: Warning message shown when script is too large to be edited.
+  message: ''

src/_locales/ro/messages.yml

@@ -445,3 +445,6 @@ sideMenuSettings:
 titleScriptUpdated:
   description: Notification title for script updates.
   message: ''
+warnScriptTooLarge:
+  description: Warning message shown when script is too large to be edited.
+  message: ''

src/_locales/ru/messages.yml

@@ -452,3 +452,6 @@ sideMenuSettings:
 titleScriptUpdated:
   description: Notification title for script updates.
   message: Обновление
+warnScriptTooLarge:
+  description: Warning message shown when script is too large to be edited.
+  message: ''

src/_locales/sr/messages.yml

@@ -445,3 +445,6 @@ sideMenuSettings:
 titleScriptUpdated:
   description: Notification title for script updates.
   message: ''
+warnScriptTooLarge:
+  description: Warning message shown when script is too large to be edited.
+  message: ''

src/_locales/tr/messages.yml

@@ -449,3 +449,6 @@ sideMenuSettings:
 titleScriptUpdated:
   description: Notification title for script updates.
   message: Güncelleme
+warnScriptTooLarge:
+  description: Warning message shown when script is too large to be edited.
+  message: ''

src/_locales/vi/messages.yml

@@ -445,3 +445,6 @@ sideMenuSettings:
 titleScriptUpdated:
   description: Notification title for script updates.
   message: Cập nhật
+warnScriptTooLarge:
+  description: Warning message shown when script is too large to be edited.
+  message: ''

src/_locales/zh_CN/messages.yml

@@ -443,3 +443,6 @@ sideMenuSettings:
 titleScriptUpdated:
   description: Notification title for script updates.
   message: 更新
+warnScriptTooLarge:
+  description: Warning message shown when script is too large to be edited.
+  message: 脚本过大，以只读模式打开。

src/_locales/zh_TW/messages.yml

@@ -443,3 +443,6 @@ sideMenuSettings:
 titleScriptUpdated:
   description: Notification title for script updates.
   message: 更新
+warnScriptTooLarge:
+  description: Warning message shown when script is too large to be edited.
+  message: ''

src/options/views/edit/index.vue

@@ -4,8 +4,9 @@
       <h2 v-text="i18n('labelScriptEditor')"></h2>
       <div class="flex-auto pos-rel px-2">
         <div class="edit-nav">
-          <div v-text="i18n('editNavCode')" :class="{active: nav === 'code'}" @click="nav = 'code'"></div>
-          <div v-text="i18n('editNavSettings')" :class="{active: nav === 'settings'}" @click="nav = 'settings'"></div>
+          <div class="edit-nav-item" v-text="i18n('editNavCode')" :class="{active: nav === 'code'}" @click="nav = 'code'"></div>
+          <div class="edit-nav-item" v-text="i18n('editNavSettings')" :class="{active: nav === 'settings'}" @click="nav = 'settings'"></div>
+          <span class="text-red" v-if="tooLarge" v-text="i18n('warnScriptTooLarge')"></span>
         </div>
       </div>
       <div class="buttons">
@@ -18,7 +19,7 @@
     <div class="frame-block flex-auto pos-rel">
       <vm-code
         v-show="nav === 'code'" class="abs-full"
-        v-model="code" :commands="commands"
+        v-model="code" :commands="commands" @warnLarge="onWarnLarge"
       />
       <vm-settings
         v-show="nav === 'settings'" class="abs-full"
@@ -55,6 +56,7 @@ export default {
       nav: 'code',
       canSave: false,
       script: null,
+      tooLarge: false,
       code: '',
       settings: {},
       commands: {
@@ -192,6 +194,9 @@ export default {
     saveClose() {
       this.save().then(this.close);
     },
+    onWarnLarge(tooLarge) {
+      this.tooLarge = tooLarge;
+    },
   },
 };
 </script>
@@ -207,18 +212,22 @@ export default {
     position: absolute;
     left: 0;
     bottom: 0;
-    > div {
-      display: inline-block;
-      padding: 8px 16px;
-      color: #bbb;
-      &.active {
-        background: white;
-        box-shadow: 0 -1px 1px #bbb;
-        color: #333;
-      }
-      &:hover {
-        box-shadow: 0 -1px 1px #bbb;
-      }
+    .text-red {
+      margin-left: 8px;
+    }
+  }
+  &-nav-item {
+    display: inline-block;
+    padding: 8px 16px;
+    cursor: pointer;
+    color: #bbb;
+    &.active {
+      background: white;
+      box-shadow: 0 -1px 1px #bbb;
+      color: #333;
+    }
+    &:hover {
+      box-shadow: 0 -1px 1px #bbb;
     }
   }
 }