pinokiod 3.9.0 → 3.9.3

package/server/public/fseditor.js

@@ -0,0 +1,212 @@
+const FSEditor = async ({title, description, old_path, icon, iconpath, redirect, copy, move, edit }) => {
+  console.log({ icon, iconpath })
+  const compare = async (file1, file2) => {
+    if (file1.size !== file2.size) return false;
+    console.log({ file1, file2 })
+    const buffer1 = await file1.arrayBuffer();
+    const buffer2 = await file2.arrayBuffer();
+    const view1 = new Uint8Array(buffer1);
+    const view2 = new Uint8Array(buffer2);
+    for (let i = 0; i < view1.length; i++) {
+      if (view1[i] !== view2[i]) return false;
+    }
+    return true;
+  }
+  let dirty
+  let mode
+  let new_path
+  let initial_file
+  let title_label
+  let file_type
+  let folderpath_html = ""
+  if (copy) {
+    mode = "copy"
+    title_label = "Copy to"
+  } else if (move) {
+    mode = "move"
+    title_label = "Move to"
+  } else {
+    mode = "edit"
+    title_label = "Edit"
+  }
+  if (copy || move) {
+    folderpath_html = `<div class='folder-row'>
+  <label for='new-folder-description'>Folder Path</label>
+  <div class='field-row'>
+    <label>/api/</label>
+    <input id="new-folder-path" class="swal2-input" placeholder="Folder Path" value="${old_path}" />
+  </div>
+</div>`
+  }
+  let result = await Swal.fire({
+    title: title_label,
+    html: `<div class='filepond-wrapper'>
+<div class='avatar-field'>
+  <input id='new-folder-image' type="file" class="filepond" name="avatar" accept="image/png, image/jpeg, image/gif" />
+</div>
+<div class='folder-rows'>
+  ${folderpath_html}
+  <div class='folder-row'>
+    <label for='new-folder-title'>Title</label>
+    <input id="new-folder-title" class="swal2-input" placeholder="Folder Name" value="${title}" />
+  </div>
+  <div class='folder-row'>
+    <label for='new-folder-description'>Description</label>
+    <textarea id="new-folder-description" class="swal2-input" placeholder="Folder Description">${description}</textarea>
+  </div>
+</div>
+</div>`,
+    allowOutsideClick: true,
+    focusConfirm: false,
+//    showCancelButton: true,
+    confirmButtonText: 'Save',
+    didOpen: () => {
+      const textarea = document.querySelector("#new-folder-description")
+      textarea.style.height = 'auto';
+      textarea.style.height = textarea.scrollHeight + 'px';
+      textarea.addEventListener('input', () => {
+        textarea.style.height = textarea.scrollHeight + 'px';
+      });
+      FilePond.registerPlugin(
+        FilePondPluginFileValidateType,
+        FilePondPluginImageExifOrientation,
+        FilePondPluginImagePreview,
+        FilePondPluginImageCrop,
+        FilePondPluginImageResize,
+        FilePondPluginImageTransform,
+        FilePondPluginImageEdit
+      );
+      pond = FilePond.create(
+        document.querySelector('#new-folder-image'),
+        {
+          allowReplace: true,
+          allowRevert: true,
+          allowRemove: true,
+
+          allowImageCrop: true,
+          allowImageEdit: true,
+          allowImageTransform: true,
+
+
+          labelIdle: `Drag & Drop your picture or <span class="filepond--label-action">Browse</span>`,
+          imagePreviewHeight: 170,
+          imageCropAspectRatio: '1:1',
+          imageResizeTargetWidth: 200,
+          imageResizeTargetHeight: 200,
+          stylePanelLayout: 'compact circle',
+          instantUpload: false,
+          server: {
+//            process: {
+//              url: '/pinokio/upload', // optional if same as above
+            process: async (fieldName, file, metadata, load, error, progress, abort) => {
+              const formData = new FormData();
+
+              console.log("upload", { dirty })
+              if (dirty) {
+                formData.append("icon_dirty", true)
+              }
+              formData.append("icon_path", iconpath)
+              let title = Swal.getPopup().querySelector('#new-folder-title').value
+              let description = Swal.getPopup().querySelector('#new-folder-description').value
+              let folder_path_el = Swal.getPopup().querySelector('#new-folder-path')
+              formData.append("title", title)
+              formData.append("description", description)
+              formData.append("old_path", old_path)
+              let path
+              if (folder_path_el) {
+                path = folder_path_el.value
+                formData.append("new_path", path)
+              } else {
+                path = old_path
+                formData.append("new_path", old_path)
+              }
+              if (mode === "copy") {
+                formData.append("copy", true)
+              } else if (mode === "move") {
+                formData.append("move", true)
+              }
+              if (edit) {
+                formData.append("edit", true)
+              }
+              new_path = path
+
+              try {
+                let response = await fetch('/pinokio/upload', {
+                  method: 'POST',
+                  body: formData
+                }).then(res => res.json())
+                if (response.error) {
+                  alert(response.error)
+                } else {
+                  Swal.close()
+                  if (new_path) {
+                    location.href = redirect(new_path)
+                  } else {
+                    location.href = location.href
+                  }
+                }
+              } catch (e) {
+                alert(e.message)
+              }
+              return {
+                abort: () => {
+                  abort();
+                }
+              };
+            }
+          },
+          onaddfile(error, file) {
+            console.log({ file, initial_file })
+            if (initial_file) {
+              compare(initial_file.file, file.file).then((same) => {
+                if (same) {
+                  // don't do anything
+                } else {
+                  dirty = true
+                  // make sure the image mime type is transformed into the same type as the existing image
+                  pond.setOptions({
+                    imageTransformOutputMimeType: initial_file.fileType
+                  })
+                }
+                initial_file = file
+              })
+            } else {
+              initial_file = file
+            }
+          },
+//          onprocessfile(error, file) {
+//            console.log("onprocessfile")
+//            if (error) {
+//              alert(error.body)
+//            } else {
+//              Swal.close()
+//              if (new_path) {
+//                location.href = redirect(new_path)
+//              } else {
+//                location.href = location.href
+//              }
+//            }
+//          },
+          files: [
+            {
+              type: 'local',
+              source: icon,
+            }
+          ]
+        }
+      );
+    },
+    preConfirm: () => {
+      if (mode === "copy") {
+        let new_path = Swal.getPopup().querySelector('#new-folder-path').value
+        if (new_path === old_path) {
+          alert("Please specify a new folder name to copy to")
+          return false
+        }
+      }
+      pond.processFile()
+      return false
+    }
+  })
+
+}

