@standardnotes/classic-code-editor 1.6.0 → 1.6.2

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.6.2](https://github.com/standardnotes/plugins/compare/@standardnotes/classic-code-editor@1.6.1...@standardnotes/classic-code-editor@1.6.2) (2025-06-24)
+
+### Bug Fixes
+
+* code editor fixes ([#46](https://github.com/standardnotes/plugins/issues/46)) ([7517720](https://github.com/standardnotes/plugins/commit/751772055918b28765ac5b8f0cc748b8a816e69c))
+
+## [1.6.1](https://github.com/standardnotes/plugins/compare/@standardnotes/classic-code-editor@1.6.0...@standardnotes/classic-code-editor@1.6.1) (2023-11-18)
+
+**Note:** Version bump only for package @standardnotes/classic-code-editor
+
 # [1.6.0](https://github.com/standardnotes/plugins/compare/@standardnotes/classic-code-editor@1.5.7...@standardnotes/classic-code-editor@1.6.0) (2023-11-18)
 
 ### Features

package/dist/main.css

@@ -1,3 +1,3 @@
-body,html{font-family:sans-serif;height:100%;margin:0;font-size:var(--sn-stylekit-base-font-size)}.wrapper{display:flex;flex-direction:column;position:relative;height:100%;overflow-x:hidden}.CodeMirror{background-color:var(--sn-stylekit-editor-background-color) !important;color:var(--sn-stylekit-editor-foreground-color) !important;border:0 !important;font-family:var(--sn-stylekit-monospace-font);-webkit-overflow-scrolling:touch;font-size:calc(var(--sn-stylekit-font-size-editor) - .1rem);flex:1 1 auto;width:100%;height:100%;resize:none}.CodeMirror .cm-header{color:var(--sn-stylekit-editor-foreground-color)}.CodeMirror .cm-formatting-header,.CodeMirror .cm-formatting-strong,.CodeMirror .cm-formatting-em{opacity:.2}.CodeMirror .cm-variable,.CodeMirror .cm-variable-1,.CodeMirror .cm-variable-2,.CodeMirror .cm-variable-3,.CodeMirror .cm-string-2{color:var(--sn-stylekit-info-color) !important}.CodeMirror .cm-variable.CodeMirror-selectedtext,.CodeMirror .cm-variable-1.CodeMirror-selectedtext,.CodeMirror .cm-variable-2.CodeMirror-selectedtext,.CodeMirror .cm-variable-3.CodeMirror-selectedtext,.CodeMirror .cm-string-2.CodeMirror-selectedtext{color:var(--sn-stylekit-info-contrast-color) !important;background:rgba(0,0,0,0)}.CodeMirror .cm-qualifier,.CodeMirror .cm-meta{color:var(--sn-stylekit-neutral-color) !important}.CodeMirror .cm-error{color:var(--sn-stylekit-danger-color) !important}.CodeMirror .cm-def,.CodeMirror .cm-atom{color:var(--sn-stylekit-success-color)}.CodeMirror .CodeMirror-linenumber{color:var(--sn-stylekit-neutral-color) !important;opacity:.5}.CodeMirror-cursor{border-color:var(--sn-stylekit-info-color) !important}.CodeMirror-cursors{z-index:10 !important}.CodeMirror-selected{background:var(--sn-stylekit-info-color) !important}.CodeMirror-gutters{background-color:var(--sn-stylekit-background-color) !important;color:var(--sn-stylekit-editor-foreground-color) !important;border-color:var(--sn-stylekit-border-color) !important}.cm-header-1{font-size:150%}.cm-header-2{font-size:130%}.cm-header-3{font-size:120%}.cm-header-4{font-size:110%}.cm-header-5{font-size:100%}.cm-header-6{font-size:90%}.CodeMirror .cm-quote{color:var(--sn-stylekit-foreground-color);opacity:.6}.cm-fat-cursor .CodeMirror-line>span[role=presentation]{caret-color:rgba(0,0,0,0)}
+body,html{font-family:sans-serif;height:100%;margin:0;font-size:var(--sn-stylekit-base-font-size)}.wrapper{display:flex;flex-direction:column;position:relative;height:100%;overflow-x:hidden}.CodeMirror{background-color:var(--sn-stylekit-editor-background-color) !important;color:var(--sn-stylekit-editor-foreground-color) !important;border:0 !important;font-family:var(--sn-stylekit-monospace-font);-webkit-overflow-scrolling:touch;font-size:calc(var(--sn-stylekit-font-size-editor) - .1rem);flex:1 1 auto;width:100%;height:100%;resize:none}.CodeMirror .cm-header{color:var(--sn-stylekit-editor-foreground-color)}.CodeMirror .cm-formatting-header,.CodeMirror .cm-formatting-strong,.CodeMirror .cm-formatting-em{opacity:.2}.CodeMirror .cm-variable,.CodeMirror .cm-variable-1,.CodeMirror .cm-variable-2,.CodeMirror .cm-variable-3,.CodeMirror .cm-string-2{color:var(--sn-stylekit-info-color) !important}.CodeMirror .cm-variable.CodeMirror-selectedtext,.CodeMirror .cm-variable-1.CodeMirror-selectedtext,.CodeMirror .cm-variable-2.CodeMirror-selectedtext,.CodeMirror .cm-variable-3.CodeMirror-selectedtext,.CodeMirror .cm-string-2.CodeMirror-selectedtext{color:var(--sn-stylekit-info-contrast-color) !important;background:rgba(0,0,0,0)}.CodeMirror .cm-qualifier,.CodeMirror .cm-meta{color:var(--sn-stylekit-neutral-color) !important}.CodeMirror .cm-error{color:var(--sn-stylekit-danger-color) !important}.CodeMirror .cm-def,.CodeMirror .cm-atom{color:var(--sn-stylekit-success-color)}.CodeMirror .CodeMirror-linenumber{color:var(--sn-stylekit-neutral-color) !important;opacity:.5}.CodeMirror-cursor{border-color:var(--sn-stylekit-info-color) !important}.CodeMirror-cursors{z-index:10 !important}.CodeMirror-selected{background:var(--sn-stylekit-info-color) !important}.CodeMirror-gutters{background-color:var(--sn-stylekit-background-color) !important;color:var(--sn-stylekit-editor-foreground-color) !important;border-color:var(--sn-stylekit-border-color) !important}.cm-header-1{font-size:150%}.cm-header-2{font-size:130%}.cm-header-3{font-size:120%}.cm-header-4{font-size:110%}.cm-header-5{font-size:100%}.cm-header-6{font-size:90%}.CodeMirror .cm-quote{color:var(--sn-stylekit-foreground-color);opacity:.6}.cm-fat-cursor .CodeMirror-line>span[role=presentation]{caret-color:rgba(0,0,0,0)}#bar{width:inherit}
 
 /*# sourceMappingURL=main.css.map*/

package/dist/main.css.map

@@ -1 +1 @@
-{"version":3,"file":"main.css","mappings":"AAAA,UACE,uBACA,YACA,SACA,4CAGF,SACE,aACA,sBACA,kBACA,YAGA,kBAGF,YACE,uEACA,4DACA,oBACA,8CACA,iCAGA,4DAEA,cACA,WACA,YACA,YAEA,uBACE,iDAIF,kGACE,WAGF,mIACE,+CAEA,2PACE,wDACA,yBAIJ,+CACE,kDAGF,sBACE,iDAOF,yCACE,uCAGF,mCACE,kDACA,WAIJ,mBACE,sDAGF,oBACE,sBAGF,qBACE,oDAGF,oBACE,gEACA,4DACA,wDAGF,4BACA,4BACA,4BACA,4BACA,4BACA,2BAEA,sBACE,0CACA,WAGF,wDACE,0B","sources":["webpack://@standardnotes/classic-code-editor/./src/main.scss"],"sourcesContent":["body, html {\n  font-family: sans-serif;\n  height: 100%;\n  margin: 0;\n  font-size: var(--sn-stylekit-base-font-size);\n}\n\n.wrapper {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  height: 100%;\n\n  // Fixes unnecessary horizontal scrolling on Windows\n  overflow-x: hidden;\n}\n\n.CodeMirror {\n  background-color: var(--sn-stylekit-editor-background-color) !important;\n  color: var(--sn-stylekit-editor-foreground-color) !important;\n  border: 0 !important;\n  font-family: var(--sn-stylekit-monospace-font);\n  -webkit-overflow-scrolling: touch;\n\n  // code doesn't look good at normal text size, better to be a bit smaller\n  font-size: calc(var(--sn-stylekit-font-size-editor) - 0.1rem);\n\n  flex: 1 1 auto;\n  width: 100%;\n  height: 100%;\n  resize: none;\n\n  .cm-header {\n    color: var(--sn-stylekit-editor-foreground-color);\n  }\n\n  // Faded Markdown syntax\n  .cm-formatting-header, .cm-formatting-strong, .cm-formatting-em {\n    opacity: 0.2;\n  }\n\n  .cm-variable, .cm-variable-1, .cm-variable-2, .cm-variable-3, .cm-string-2 {\n    color: var(--sn-stylekit-info-color) !important;\n\n    &.CodeMirror-selectedtext {\n      color: var(--sn-stylekit-info-contrast-color) !important;\n      background: transparent;\n    }\n  }\n\n  .cm-qualifier, .cm-meta {\n    color: var(--sn-stylekit-neutral-color) !important;\n  }\n\n  .cm-error {\n    color: var(--sn-stylekit-danger-color) !important;\n  }\n\n  .cm-property {\n\n  }\n\n  .cm-def, .cm-atom {\n    color: var(--sn-stylekit-success-color);\n  }\n\n  .CodeMirror-linenumber {\n    color: var(--sn-stylekit-neutral-color) !important;\n    opacity: 0.5;\n  }\n}\n\n.CodeMirror-cursor {\n  border-color: var(--sn-stylekit-info-color) !important;\n}\n\n.CodeMirror-cursors {\n  z-index: 10 !important; // In Markdown mode, cursor is hidden behind code blocks\n}\n\n.CodeMirror-selected {\n  background: var(--sn-stylekit-info-color) !important;\n}\n\n.CodeMirror-gutters {\n  background-color: var(--sn-stylekit-background-color) !important;\n  color: var(--sn-stylekit-editor-foreground-color) !important;\n  border-color: var(--sn-stylekit-border-color) !important;\n}\n\n.cm-header-1 { font-size: 150%; }\n.cm-header-2 { font-size: 130%; }\n.cm-header-3 { font-size: 120%; }\n.cm-header-4 { font-size: 110%; }\n.cm-header-5 { font-size: 100%; }\n.cm-header-6 { font-size: 90%; }\n\n.CodeMirror .cm-quote {\n  color: var(--sn-stylekit-foreground-color);\n  opacity: 0.6;\n}\n\n.cm-fat-cursor .CodeMirror-line > span[role=\"presentation\"] {\n  caret-color: transparent;\n}\n"],"names":[],"sourceRoot":""}
+{"version":3,"file":"main.css","mappings":"AAAA,UACE,uBACA,YACA,SACA,4CAGF,SACE,aACA,sBACA,kBACA,YAGA,kBAGF,YACE,uEACA,4DACA,oBACA,8CACA,iCAGA,4DAEA,cACA,WACA,YACA,YAEA,uBACE,iDAIF,kGACE,WAGF,mIACE,+CAEA,2PACE,wDACA,yBAIJ,+CACE,kDAGF,sBACE,iDAOF,yCACE,uCAGF,mCACE,kDACA,WAIJ,mBACE,sDAGF,oBACE,sBAGF,qBACE,oDAGF,oBACE,gEACA,4DACA,wDAGF,4BACA,4BACA,4BACA,4BACA,4BACA,2BAEA,sBACE,0CACA,WAGF,wDACE,0BAGF,KACE,c","sources":["webpack://@standardnotes/classic-code-editor/./src/main.scss"],"sourcesContent":["body, html {\n  font-family: sans-serif;\n  height: 100%;\n  margin: 0;\n  font-size: var(--sn-stylekit-base-font-size);\n}\n\n.wrapper {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  height: 100%;\n\n  // Fixes unnecessary horizontal scrolling on Windows\n  overflow-x: hidden;\n}\n\n.CodeMirror {\n  background-color: var(--sn-stylekit-editor-background-color) !important;\n  color: var(--sn-stylekit-editor-foreground-color) !important;\n  border: 0 !important;\n  font-family: var(--sn-stylekit-monospace-font);\n  -webkit-overflow-scrolling: touch;\n\n  // code doesn't look good at normal text size, better to be a bit smaller\n  font-size: calc(var(--sn-stylekit-font-size-editor) - 0.1rem);\n\n  flex: 1 1 auto;\n  width: 100%;\n  height: 100%;\n  resize: none;\n\n  .cm-header {\n    color: var(--sn-stylekit-editor-foreground-color);\n  }\n\n  // Faded Markdown syntax\n  .cm-formatting-header, .cm-formatting-strong, .cm-formatting-em {\n    opacity: 0.2;\n  }\n\n  .cm-variable, .cm-variable-1, .cm-variable-2, .cm-variable-3, .cm-string-2 {\n    color: var(--sn-stylekit-info-color) !important;\n\n    &.CodeMirror-selectedtext {\n      color: var(--sn-stylekit-info-contrast-color) !important;\n      background: transparent;\n    }\n  }\n\n  .cm-qualifier, .cm-meta {\n    color: var(--sn-stylekit-neutral-color) !important;\n  }\n\n  .cm-error {\n    color: var(--sn-stylekit-danger-color) !important;\n  }\n\n  .cm-property {\n\n  }\n\n  .cm-def, .cm-atom {\n    color: var(--sn-stylekit-success-color);\n  }\n\n  .CodeMirror-linenumber {\n    color: var(--sn-stylekit-neutral-color) !important;\n    opacity: 0.5;\n  }\n}\n\n.CodeMirror-cursor {\n  border-color: var(--sn-stylekit-info-color) !important;\n}\n\n.CodeMirror-cursors {\n  z-index: 10 !important; // In Markdown mode, cursor is hidden behind code blocks\n}\n\n.CodeMirror-selected {\n  background: var(--sn-stylekit-info-color) !important;\n}\n\n.CodeMirror-gutters {\n  background-color: var(--sn-stylekit-background-color) !important;\n  color: var(--sn-stylekit-editor-foreground-color) !important;\n  border-color: var(--sn-stylekit-border-color) !important;\n}\n\n.cm-header-1 { font-size: 150%; }\n.cm-header-2 { font-size: 130%; }\n.cm-header-3 { font-size: 120%; }\n.cm-header-4 { font-size: 110%; }\n.cm-header-5 { font-size: 100%; }\n.cm-header-6 { font-size: 90%; }\n\n.CodeMirror .cm-quote {\n  color: var(--sn-stylekit-foreground-color);\n  opacity: 0.6;\n}\n\n.cm-fat-cursor .CodeMirror-line > span[role=\"presentation\"] {\n  caret-color: transparent;\n}\n\n#bar {\n  width: inherit;\n}\n"],"names":[],"sourceRoot":""}

package/dist/main.js

@@ -1,2 +1,2 @@
-document.addEventListener("DOMContentLoaded",(function(){const e=CodeMirror.modeInfo.reduce((function(e,t){return e[t.mode]?e[t.mode].push(t):e[t.mode]=[t],e}),{}),t=CodeMirror.modeInfo.reduce((function(e,t){return e[t.name]={mode:t.mode,mime:t.mime},e}),{}),n=Object.keys(t);let o,i,a,d,m,c,r,s=!1,l=!0;function u(){if(i){let e=i;o.saveItemWithPresave(e,(()=>{d=c.getValue(),e.content.text=d,e.clientData=a,e.content.preview_plain=null,e.content.preview_html=null}))}}function f(o){if(!o)return;const i=function(n){const o=function(e){return e?{name:e.name,mode:e.mode,mime:e.mime}:null},i=/.+\.([^.]+)$/.exec(n),a=/\//.test(n);if(i)return o(CodeMirror.findModeByExtension(i[1]));if(a)return o(CodeMirror.findModeByMIME(a[1]));if(t[n])return{name:n,mode:t[n].mode,mime:t[n].mime};if(e[n]){const t=e[n][0];return{name:t.name,mode:t.mode,mime:t.mime}}return{name:n,mode:n,mime:n}}(o);i?(c.setOption("mode",i.mime),CodeMirror.autoLoadMode(c,i.mode),a&&(a.mode=i.name),document.getElementById("language-select").selectedIndex=n.indexOf(i.name)):console.error("Could not find a mode corresponding to "+o)}window.setKeyMap=function(e){c.setOption("keyMap",e),function(e){const t=document.getElementById("toggle-vim-mode-button"),n="vim"===e?"Disable":"Enable",o="vim"===e?"danger":"success";t.innerHTML=`${n} Vim mode`,t.classList.remove("danger"),t.classList.remove("success"),t.classList.add(o)}(e)},window.onLanguageSelect=function(){f(n[r.selectedIndex]),u()},window.setDefaultLanguage=function(){const e=n[r.selectedIndex];o.setComponentDataValueForKey("language",e);const t=document.getElementById("default-label"),i=t.innerHTML;t.innerHTML="Success",t.classList.add("success"),setTimeout((function(){t.classList.remove("success"),t.innerHTML=i}),750)},window.toggleVimMode=function(){let e;e="default"===(o.getComponentDataValueForKey("keyMap")??"default")?"vim":"default",window.setKeyMap(e),o.setComponentDataValueForKey("keyMap",e)},o=new ComponentRelay({targetWindow:window,onReady:()=>{const e=o.platform;e&&document.body.classList.add(e),function(){CodeMirror.commands.save=function(){u()},c=CodeMirror.fromTextArea(document.getElementById("code"),{extraKeys:{"Alt-F":"findPersistent"},lineNumbers:!0,styleSelectedText:!0,lineWrapping:!0,inputStyle:"mobile"===(o.environment??"web")?"textarea":"contenteditable"}),c.setSize("100%","100%"),function(){r=document.getElementById("language-select");for(let e=0;e<n.length;e++){const t=document.createElement("option");t.value=e,t.innerHTML=n[e],r.appendChild(t)}}(),c.on("change",(function(){s||u()}));c.on("cursorActivity",(function(e){"mobile"===o.environment&&(e=>{setTimeout((()=>e.scrollIntoView()),200)})(e)}));const e=o.getComponentDataValueForKey("keyMap")??"default";window.setKeyMap(e)}()},handleRequestForContentHeight:()=>{const e=document.getElementsByClassName("CodeMirror-code")[0]?.scrollHeight;return 50+e}}),o.streamContextItem((e=>{!function(e){if(e.uuid!==m&&(d=null,l=!0,m=e.uuid),i=e,e.isMetadataUpdate)return;a=e.clientData;let t=a.mode;t||(t=o.getComponentDataValueForKey("language")??"JavaScript"),f(t),c&&(e.content.text!==d&&(s=!0,c.getDoc().setValue(i.content.text),s=!1),l&&(l=!1,c.getDoc().clearHistory()),c.setOption("spellcheck",i.content.spellcheck))}(e)}))}));
+CodeMirror.modeURL="dist/codemirror/mode/%N/%N.js",document.addEventListener("DOMContentLoaded",(function(){const e=CodeMirror.modeInfo.reduce((function(e,t){return e[t.mode]?e[t.mode].push(t):e[t.mode]=[t],e}),{}),t=CodeMirror.modeInfo.reduce((function(e,t){return e[t.name]={mode:t.mode,mime:t.mime},e}),{}),n=Object.keys(t);let o,d,i,a,m,c,r,s=!1,l=!0;function u(){if(d){let e=d;o.saveItemWithPresave(e,(()=>{a=c.getValue(),e.content.text=a,e.clientData=i,e.content.preview_plain=null,e.content.preview_html=null}))}}function f(o){if(!o)return;const d=function(n){const o=function(e){return e?{name:e.name,mode:e.mode,mime:e.mime}:null},d=/.+\.([^.]+)$/.exec(n),i=/\//.test(n);if(d)return o(CodeMirror.findModeByExtension(d[1]));if(i)return o(CodeMirror.findModeByMIME(i[1]));if(t[n])return{name:n,mode:t[n].mode,mime:t[n].mime};if(e[n]){const t=e[n][0];return{name:t.name,mode:t.mode,mime:t.mime}}return{name:n,mode:n,mime:n}}(o);d?(c.setOption("mode",d.mime),CodeMirror.autoLoadMode(c,d.mode),i&&(i.mode=d.name),document.getElementById("language-select").selectedIndex=n.indexOf(d.name)):console.error("Could not find a mode corresponding to "+o)}window.setKeyMap=function(e){c.setOption("keyMap",e),function(e){const t=document.getElementById("toggle-vim-mode-button"),n="vim"===e?"Disable":"Enable",o="vim"===e?"danger":"success";t.innerHTML=`${n} Vim mode`,t.classList.remove("danger"),t.classList.remove("success"),t.classList.add(o)}(e)},document.getElementById("language-select").addEventListener("change",(function(){f(n[r.selectedIndex]),u()})),document.getElementById("default-label").addEventListener("click",(function(){const e=n[r.selectedIndex];o.setComponentDataValueForKey("language",e);const t=document.getElementById("default-label"),d=t.innerHTML;t.innerHTML="Success",t.classList.add("success"),setTimeout((function(){t.classList.remove("success"),t.innerHTML=d}),750)})),document.getElementById("toggle-vim-mode-button").addEventListener("click",(function(){let e;e="default"===(o.getComponentDataValueForKey("keyMap")??"default")?"vim":"default",window.setKeyMap(e),o.setComponentDataValueForKey("keyMap",e)})),o=new ComponentRelay({targetWindow:window,onReady:()=>{const e=o.platform;e&&document.body.classList.add(e),function(){CodeMirror.commands.save=function(){u()},c=CodeMirror.fromTextArea(document.getElementById("code"),{extraKeys:{"Alt-F":"findPersistent"},lineNumbers:!0,styleSelectedText:!0,lineWrapping:!0,inputStyle:"mobile"===(o.environment??"web")?"textarea":"contenteditable"}),c.setSize("100%","100%"),function(){r=document.getElementById("language-select");for(let e=0;e<n.length;e++){const t=document.createElement("option");t.value=e,t.innerHTML=n[e],r.appendChild(t)}}(),c.on("change",(function(){s||u()}));c.on("cursorActivity",(function(e){"mobile"===o.environment&&(e=>{setTimeout((()=>e.scrollIntoView()),200)})(e)}));const e=o.getComponentDataValueForKey("keyMap")??"default";window.setKeyMap(e)}()},handleRequestForContentHeight:()=>{const e=document.getElementsByClassName("CodeMirror-code")[0]?.scrollHeight;return 50+e}}),o.streamContextItem((e=>{!function(e){if(e.uuid!==m&&(a=null,l=!0,m=e.uuid),d=e,e.isMetadataUpdate)return;i=e.clientData;let t=i.mode;t||(t=o.getComponentDataValueForKey("language")??"JavaScript"),f(t),c&&(e.content.text!==a&&(s=!0,c.getDoc().setValue(d.content.text),s=!1),l&&(l=!1,c.getDoc().clearHistory()),c.setOption("spellcheck",d.content.spellcheck))}(e)}))}));
 //# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","mappings":"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","sources":["webpack://@standardnotes/classic-code-editor/./src/main.js"],"sourcesContent":["document.addEventListener('DOMContentLoaded', function () {\n  const modeByModeMode = CodeMirror.modeInfo.reduce(function (acc, m) {\n    if (acc[m.mode]) {\n      acc[m.mode].push(m)\n    } else {\n      acc[m.mode] = [m]\n    }\n    return acc\n  }, {})\n\n  const modeModeAndMimeByName = CodeMirror.modeInfo.reduce(function (acc, m) {\n    acc[m.name] = { mode: m.mode, mime: m.mime }\n    return acc\n  }, {})\n\n  const modes = Object.keys(modeModeAndMimeByName)\n\n  let componentRelay\n  let workingNote, clientData\n  let lastValue, lastUUID\n  let editor, select\n  let ignoreTextChange = false\n  let initialLoad = true\n\n  function loadComponentRelay() {\n    componentRelay = new ComponentRelay({\n      targetWindow: window,\n      onReady: () => {\n        const platform = componentRelay.platform\n        if (platform) {\n          document.body.classList.add(platform)\n        }\n        loadEditor()\n      },\n      handleRequestForContentHeight: () => {\n        const baseHeight = 50\n        const scrollHeight = document.getElementsByClassName('CodeMirror-code')[0]?.scrollHeight\n        return baseHeight + scrollHeight\n      },\n    })\n\n    componentRelay.streamContextItem((note) => {\n      onReceivedNote(note)\n    })\n  }\n\n  function saveNote() {\n    if (workingNote) {\n      // Be sure to capture this object as a variable, as this.note may be reassigned in `streamContextItem`, so by the time\n      // you modify it in the presave block, it may not be the same object anymore, so the presave values will not be applied to\n      // the right object, and it will save incorrectly.\n      let note = workingNote\n\n      componentRelay.saveItemWithPresave(note, () => {\n        lastValue = editor.getValue()\n        note.content.text = lastValue\n        note.clientData = clientData\n\n        note.content.preview_plain = null\n        note.content.preview_html = null\n      })\n    }\n  }\n\n  function onReceivedNote(note) {\n    if (note.uuid !== lastUUID) {\n      // Note changed, reset last values\n      lastValue = null\n      initialLoad = true\n      lastUUID = note.uuid\n    }\n\n    workingNote = note\n    // Only update UI on non-metadata updates.\n    if (note.isMetadataUpdate) {\n      return\n    }\n\n    clientData = note.clientData\n    let mode = clientData.mode\n\n    if (!mode) {\n      // Assign editor's default mode from component settings\n      mode = componentRelay.getComponentDataValueForKey('language') ?? 'JavaScript'\n    }\n\n    changeMode(mode)\n\n    if (editor) {\n      if (note.content.text !== lastValue) {\n        ignoreTextChange = true\n        editor.getDoc().setValue(workingNote.content.text)\n        ignoreTextChange = false\n      }\n\n      if (initialLoad) {\n        initialLoad = false\n        editor.getDoc().clearHistory()\n      }\n\n      editor.setOption('spellcheck', workingNote.content.spellcheck)\n    }\n  }\n\n  function loadEditor() {\n    // Handler for the save command that is mapped to the :w (write) Vim key binding.\n    CodeMirror.commands.save = function () {\n      saveNote()\n    }\n    editor = CodeMirror.fromTextArea(document.getElementById('code'), {\n      extraKeys: {\n        'Alt-F': 'findPersistent',\n      },\n      lineNumbers: true,\n      styleSelectedText: true,\n      lineWrapping: true,\n      inputStyle: getInputStyleForEnvironment(),\n    })\n    editor.setSize('100%', '100%')\n\n    createSelectElements()\n\n    editor.on('change', function () {\n      if (ignoreTextChange) {\n        return\n      }\n      saveNote()\n    })\n\n    /**\n     * Scrolls the cursor into view, so the soft keyboard on mobile devices\n     * doesn't overlap the cursor. A short delay is added to prevent scrolling\n     * before the keyboard is shown.\n     */\n    const scrollCursorIntoView = (editor) => {\n      setTimeout(() => editor.scrollIntoView(), 200)\n    }\n\n    editor.on('cursorActivity', function (editor) {\n      if (componentRelay.environment !== 'mobile') {\n        return\n      }\n      scrollCursorIntoView(editor)\n    })\n\n    const initialKeyMap = componentRelay.getComponentDataValueForKey('keyMap') ?? 'default'\n    window.setKeyMap(initialKeyMap)\n  }\n\n  function createSelectElements() {\n    select = document.getElementById('language-select')\n    for (let index = 0; index < modes.length; index++) {\n      const option = document.createElement('option')\n      option.value = index\n      option.innerHTML = modes[index]\n      select.appendChild(option)\n    }\n  }\n\n  // Editor Modes\n  window.setKeyMap = function (keymap) {\n    editor.setOption('keyMap', keymap)\n    updateVimStatus(keymap)\n  }\n\n  window.onLanguageSelect = function () {\n    const language = modes[select.selectedIndex]\n    changeMode(language)\n    saveNote()\n  }\n\n  window.setDefaultLanguage = function () {\n    const language = modes[select.selectedIndex]\n\n    // assign default language for this editor when entering notes\n    componentRelay.setComponentDataValueForKey('language', language)\n\n    // show a confirmation message\n    const message = document.getElementById('default-label')\n    const original = message.innerHTML\n    message.innerHTML = 'Success'\n    message.classList.add('success')\n\n    setTimeout(function () {\n      message.classList.remove('success')\n      message.innerHTML = original\n    }, 750)\n  }\n\n  function inputModeToMode(inputMode) {\n    const convertCodeMirrorMode = function (codeMirrorMode) {\n      if (codeMirrorMode) {\n        return {\n          name: codeMirrorMode.name,\n          mode: codeMirrorMode.mode,\n          mime: codeMirrorMode.mime,\n        }\n      } else {\n        return null\n      }\n    }\n\n    const extension = /.+\\.([^.]+)$/.exec(inputMode)\n    const mime = /\\//.test(inputMode)\n\n    if (extension) {\n      return convertCodeMirrorMode(CodeMirror.findModeByExtension(extension[1]))\n    } else if (mime) {\n      return convertCodeMirrorMode(CodeMirror.findModeByMIME(mime[1]))\n    } else if (modeModeAndMimeByName[inputMode]) {\n      return {\n        name: inputMode,\n        mode: modeModeAndMimeByName[inputMode].mode,\n        mime: modeModeAndMimeByName[inputMode].mime,\n      }\n    } else if (modeByModeMode[inputMode]) {\n      const firstMode = modeByModeMode[inputMode][0]\n      return {\n        name: firstMode.name,\n        mode: firstMode.mode,\n        mime: firstMode.mime,\n      }\n    } else {\n      return {\n        name: inputMode,\n        mode: inputMode,\n        mime: inputMode,\n      }\n    }\n  }\n\n  function changeMode(inputMode) {\n    if (!inputMode) {\n      return\n    }\n\n    const mode = inputModeToMode(inputMode)\n\n    if (mode) {\n      editor.setOption('mode', mode.mime)\n      CodeMirror.autoLoadMode(editor, mode.mode)\n      if (clientData) {\n        clientData.mode = mode.name\n      }\n      document.getElementById('language-select').selectedIndex = modes.indexOf(mode.name)\n    } else {\n      console.error('Could not find a mode corresponding to ' + inputMode)\n    }\n  }\n\n  function updateVimStatus(keyMap) {\n    const toggleButton = document.getElementById('toggle-vim-mode-button')\n\n    const newAction = keyMap === 'vim' ? 'Disable' : 'Enable'\n    const buttonClass = keyMap === 'vim' ? 'danger' : 'success'\n\n    toggleButton.innerHTML = `${newAction} Vim mode`\n    toggleButton.classList.remove('danger')\n    toggleButton.classList.remove('success')\n    toggleButton.classList.add(buttonClass)\n  }\n\n  window.toggleVimMode = function () {\n    let newKeyMap\n\n    const currentKeyMap = componentRelay.getComponentDataValueForKey('keyMap') ?? 'default'\n    if (currentKeyMap === 'default') {\n      newKeyMap = 'vim'\n    } else {\n      newKeyMap = 'default'\n    }\n\n    window.setKeyMap(newKeyMap)\n    componentRelay.setComponentDataValueForKey('keyMap', newKeyMap)\n  }\n\n  function getInputStyleForEnvironment() {\n    const environment = componentRelay.environment ?? 'web'\n    return environment === 'mobile' ? 'textarea' : 'contenteditable'\n  }\n\n  loadComponentRelay()\n})\n"],"names":["document","addEventListener","modeByModeMode","CodeMirror","modeInfo","reduce","acc","m","mode","push","modeModeAndMimeByName","name","mime","modes","Object","keys","componentRelay","workingNote","clientData","lastValue","lastUUID","editor","select","ignoreTextChange","initialLoad","saveNote","note","saveItemWithPresave","getValue","content","text","preview_plain","preview_html","changeMode","inputMode","convertCodeMirrorMode","codeMirrorMode","extension","exec","test","findModeByExtension","findModeByMIME","firstMode","inputModeToMode","setOption","autoLoadMode","getElementById","selectedIndex","indexOf","console","error","window","setKeyMap","keymap","keyMap","toggleButton","newAction","buttonClass","innerHTML","classList","remove","add","updateVimStatus","onLanguageSelect","setDefaultLanguage","language","setComponentDataValueForKey","message","original","setTimeout","toggleVimMode","newKeyMap","getComponentDataValueForKey","ComponentRelay","targetWindow","onReady","platform","body","commands","save","fromTextArea","extraKeys","lineNumbers","styleSelectedText","lineWrapping","inputStyle","environment","setSize","index","length","option","createElement","value","appendChild","createSelectElements","on","scrollIntoView","scrollCursorIntoView","initialKeyMap","loadEditor","handleRequestForContentHeight","scrollHeight","getElementsByClassName","streamContextItem","uuid","isMetadataUpdate","getDoc","setValue","clearHistory","spellcheck","onReceivedNote"],"sourceRoot":""}
+{"version":3,"file":"main.js","mappings":"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","sources":["webpack://@standardnotes/classic-code-editor/./src/main.js"],"sourcesContent":["CodeMirror.modeURL = \"dist/codemirror/mode/%N/%N.js\";\n\ndocument.addEventListener('DOMContentLoaded', function () {\n  const modeByModeMode = CodeMirror.modeInfo.reduce(function (acc, m) {\n    if (acc[m.mode]) {\n      acc[m.mode].push(m)\n    } else {\n      acc[m.mode] = [m]\n    }\n    return acc\n  }, {})\n\n  const modeModeAndMimeByName = CodeMirror.modeInfo.reduce(function (acc, m) {\n    acc[m.name] = { mode: m.mode, mime: m.mime }\n    return acc\n  }, {})\n\n  const modes = Object.keys(modeModeAndMimeByName)\n\n  let componentRelay\n  let workingNote, clientData\n  let lastValue, lastUUID\n  let editor, select\n  let ignoreTextChange = false\n  let initialLoad = true\n\n  function loadComponentRelay() {\n    componentRelay = new ComponentRelay({\n      targetWindow: window,\n      onReady: () => {\n        const platform = componentRelay.platform\n        if (platform) {\n          document.body.classList.add(platform)\n        }\n        loadEditor()\n      },\n      handleRequestForContentHeight: () => {\n        const baseHeight = 50\n        const scrollHeight = document.getElementsByClassName('CodeMirror-code')[0]?.scrollHeight\n        return baseHeight + scrollHeight\n      },\n    })\n\n    componentRelay.streamContextItem((note) => {\n      onReceivedNote(note)\n    })\n  }\n\n  function saveNote() {\n    if (workingNote) {\n      // Be sure to capture this object as a variable, as this.note may be reassigned in `streamContextItem`, so by the time\n      // you modify it in the presave block, it may not be the same object anymore, so the presave values will not be applied to\n      // the right object, and it will save incorrectly.\n      let note = workingNote\n\n      componentRelay.saveItemWithPresave(note, () => {\n        lastValue = editor.getValue()\n        note.content.text = lastValue\n        note.clientData = clientData\n\n        note.content.preview_plain = null\n        note.content.preview_html = null\n      })\n    }\n  }\n\n  function onReceivedNote(note) {\n    if (note.uuid !== lastUUID) {\n      // Note changed, reset last values\n      lastValue = null\n      initialLoad = true\n      lastUUID = note.uuid\n    }\n\n    workingNote = note\n    // Only update UI on non-metadata updates.\n    if (note.isMetadataUpdate) {\n      return\n    }\n\n    clientData = note.clientData\n    let mode = clientData.mode\n\n    if (!mode) {\n      // Assign editor's default mode from component settings\n      mode = componentRelay.getComponentDataValueForKey('language') ?? 'JavaScript'\n    }\n\n    changeMode(mode)\n\n    if (editor) {\n      if (note.content.text !== lastValue) {\n        ignoreTextChange = true\n        editor.getDoc().setValue(workingNote.content.text)\n        ignoreTextChange = false\n      }\n\n      if (initialLoad) {\n        initialLoad = false\n        editor.getDoc().clearHistory()\n      }\n\n      editor.setOption('spellcheck', workingNote.content.spellcheck)\n    }\n  }\n\n  function loadEditor() {\n    // Handler for the save command that is mapped to the :w (write) Vim key binding.\n    CodeMirror.commands.save = function () {\n      saveNote()\n    }\n    editor = CodeMirror.fromTextArea(document.getElementById('code'), {\n      extraKeys: {\n        'Alt-F': 'findPersistent',\n      },\n      lineNumbers: true,\n      styleSelectedText: true,\n      lineWrapping: true,\n      inputStyle: getInputStyleForEnvironment(),\n    })\n    editor.setSize('100%', '100%')\n\n    createSelectElements()\n\n    editor.on('change', function () {\n      if (ignoreTextChange) {\n        return\n      }\n      saveNote()\n    })\n\n    /**\n     * Scrolls the cursor into view, so the soft keyboard on mobile devices\n     * doesn't overlap the cursor. A short delay is added to prevent scrolling\n     * before the keyboard is shown.\n     */\n    const scrollCursorIntoView = (editor) => {\n      setTimeout(() => editor.scrollIntoView(), 200)\n    }\n\n    editor.on('cursorActivity', function (editor) {\n      if (componentRelay.environment !== 'mobile') {\n        return\n      }\n      scrollCursorIntoView(editor)\n    })\n\n    const initialKeyMap = componentRelay.getComponentDataValueForKey('keyMap') ?? 'default'\n    window.setKeyMap(initialKeyMap)\n  }\n\n  function createSelectElements() {\n    select = document.getElementById('language-select')\n    for (let index = 0; index < modes.length; index++) {\n      const option = document.createElement('option')\n      option.value = index\n      option.innerHTML = modes[index]\n      select.appendChild(option)\n    }\n  }\n\n  // Editor Modes\n  window.setKeyMap = function (keymap) {\n    editor.setOption('keyMap', keymap)\n    updateVimStatus(keymap)\n  }\n\n  function onLanguageSelect() {\n    const language = modes[select.selectedIndex]\n    changeMode(language)\n    saveNote()\n  }\n\n  document.getElementById('language-select').addEventListener('change', onLanguageSelect)\n\n  function setDefaultLanguage() {\n    const language = modes[select.selectedIndex]\n\n    // assign default language for this editor when entering notes\n    componentRelay.setComponentDataValueForKey('language', language)\n\n    // show a confirmation message\n    const message = document.getElementById('default-label')\n    const original = message.innerHTML\n    message.innerHTML = 'Success'\n    message.classList.add('success')\n\n    setTimeout(function () {\n      message.classList.remove('success')\n      message.innerHTML = original\n    }, 750)\n  }\n\n  document.getElementById('default-label').addEventListener('click', setDefaultLanguage)\n\n  function inputModeToMode(inputMode) {\n    const convertCodeMirrorMode = function (codeMirrorMode) {\n      if (codeMirrorMode) {\n        return {\n          name: codeMirrorMode.name,\n          mode: codeMirrorMode.mode,\n          mime: codeMirrorMode.mime,\n        }\n      } else {\n        return null\n      }\n    }\n\n    const extension = /.+\\.([^.]+)$/.exec(inputMode)\n    const mime = /\\//.test(inputMode)\n\n    if (extension) {\n      return convertCodeMirrorMode(CodeMirror.findModeByExtension(extension[1]))\n    } else if (mime) {\n      return convertCodeMirrorMode(CodeMirror.findModeByMIME(mime[1]))\n    } else if (modeModeAndMimeByName[inputMode]) {\n      return {\n        name: inputMode,\n        mode: modeModeAndMimeByName[inputMode].mode,\n        mime: modeModeAndMimeByName[inputMode].mime,\n      }\n    } else if (modeByModeMode[inputMode]) {\n      const firstMode = modeByModeMode[inputMode][0]\n      return {\n        name: firstMode.name,\n        mode: firstMode.mode,\n        mime: firstMode.mime,\n      }\n    } else {\n      return {\n        name: inputMode,\n        mode: inputMode,\n        mime: inputMode,\n      }\n    }\n  }\n\n  function changeMode(inputMode) {\n    if (!inputMode) {\n      return\n    }\n\n    const mode = inputModeToMode(inputMode)\n\n    if (mode) {\n      editor.setOption('mode', mode.mime)\n      CodeMirror.autoLoadMode(editor, mode.mode)\n      if (clientData) {\n        clientData.mode = mode.name\n      }\n      document.getElementById('language-select').selectedIndex = modes.indexOf(mode.name)\n    } else {\n      console.error('Could not find a mode corresponding to ' + inputMode)\n    }\n  }\n\n  function updateVimStatus(keyMap) {\n    const toggleButton = document.getElementById('toggle-vim-mode-button')\n\n    const newAction = keyMap === 'vim' ? 'Disable' : 'Enable'\n    const buttonClass = keyMap === 'vim' ? 'danger' : 'success'\n\n    toggleButton.innerHTML = `${newAction} Vim mode`\n    toggleButton.classList.remove('danger')\n    toggleButton.classList.remove('success')\n    toggleButton.classList.add(buttonClass)\n  }\n\n  function toggleVimMode() {\n    let newKeyMap\n\n    const currentKeyMap = componentRelay.getComponentDataValueForKey('keyMap') ?? 'default'\n    if (currentKeyMap === 'default') {\n      newKeyMap = 'vim'\n    } else {\n      newKeyMap = 'default'\n    }\n\n    window.setKeyMap(newKeyMap)\n    componentRelay.setComponentDataValueForKey('keyMap', newKeyMap)\n  }\n\n  document.getElementById('toggle-vim-mode-button').addEventListener('click', toggleVimMode)\n\n  function getInputStyleForEnvironment() {\n    const environment = componentRelay.environment ?? 'web'\n    return environment === 'mobile' ? 'textarea' : 'contenteditable'\n  }\n\n  loadComponentRelay()\n})\n"],"names":["CodeMirror","modeURL","document","addEventListener","modeByModeMode","modeInfo","reduce","acc","m","mode","push","modeModeAndMimeByName","name","mime","modes","Object","keys","componentRelay","workingNote","clientData","lastValue","lastUUID","editor","select","ignoreTextChange","initialLoad","saveNote","note","saveItemWithPresave","getValue","content","text","preview_plain","preview_html","changeMode","inputMode","convertCodeMirrorMode","codeMirrorMode","extension","exec","test","findModeByExtension","findModeByMIME","firstMode","inputModeToMode","setOption","autoLoadMode","getElementById","selectedIndex","indexOf","console","error","window","setKeyMap","keymap","keyMap","toggleButton","newAction","buttonClass","innerHTML","classList","remove","add","updateVimStatus","language","setComponentDataValueForKey","message","original","setTimeout","newKeyMap","getComponentDataValueForKey","ComponentRelay","targetWindow","onReady","platform","body","commands","save","fromTextArea","extraKeys","lineNumbers","styleSelectedText","lineWrapping","inputStyle","environment","setSize","index","length","option","createElement","value","appendChild","createSelectElements","on","scrollIntoView","scrollCursorIntoView","initialKeyMap","loadEditor","handleRequestForContentHeight","scrollHeight","getElementsByClassName","streamContextItem","uuid","isMetadataUpdate","getDoc","setValue","clearHistory","spellcheck","onReceivedNote"],"sourceRoot":""}

package/index.html

@@ -28,32 +28,29 @@
     <script src="dist/lib/component-relay.js"></script>
     <!-- Required for styling selected text -->
     <script src="dist/codemirror/addon/selection/mark-selection.js"></script>
-    <script>
-      CodeMirror.modeURL = "dist/codemirror/mode/%N/%N.js";
-    </script>
   </head>
 
   <body class="sn-component">
     <div class="wrapper">
       <textarea id="code" name="code"></textarea>
     <div>
-    <div class="sk-app-bar no-edges no-bottom-edge" style="width: inherit;">
+    <div id="bar" class="sk-app-bar no-edges no-bottom-edge">
       <div class="left">
         <div class="sk-app-bar-item no-pointer">
           <span class="sk-p">Language:</span>
         </div>
         <div class="sk-app-bar-item no-pointer">
-          <select id="language-select" onchange="onLanguageSelect(event)"></select>
+          <select id="language-select"></select>
         </div>
         <div class="sk-app-bar-item">
-          <span id="default-label" class="sk-label" onclick="setDefaultLanguage(event)">Set as Default</span>
+          <span id="default-label" class="sk-label">Set as Default</span>
         </div>
       </div>
       <div class="center"></div>
       <div class="right">
         <div class="sk-app-bar-item no-pointer border"></div>
         <div class="sk-app-bar-item">
-          <span id="toggle-vim-mode-button" class="sk-label" onclick="toggleVimMode()">Enable Vim mode</span>
+          <span id="toggle-vim-mode-button" class="sk-label">Enable Vim mode</span>
         </div>
       </div>
     </div>

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@standardnotes/classic-code-editor",
-  "version": "1.6.0",
+  "version": "1.6.2",
   "publishConfig": {
     "access": "public"
   },
   "description": "Syntax highlighting and convenient keyboard shortcuts for over 120 programming languages. Ideal for code snippets and procedures.",
   "main": "dist/main.js",
-  "author": "Standard Notes Classic",
+  "author": "Standard Notes Community",
   "license": "AGPL-3.0",
   "scripts": {
     "start": "http-server . --cors -p8001 & webpack --progress --config webpack.dev.js",
@@ -46,5 +46,5 @@
     "webpack-cli": "*",
     "webpack-merge": "^5.8.0"
   },
-  "gitHead": "acc3dcf053c4bb32d11f63f4596315988661e7a5"
+  "gitHead": "f134b0914ba4db1c3026258db222ddf481d3a524"
 }

package/src/main.js

@@ -1,3 +1,5 @@
+CodeMirror.modeURL = "dist/codemirror/mode/%N/%N.js";
+
 document.addEventListener('DOMContentLoaded', function () {
   const modeByModeMode = CodeMirror.modeInfo.reduce(function (acc, m) {
     if (acc[m.mode]) {
@@ -163,13 +165,15 @@ document.addEventListener('DOMContentLoaded', function () {
     updateVimStatus(keymap)
   }
 
-  window.onLanguageSelect = function () {
+  function onLanguageSelect() {
     const language = modes[select.selectedIndex]
     changeMode(language)
     saveNote()
   }
 
-  window.setDefaultLanguage = function () {
+  document.getElementById('language-select').addEventListener('change', onLanguageSelect)
+
+  function setDefaultLanguage() {
     const language = modes[select.selectedIndex]
 
     // assign default language for this editor when entering notes
@@ -187,6 +191,8 @@ document.addEventListener('DOMContentLoaded', function () {
     }, 750)
   }
 
+  document.getElementById('default-label').addEventListener('click', setDefaultLanguage)
+
   function inputModeToMode(inputMode) {
     const convertCodeMirrorMode = function (codeMirrorMode) {
       if (codeMirrorMode) {
@@ -260,7 +266,7 @@ document.addEventListener('DOMContentLoaded', function () {
     toggleButton.classList.add(buttonClass)
   }
 
-  window.toggleVimMode = function () {
+  function toggleVimMode() {
     let newKeyMap
 
     const currentKeyMap = componentRelay.getComponentDataValueForKey('keyMap') ?? 'default'
@@ -274,6 +280,8 @@ document.addEventListener('DOMContentLoaded', function () {
     componentRelay.setComponentDataValueForKey('keyMap', newKeyMap)
   }
 
+  document.getElementById('toggle-vim-mode-button').addEventListener('click', toggleVimMode)
+
   function getInputStyleForEnvironment() {
     const environment = componentRelay.environment ?? 'web'
     return environment === 'mobile' ? 'textarea' : 'contenteditable'

package/src/main.scss

@@ -103,3 +103,7 @@ body, html {
 .cm-fat-cursor .CodeMirror-line > span[role="presentation"] {
   caret-color: transparent;
 }
+
+#bar {
+  width: inherit;
+}