added settings item

Author: JerryI

package.json

@@ -1,6 +1,6 @@
 {
   "name": "wljs-editor",
-  "version": "1.2.9",
+  "version": "1.3.0",
   "description": "WLJS Code editor",
   "scripts": {
     "build": "node --max-old-space-size=8192 ./node_modules/.bin/rollup --config rollup.config.mjs",

src/Frontend.wl

@@ -7,8 +7,10 @@ BeginPackage["Notebook`Editor`", {
     "JerryI`Misc`Events`",
     "JerryI`WLX`",
     "JerryI`WLX`Importer`",
+    "JerryI`WLX`WebUI`",
     "JerryI`Misc`WLJS`Transport`",
-    "Notebook`Editor`FrontendObject`"
+    "Notebook`Editor`FrontendObject`",
+    "JerryI`Notebook`AppExtensions`"
 }]
 
 NotebookEditorChannel::usage = "used to transfer extra events"
@@ -19,6 +21,11 @@ Begin["`Internal`"]
 truncatedTemplate = ImportComponent[ FileNameJoin[{$InputFileName // DirectoryName // ParentDirectory, "templates", "truncated.wlx"}] ];
 truncatedTemplate = truncatedTemplate["Data"->"``", "Size"->"``"];
 
+AppExtensions`TemplateInjection["SettingsFooter"] = ImportComponent[ FileNameJoin[{$InputFileName // DirectoryName // ParentDirectory, "templates", "Settings.wlx"}] ];
+
+{loadSettings, storeSettings}        = ImportComponent["Frontend/Settings.wl"];
+settings = <||>;
+
 NotebookEditorChannel = CreateUUID[];
 
 rootFolder = $InputFileName // DirectoryName;
@@ -102,11 +109,13 @@ evaluator  = StandardEvaluator["Name" -> "Wolfram Evaluator", "InitKernel" -> in
 
 init[k_] := Module[{},
     Print["Kernel init..."];
-    With[{channel = NotebookEditorChannel, tt = truncatedTemplate},
+    loadSettings[settings];
+
+    With[{channel = NotebookEditorChannel, tt = truncatedTemplate, charLim = Lookup[settings, "OutputCharactersLimit", 6000]},
         Kernel`Init[k,
             Print["Init internal communication"];
             Internal`Kernel`TruncatedOutputTemplate = tt;
-            Notebook`Editor`$OutputCharactersLimit = 5000;
+            Notebook`Editor`$OutputCharactersLimit = charLim;
             Internal`Kernel`CommunicationChannel = Internal`Kernel`Stdout[channel];
         ];
     ];

templates/Settings.wlx

@@ -0,0 +1,54 @@
+
+
+
+parseInt[any_String] := ToExpression[any]
+parseInt[any_] := any 
+
+
+
+Component[OptionsPattern[]] := Module[{tempBuffer}, With[{
+    update = CreateUUID[],
+    settings = OptionValue["Settings"],
+    log = OptionValue["Messager"],
+    onsave = OptionValue["OnSave"],
+    controller = CreateUUID[],
+
+    initialValues = Join[<|
+        "OutputCharactersLimit" -> 6000
+    |>, OptionValue["Settings"]]
+},
+
+    EventHandler[controller, {
+        "Charlim" -> Function[value,
+            If[NumericQ[parseInt[value]],
+                onsave[<|"OutputCharactersLimit" -> parseInt[value]|>];
+                EventFire[log, Notifications`NotificationMessage["Info"](*`*), "Restart of a Kernel required"];
+            ,
+                EventFire[Messager, Notifications`NotificationMessage["Warning"](*`*), "Not a valid number!"];
+            ];
+        ]
+    }];
+
+    With[{lim = initialValues["OutputCharactersLimit"]},
+
+        <li class="list-none px-0 py-4 sm:px-0">
+            <div class="px-4 sm:px-0 pb-3 border-b border-gray-100">
+                <h3 class="text-base font-semibold leading-7 text-gray-900 dark:text-gray-300">Editor settings</h3>
+                <p class="mt-1 max-w-2xl text-sm leading-6 text-gray-500 dark:text-gray-500"></p>
+            </div>
+            <div class="mt-4">   
+                <span class="dark:text-gray-400">Output form</span>
+                    <div class="pb-2 mt-2 mt-5 gap-y-2 flex flex-col">
+                        <p class="text-sm text-gray-500">Sets the maximum character limit for the output before the output cell is truncated.</p>
+                        <div class="rounded-md px-3 pb-3 pt-2.5 shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-indigo-600">
+                            <label for="characterslimit" class="block text-xs font-medium text-gray-900 dark:text-gray-400">Characters limit</label>
+                            <input type="number" value="{lim}" min="3000" max="50000" step="100" id="characterslimit" class="block w-full border-0 p-0 dark:bg-gray-700 text-gray-900 dark:text-gray-300 placeholder:text-gray-400 focus:ring-0 sm:text-sm sm:leading-6"/>
+                            <WebUIEventListener Id={"characterslimit"} Type={"blur"} Event={controller} Pattern={"Charlim"}/>
+                        </div> 
+                    </div>           
+            </div>       
+        </li>
+    ]
+]]
+
+Component