package/server/public/highlight-js.js

@@ -0,0 +1,81 @@
+/*! `javascript` grammar compiled for Highlight.js 11.11.1 */
+(()=>{var e=(()=>{"use strict"
+;const e="[A-Za-z$_][0-9A-Za-z$_]*",n=["as","in","of","if","for","while","finally","var","new","function","do","return","void","else","break","catch","instanceof","with","throw","case","default","try","switch","continue","typeof","delete","let","yield","const","class","debugger","async","await","static","import","from","export","extends","using"],a=["true","false","null","undefined","NaN","Infinity"],t=["Object","Function","Boolean","Symbol","Math","Date","Number","BigInt","String","RegExp","Array","Float32Array","Float64Array","Int8Array","Uint8Array","Uint8ClampedArray","Int16Array","Int32Array","Uint16Array","Uint32Array","BigInt64Array","BigUint64Array","Set","Map","WeakSet","WeakMap","ArrayBuffer","SharedArrayBuffer","Atomics","DataView","JSON","Promise","Generator","GeneratorFunction","AsyncFunction","Reflect","Proxy","Intl","WebAssembly"],s=["Error","EvalError","InternalError","RangeError","ReferenceError","SyntaxError","TypeError","URIError"],r=["setInterval","setTimeout","clearInterval","clearTimeout","require","exports","eval","isFinite","isNaN","parseFloat","parseInt","decodeURI","decodeURIComponent","encodeURI","encodeURIComponent","escape","unescape"],c=["arguments","this","super","console","window","document","localStorage","sessionStorage","module","global"],i=[].concat(r,t,s)
+;return o=>{const l=o.regex,d=e,b={begin:/<[A-Za-z0-9\\._:-]+/,
+end:/\/[A-Za-z0-9\\._:-]+>|\/>/,isTrulyOpeningTag:(e,n)=>{
+const a=e[0].length+e.index,t=e.input[a]
+;if("<"===t||","===t)return void n.ignoreMatch();let s
+;">"===t&&(((e,{after:n})=>{const a="</"+e[0].slice(1)
+;return-1!==e.input.indexOf(a,n)})(e,{after:a})||n.ignoreMatch())
+;const r=e.input.substring(a)
+;((s=r.match(/^\s*=/))||(s=r.match(/^\s+extends\s+/))&&0===s.index)&&n.ignoreMatch()
+}},g={$pattern:e,keyword:n,literal:a,built_in:i,"variable.language":c
+},u="[0-9](_?[0-9])*",m=`\\.(${u})`,E="0|[1-9](_?[0-9])*|0[0-7]*[89][0-9]*",A={
+className:"number",variants:[{
+begin:`(\\b(${E})((${m})|\\.)?|(${m}))[eE][+-]?(${u})\\b`},{
+begin:`\\b(${E})\\b((${m})\\b|\\.)?|(${m})\\b`},{
+begin:"\\b(0|[1-9](_?[0-9])*)n\\b"},{
+begin:"\\b0[xX][0-9a-fA-F](_?[0-9a-fA-F])*n?\\b"},{
+begin:"\\b0[bB][0-1](_?[0-1])*n?\\b"},{begin:"\\b0[oO][0-7](_?[0-7])*n?\\b"},{
+begin:"\\b0[0-7]+n?\\b"}],relevance:0},y={className:"subst",begin:"\\$\\{",
+end:"\\}",keywords:g,contains:[]},h={begin:".?html`",end:"",starts:{end:"`",
+returnEnd:!1,contains:[o.BACKSLASH_ESCAPE,y],subLanguage:"xml"}},_={
+begin:".?css`",end:"",starts:{end:"`",returnEnd:!1,
+contains:[o.BACKSLASH_ESCAPE,y],subLanguage:"css"}},N={begin:".?gql`",end:"",
+starts:{end:"`",returnEnd:!1,contains:[o.BACKSLASH_ESCAPE,y],
+subLanguage:"graphql"}},f={className:"string",begin:"`",end:"`",
+contains:[o.BACKSLASH_ESCAPE,y]},p={className:"comment",
+variants:[o.COMMENT(/\/\*\*(?!\/)/,"\\*/",{relevance:0,contains:[{
+begin:"(?=@[A-Za-z]+)",relevance:0,contains:[{className:"doctag",
+begin:"@[A-Za-z]+"},{className:"type",begin:"\\{",end:"\\}",excludeEnd:!0,
+excludeBegin:!0,relevance:0},{className:"variable",begin:d+"(?=\\s*(-)|$)",
+endsParent:!0,relevance:0},{begin:/(?=[^\n])\s/,relevance:0}]}]
+}),o.C_BLOCK_COMMENT_MODE,o.C_LINE_COMMENT_MODE]
+},v=[o.APOS_STRING_MODE,o.QUOTE_STRING_MODE,h,_,N,f,{match:/\$\d+/},A]
+;y.contains=v.concat({begin:/\{/,end:/\}/,keywords:g,contains:["self"].concat(v)
+});const S=[].concat(p,y.contains),w=S.concat([{begin:/(\s*)\(/,end:/\)/,
+keywords:g,contains:["self"].concat(S)}]),R={className:"params",begin:/(\s*)\(/,
+end:/\)/,excludeBegin:!0,excludeEnd:!0,keywords:g,contains:w},O={variants:[{
+match:[/class/,/\s+/,d,/\s+/,/extends/,/\s+/,l.concat(d,"(",l.concat(/\./,d),")*")],
+scope:{1:"keyword",3:"title.class",5:"keyword",7:"title.class.inherited"}},{
+match:[/class/,/\s+/,d],scope:{1:"keyword",3:"title.class"}}]},k={relevance:0,
+match:l.either(/\bJSON/,/\b[A-Z][a-z]+([A-Z][a-z]*|\d)*/,/\b[A-Z]{2,}([A-Z][a-z]+|\d)+([A-Z][a-z]*)*/,/\b[A-Z]{2,}[a-z]+([A-Z][a-z]+|\d)*([A-Z][a-z]*)*/),
+className:"title.class",keywords:{_:[...t,...s]}},I={variants:[{
+match:[/function/,/\s+/,d,/(?=\s*\()/]},{match:[/function/,/\s*(?=\()/]}],
+className:{1:"keyword",3:"title.function"},label:"func.def",contains:[R],
+illegal:/%/},x={
+match:l.concat(/\b/,(T=[...r,"super","import"].map((e=>e+"\\s*\\(")),
+l.concat("(?!",T.join("|"),")")),d,l.lookahead(/\s*\(/)),
+className:"title.function",relevance:0};var T;const C={
+begin:l.concat(/\./,l.lookahead(l.concat(d,/(?![0-9A-Za-z$_(])/))),end:d,
+excludeBegin:!0,keywords:"prototype",className:"property",relevance:0},M={
+match:[/get|set/,/\s+/,d,/(?=\()/],className:{1:"keyword",3:"title.function"},
+contains:[{begin:/\(\)/},R]
+},B="(\\([^()]*(\\([^()]*(\\([^()]*\\)[^()]*)*\\)[^()]*)*\\)|"+o.UNDERSCORE_IDENT_RE+")\\s*=>",$={
+match:[/const|var|let/,/\s+/,d,/\s*/,/=\s*/,/(async\s*)?/,l.lookahead(B)],
+keywords:"async",className:{1:"keyword",3:"title.function"},contains:[R]}
+;return{name:"JavaScript",aliases:["js","jsx","mjs","cjs"],keywords:g,exports:{
+PARAMS_CONTAINS:w,CLASS_REFERENCE:k},illegal:/#(?![$_A-z])/,
+contains:[o.SHEBANG({label:"shebang",binary:"node",relevance:5}),{
+label:"use_strict",className:"meta",relevance:10,
+begin:/^\s*['"]use (strict|asm)['"]/
+},o.APOS_STRING_MODE,o.QUOTE_STRING_MODE,h,_,N,f,p,{match:/\$\d+/},A,k,{
+scope:"attr",match:d+l.lookahead(":"),relevance:0},$,{
+begin:"("+o.RE_STARTERS_RE+"|\\b(case|return|throw)\\b)\\s*",
+keywords:"return throw case",relevance:0,contains:[p,o.REGEXP_MODE,{
+className:"function",begin:B,returnBegin:!0,end:"\\s*=>",contains:[{
+className:"params",variants:[{begin:o.UNDERSCORE_IDENT_RE,relevance:0},{
+className:null,begin:/\(\s*\)/,skip:!0},{begin:/(\s*)\(/,end:/\)/,
+excludeBegin:!0,excludeEnd:!0,keywords:g,contains:w}]}]},{begin:/,/,relevance:0
+},{match:/\s+/,relevance:0},{variants:[{begin:"<>",end:"</>"},{
+match:/<[A-Za-z0-9\\._:-]+\s*\/>/},{begin:b.begin,
+"on:begin":b.isTrulyOpeningTag,end:b.end}],subLanguage:"xml",contains:[{
+begin:b.begin,end:b.end,skip:!0,contains:["self"]}]}]},I,{
+beginKeywords:"while if switch catch for"},{
+begin:"\\b(?!function)"+o.UNDERSCORE_IDENT_RE+"\\([^()]*(\\([^()]*(\\([^()]*\\)[^()]*)*\\)[^()]*)*\\)\\s*\\{",
+returnBegin:!0,label:"func.def",contains:[R,o.inherit(o.TITLE_MODE,{begin:d,
+className:"title.function"})]},{match:/\.\.\./,relevance:0},C,{match:"\\$"+d,
+relevance:0},{match:[/\bconstructor(?=\s*\()/],className:{1:"title.function"},
+contains:[R]},x,{relevance:0,match:/\b[A-Z][A-Z_0-9]+\b/,
+className:"variable.constant"},O,M,{match:/\$[(.]/}]}}})()
+;hljs.registerLanguage("javascript",e)})();

package/server/public/highlight.css

@@ -0,0 +1,9 @@
+/*!
+  Theme: Default
+  Description: Original highlight.js style
+  Author: (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
+  Maintainer: @highlightjs/core-team
+  Website: https://highlightjs.org/
+  License: see project LICENSE
+  Touched: 2021
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#f3f3f3;color:#444}.hljs-comment{color:#697070}.hljs-punctuation,.hljs-tag{color:#444a}.hljs-tag .hljs-attr,.hljs-tag .hljs-name{color:#444}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-tag{font-weight:700}.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type{color:#800}.hljs-section,.hljs-title{color:#800;font-weight:700}.hljs-link,.hljs-operator,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#ab5656}.hljs-literal{color:#695}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code{color:#397300}.hljs-meta{color:#1f7199}.hljs-meta .hljs-string{color:#38a}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}