chore: optimize workflows to avoid building components each time

.github/workflows/components.publish.yml

@@ -23,7 +23,7 @@ jobs:
       - name: Set up Ruby
         uses: ruby/setup-ruby@v1
       - run: yarn install
-      - run: yarn build:components
+      - run: yarn compile:components
       - name: Setup git config
         run: |
           git config --global user.name "standardci"

.github/workflows/desktop.release.proto.yml

@@ -23,7 +23,7 @@ jobs:
           brew install snapcraft
 
       - run: yarn install
-      - run: yarn build:web:all
+      - run: yarn build:desktop
 
       - name: SnapArm64
         run: |

.github/workflows/desktop.release.reuse.yml

@@ -24,7 +24,7 @@ jobs:
         with:
           registry-url: 'https://registry.npmjs.org'
       - run: yarn install
-      - run: yarn build:web:all
+      - run: yarn build:desktop
       - name: Compile Mac
         run: yarn run webpack --config desktop.webpack.prod.js
       - name: MacX64
@@ -59,7 +59,7 @@ jobs:
       - name: Install FPM
         run: sudo gem install fpm -f
       - run: yarn install
-      - run: yarn build:web:all
+      - run: yarn build:desktop
       - name: Compile for AppImage
         run: yarn run webpack --config desktop.webpack.prod.js
       - name: AppImage
@@ -125,7 +125,7 @@ jobs:
         with:
           registry-url: 'https://registry.npmjs.org'
       - run: yarn install
-      - run: yarn build:web:all
+      - run: yarn build:desktop
       - run: yarn run webpack --config desktop.webpack.prod.js
       - run: yarn run electron-builder --windows --x64 --ia32 --publish=never
 

.github/workflows/desktop.windows.sign.yml

@@ -19,7 +19,7 @@ jobs:
         with:
           registry-url: 'https://registry.npmjs.org'
       - run: yarn install
-      - run: yarn build:web:all
+      - run: yarn build:desktop
       - run: yarn run webpack --config desktop.webpack.prod.js
       - run: yarn run electron-builder --windows --x64 --ia32 --publish=never
 

.github/workflows/mobile.release.dev.yml

@@ -29,6 +29,7 @@ jobs:
         uses: ruby/setup-ruby@v1
       - name: Install dependencies
         run: yarn install
+      - run: yarn build:mobile
       - name: fastlane
         uses: maierj/fastlane-action@v1.4.0
         env:
@@ -62,6 +63,7 @@ jobs:
         uses: ruby/setup-ruby@v1
       - name: Install dependencies
         run: yarn install && yarn install:pods
+      - run: yarn build:mobile
       - name: Set ssh connection to Github
         uses: webfactory/ssh-agent@v0.4.1
         with:

.github/workflows/mobile.release.prod.yml

@@ -27,6 +27,7 @@ jobs:
           gpg -d --passphrase "${{ secrets.KEYSTORE_PASSPHRASE }}" --batch keystore.keystore.asc > android/app/keystore.keystore
       - name: Install dependencies
         run: yarn install
+      - run: yarn build:mobile
       - name: Ruby Setup for Fastlane
         uses: ruby/setup-ruby@v1
       - name: fastlane
@@ -65,6 +66,7 @@ jobs:
           echo "PACKAGE_VERSION=$(grep '"version"' package.json | cut -d '"' -f 4)" >> $GITHUB_ENV
       - name: Install dependencies
         run: yarn install && yarn install:pods
+      - run: yarn build:mobile
       - name: Set ssh connection to Github
         uses: webfactory/ssh-agent@v0.4.1
         with:

.github/workflows/pr.components.yml

@@ -0,0 +1,28 @@
+name: Components PR
+
+on:
+  pull_request:
+    branches:
+      - develop
+      - main
+    paths:
+      - packages/components
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v2
+      - name: Set up Ruby
+        uses: ruby/setup-ruby@v1
+      - name: Install dependencies
+        run: yarn install
+      - name: ESLint
+        run: yarn lint
+      - name: Compile components
+        run: yarn compile:components
+      - name: Build
+        run: yarn build:all
+      - name: Test
+        run: yarn test

.github/workflows/pr.yml

@@ -1,10 +1,12 @@
-name: Pull request
+name: General PR
 
 on:
   pull_request:
     branches:
       - develop
       - main
+    paths:
+      - 'packages/!(components)'
 
 jobs:
   test:
@@ -19,7 +21,7 @@ jobs:
       - name: ESLint
         run: yarn lint
       - name: Build
-        run: yarn build
+        run: yarn build:all
       - name: Build Android
         run: yarn android:bundle
       - name: Test

.github/workflows/web.release.beta.yml

@@ -21,7 +21,7 @@ jobs:
       - name: ESLint
         run: yarn lint
       - name: Build
-        run: yarn build
+        run: yarn build:web-server
       - name: Test
         run: yarn test
 

.github/workflows/web.release.dev.yml

@@ -23,7 +23,7 @@ jobs:
       - name: ESLint
         run: yarn lint
       - name: Build
-        run: yarn build
+        run: yarn build:web-server
       - name: Test
         run: yarn test
 

.github/workflows/web.release.prod.yml

@@ -22,7 +22,7 @@ jobs:
       - name: ESLint
         run: yarn lint
       - name: Build
-        run: yarn build
+        run: yarn build:web-server
       - name: Test
         run: yarn test
 

Dockerfile

@@ -20,18 +20,13 @@ RUN chown -R $UID:$GID .
 
 USER $USERNAME
 
-COPY --chown=$UID:$GID package.json yarn.lock /app/
-
-COPY --chown=$UID:$GID packages/web/package.json /app/packages/web/package.json
-COPY --chown=$UID:$GID packages/web-server/package.json /app/packages/web-server/package.json
-
 COPY --chown=$UID:$GID . /app
 
 RUN yarn install
 
 RUN gem install bundler
 
-RUN yarn build:web:all
+RUN yarn build:web-server
 
 EXPOSE 3000
 

package.json

@@ -14,10 +14,12 @@
     "lint": "yarn workspaces foreach --parallel --verbose run lint",
     "test": "yarn workspaces foreach --parallel --verbose run test",
     "clean": "lerna run clean",
-    "build": "yarn workspaces foreach -pt --verbose run build",
-    "build:icons": "yarn workspace @standardnotes/icons build",
-    "build:styles": "yarn workspace @standardnotes/styles build",
-    "build:web": "yarn workspace @standardnotes/web build",
+    "build:all": "yarn workspaces foreach -pt --verbose run build",
+    "build:web": "yarn workspaces foreach -pt --verbose -R --from @standardnotes/web run build",
+    "build:desktop": "yarn workspaces foreach -pt --verbose -R --from @standardnotes/desktop run build",
+    "build:mobile": "yarn workspaces foreach -pt --verbose -R --from @standardnotes/mobile run build",
+    "build:web-server": "yarn workspaces foreach -pt --verbose -R --from @standardnotes/web-server run build",
+    "compile:components": "yarn workspace @standardnotes/components-meta compile",
     "start:server:web": "lerna run start --scope=@standardnotes/web-server",
     "start:server:web:localhost": "lerna run start:no-binding --scope=@standardnotes/web-server",
     "prepare": "husky install",
@@ -37,6 +39,7 @@
     "@commitlint/cli": "^17.0.2",
     "@commitlint/config-conventional": "^17.0.2",
     "@lerna-lite/cli": "^1.5.1",
+    "@lerna-lite/run": "^1.5.1",
     "@standardnotes/config": "^2.4.3",
     "@typescript-eslint/eslint-plugin": "^5.20.0",
     "@typescript-eslint/parser": "^5.20.0",

packages/components/dist/Checksums.json

@@ -1,47 +1,97 @@
 {
-  "org.standardnotes.theme-autobiography": {
-    "version": "1.0.4",
-    "base64": "7f647ae6d3820bd422c59c8aa9f5b268e0f3597dc900ba576d9d78604a611da4",
-    "binary": "d73e98e94cf724966b98d4962e9e975d8769d04804740d6cf6ba9993713f5f21"
-  },
-  "org.standardnotes.advanced-checklist": {
-    "version": "0.0.1",
-    "base64": "7f7683158c14bf3f260d6f371af7f2b8562889a6c45f091dd8424c63975f578c",
-    "binary": "943b3926d7635fd373c4e58451469ddc2a298ef9a70f1e2ef08c2f415b02b263"
-  },
   "org.standardnotes.theme-midnight": {
     "version": "1.2.8",
-    "base64": "4faac453c45411062e79427d149b2386e9f235fd183d628f997c368924d7a566",
-    "binary": "7f548a06e62400a2678297939c8d5c1bf28e47c3f7f6523067a41f6cfcf2e7db"
+    "base64": "79085f55578169492fb3a0d70b120c39f9bdede94cb98548f18fab302fed0485",
+    "binary": "1ae1805538d691328ae0782b4f0ca3c7a7912d441d57fbedcfda81afedf561f4"
   },
   "org.standardnotes.theme-futura": {
     "version": "1.2.9",
-    "base64": "f46483df41f44daa3b3a1a5b296f0c8e6fd6012212200c9f4497b76a265f4209",
-    "binary": "1652ee85f4981f49cfefd2b8778a2a098a00aa987ef258b4dde9bfc2f435b166"
+    "base64": "b7a287552f89580782a9359b302baa87ca7abc4561d68429ce244f9b9fef071c",
+    "binary": "1428d78fc9556d2f6bcb4fd0d5aaaaee48fff14314da6c21fd2f663b566343e2"
   },
   "org.standardnotes.theme-solarized-dark": {
     "version": "1.2.7",
-    "base64": "d59f953fc5e0e12b8014f5934869f25012bc0ecfd4b1d11e95749a2071af5ec2",
-    "binary": "14d45b0f9e076e3c53c766eba964de75842604b64ca0d556b4cade3a7afb1536"
+    "base64": "159f6a42634b905486f12a0886a03c4e50926da8afdca322e9dc9521401571cc",
+    "binary": "ca01631d1bbd8ca9513692a9260b400dbdfff394322efe32e0af468cf38c3d8c"
+  },
+  "org.standardnotes.theme-autobiography": {
+    "version": "1.0.4",
+    "base64": "7de45f6317fe1c6ac5a5da40fb7b7ae18a731a5f7fadb9bc59922ab08c0abf15",
+    "binary": "3f66d4cd42366069928226e6de8890756cacc207d597821e706c0673f705a8ed"
   },
   "org.standardnotes.theme-focus": {
     "version": "1.2.9",
-    "base64": "9b00c7c40408169bede537f4da00ff2434adacd585b3ce819050e2144f0dee69",
-    "binary": "eff35bd7c25a9aa04025a307aa085ea8dcee4ffc583010ebcee2f6fbe4d6b148"
+    "base64": "62ba8aeb2b83e066b4bc8b7babe9bda1f8cbcee81a1f9d4dda8f6e7165f6cb23",
+    "binary": "b93cf8d9353e48b63dd076a4e1da42af125326c87d9990cccd9f25a44a0978d8"
   },
   "org.standardnotes.theme-titanium": {
     "version": "1.2.7",
-    "base64": "4d8e18e00d13dac8d52605d431a1addc9a2ee8fe2183fe44dcd9ab1edee770d2",
-    "binary": "4a241a6ddf9ec0d1671ac901a077ca707a02d151420e7a1d6f39d36b1b351908"
+    "base64": "7f22002992f49bf5c824c312af68b4cd505e51287c64bdf4ee77a7d312fcee98",
+    "binary": "2f293b6071b803b989d29610f8b801caae60e0dae7af44d52cab73828975c178"
   },
   "org.standardnotes.theme-dynamic": {
     "version": "1.0.4",
-    "base64": "a790a81022197d26bd4149769fd31059324b245beecc7c540c54e939250e770d",
-    "binary": "4d793128cc1358bc366bd2b88d8b950cd4f5a33c2c9b6fa2e2aa1b0fcef56715"
+    "base64": "7c80b2f53ed7085e74e95f2e6fc69c984dca37ce7c16776e22a801a335afd704",
+    "binary": "78b07300ef645ccffb1d12e75b72f8c811d6fa25db2c6a1bfa950fe806a4c6b3"
+  },
+  "org.standardnotes.code-editor": {
+    "version": "1.3.12",
+    "base64": "7b8e1d7bc497c689abfb5d8e05c4b7f58ea26b5ba88b565582d0f487711fe97e",
+    "binary": "f80eeeefa978188a7f634b20bf55711a7e6ffcc153e11e94d908d0520ff9821f"
+  },
+  "org.standardnotes.bold-editor": {
+    "version": "1.3.5",
+    "base64": "1c4854992742a26dae8e3da1b86c862bd7395d56afd21349a6621d8c0eac7a88",
+    "binary": "61922db961c60f729efe6baf48b084f55bd2b470682fb86d209e6c1bfbcaf89f"
+  },
+  "org.standardnotes.plus-editor": {
+    "version": "1.6.1",
+    "base64": "6c03328998623caff2ab73418f863a3c8f38f518aefa3419967d3cb15d370263",
+    "binary": "c831ddaf1e69d6a4cc28c802324960c92f8d563ddfc6ad195fc99bba30d7ced7"
+  },
+  "org.standardnotes.simple-markdown-editor": {
+    "version": "1.4.2",
+    "base64": "9c1f630fb1fdd0e8ca7ae206367cbba8729a35be9f4061ae428ace75f04c6a91",
+    "binary": "3e3eb7391de6c164cbd4f640c5fa00a57c5631c7cc0787c26fb4258b95de2bf1"
+  },
+  "org.standardnotes.advanced-markdown-editor": {
+    "version": "1.5.0",
+    "base64": "943b48ee4f449b8d1c399770444f732c18e50dc8f4cf11a6a75b865141e798ba",
+    "binary": "f22b1e234ef44a3a57f3a257d645f96ac275e02c1919290288164cee89753a61"
+  },
+  "org.standardnotes.minimal-markdown-editor": {
+    "version": "1.3.9",
+    "base64": "43e8e9baa27fdc97d4fba1122a4347fea18e1542ecbaa2cc28a0243625c7feac",
+    "binary": "d911380b7183c8ee8782fb32fd38d49802f3b83d96df99ba399fe72ff9afc6c2"
+  },
+  "org.standardnotes.fancy-markdown-editor": {
+    "version": "1.3.6",
+    "base64": "9f010b25acba6dacd5552dc4d91a59634953c93bf927be1c37089a5893eff6ea",
+    "binary": "c36b525d46f00fa73d57456f006437edc43ade5e1933e779517a76d6a049fd9c"
   },
   "org.standardnotes.markdown-visual-editor": {
     "version": "1.0.7",
-    "base64": "5ee90ed492bfd9534d5c9acd16e9874b7dda1d74571b69f8c783a54b88001371",
-    "binary": "4f8058a5c8a02ad30db28138edc27e51e5921942d2a233e32c17029758ec48fa"
+    "base64": "6753eb272f833dae05ff38c5061a61e03aec5180de16fb14019dbb2df9716603",
+    "binary": "8c1ae6043f6e756a632a402f97a2779f8dd6218eaaf5e85cee9f39a999f1b045"
+  },
+  "org.standardnotes.simple-task-editor": {
+    "version": "1.3.10",
+    "base64": "fa0d068f203ad428649c3dfe33b36dff17640f82b5c64e8cb66c8b63aa754546",
+    "binary": "e47d3f02c7e7d0e0ecbc1f632197cf66c6a04333eb3c7657545cb4cd8124da45"
+  },
+  "org.standardnotes.token-vault": {
+    "version": "2.0.10",
+    "base64": "d83bbabfd1eb4255f5f3b14fd68f51a4812c2d84d2f1e3875d2f6f06f3036e95",
+    "binary": "f1f8f0e0fa4f09519ce0562870d329e9de37637363292c868f854edb6e3328e0"
+  },
+  "org.standardnotes.standard-sheets": {
+    "version": "1.4.4",
+    "base64": "bd5052f93853460f331c5e1168c8b6e5886fa064ac4e342a84fd07adac7a326d",
+    "binary": "9fd1e702ff240af2923995356910852870bc475ff672ad60d21621167c698cfb"
+  },
+  "org.standardnotes.advanced-checklist": {
+    "version": "0.0.1",
+    "base64": "247698c9b8285b81318b1693de44ec04d47db6acfa9fea70cd11606744e17b7f",
+    "binary": "0feba14051caad0c48f4a85c56e3e8fc1dc118d08c2e6be8083c39629d9716f5"
   }
 }

packages/components/dist/org.standardnotes.advanced-checklist/build/asset-manifest.json

@@ -1,13 +0,0 @@
-{
-  "files": {
-    "main.css": "./static/css/main.516846f6.css",
-    "main.js": "./static/js/main.6a7d8a57.js",
-    "index.html": "./index.html",
-    "main.516846f6.css.map": "./static/css/main.516846f6.css.map",
-    "main.6a7d8a57.js.map": "./static/js/main.6a7d8a57.js.map"
-  },
-  "entrypoints": [
-    "static/css/main.516846f6.css",
-    "static/js/main.6a7d8a57.js"
-  ]
-}

packages/components/dist/org.standardnotes.advanced-checklist/build/index.html

@@ -1 +0,0 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="./favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="A great way to manage short-term and long-term to-do's. You can mark tasks as completed, change their order, and edit the text naturally in place."/><link rel="apple-touch-icon" href="./logo192.png"/><link rel="manifest" href="./manifest.json"/><title>Advanced Checklist</title><script defer="defer" src="./static/js/main.6a7d8a57.js"></script><link href="./static/css/main.516846f6.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div class="sn-component" id="root"></div></body></html>

packages/components/dist/org.standardnotes.advanced-checklist/build/manifest.json

@@ -1,25 +0,0 @@
-{
-  "short_name": "Advanced Checklist",
-  "name": "Advanced Checklist",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    },
-    {
-      "src": "logo192.png",
-      "type": "image/png",
-      "sizes": "192x192"
-    },
-    {
-      "src": "logo512.png",
-      "type": "image/png",
-      "sizes": "512x512"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
-}

packages/components/dist/org.standardnotes.advanced-checklist/build/package.json

@@ -1,21 +0,0 @@
-{
-  "name": "@standardnotes/advanced-checklist",
-  "version": "0.0.1",
-  "description": "A task editor with grouping functionality.",
-  "keywords": [
-    "Standard Notes",
-    "Standard Notes Extensions"
-  ],
-  "private": true,
-  "license": "AGPL-3.0-or-later",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/standardnotes/advanced-checklist.git"
-  },
-  "bugs": {
-    "url": "https://github.com/standardnotes/advanced-checklist/issues"
-  },
-  "sn": {
-    "main": "index.html"
-  }
-}

packages/components/dist/org.standardnotes.advanced-checklist/build/robots.txt

@@ -1,3 +0,0 @@
-# https://www.robotstxt.org/robotstxt.html
-User-agent: *
-Disallow:

packages/components/dist/org.standardnotes.advanced-checklist/build/sample.ext.json

@@ -1,13 +0,0 @@
-{
-  "identifier": "org.standardnotes.advanced-checklist-dev",
-  "name": "Advanced Checklist - Dev",
-  "content_type": "SN|Component",
-  "area": "editor-editor",
-  "version": "0.1.0",
-  "description": "A task editor with grouping functionality.",
-  "url": "http://localhost:3000/index.html",
-  "download_url": "",
-  "latest_url": "",
-  "marketing_url": "https://github.com/standardnotes/advanced-checklist",
-  "thumbnail_url": ""
-}

packages/components/dist/org.standardnotes.advanced-checklist/build/static/js/main.6a7d8a57.js.LICENSE.txt

@@ -1,87 +0,0 @@
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
-
-/*! @license DOMPurify 2.3.8 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/2.3.8/LICENSE */
-
-/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
-
-/**
-     * @license
-     * Lodash (Custom Build) lodash.com/license | Underscore.js 1.8.3 underscorejs.org/LICENSE
-     * Build: `lodash include="includes,merge,filter,map,remove,find,omit,pull,cloneDeep,pick,uniq,sortedIndexBy,mergeWith"`
-     */
-
-/**
- * @license
- * Lodash <https://lodash.com/>
- * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
- * Released under MIT license <https://lodash.com/license>
- * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
- * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
- */
-
-/** @license React v0.20.2
- * scheduler.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/** @license React v16.13.1
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/** @license React v17.0.2
- * react-dom-server.browser.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/** @license React v17.0.2
- * react-dom.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/** @license React v17.0.2
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/** @license React v17.0.2
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/** @license React v17.0.2
- * react.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */

packages/components/dist/org.standardnotes.advanced-checklist/package.json

@@ -15,7 +15,7 @@
   "scripts": {
     "analyze": "source-map-explorer 'build/static/js/*.js'",
     "start": "react-scripts start",
-    "build": "react-scripts build",
+    "compile": "react-scripts build",
     "prepublishOnly": "npm run build",
     "clean-deploy-cache": "rm -rf node_modules/.cache/gh-pages",
     "predeploy": "yarn run pretty && yarn run build && yarn clean-deploy-cache",
@@ -29,7 +29,7 @@
     "server-public": "http-server -p 3000 --cors",
     "server-root": "http-server ./ -p 3000 --cors",
     "server": "http-server ./build -p 3000 --cors",
-    "lint": "prettier --write 'src/**/*.{html,css,scss,js,jsx,ts,tsx,json}' README.md"
+    "compile:lint": "prettier --write 'src/**/*.{html,css,scss,js,jsx,ts,tsx,json}' README.md"
   },
   "eslintConfig": {
     "extends": [

packages/components/dist/org.standardnotes.advanced-markdown-editor/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@standardnotes/markdown-hybrid",
+  "private": true,
+  "version": "1.5.0",
+  "description": "A Standard Notes derived editor that offers full support for Markdown editing.",
+  "main": "dist/dist.js",
+  "author": "Standard Notes <hello@standardnotes.com>",
+  "license": "AGPL-3.0",
+  "sn": {
+    "main": "dist/index.html"
+  },
+  "scripts": {
+    "start": "webpack serve --config webpack.dev.js --progress --hot",
+    "compile": "webpack --config webpack.prod.js",
+    "custom:lint": "eslint src --ext .js",
+    "custom:lint:fix": "yarn lint --fix"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.13.10",
+    "@babel/core": "^7.13.13",
+    "@babel/preset-env": "^7.13.12",
+    "@standardnotes/component-relay": "2.2.0",
+    "copy-webpack-plugin": "^8.1.0",
+    "css-loader": "^5.2.0",
+    "dompurify": "^2.2.9",
+    "easymde": "2.16.1",
+    "eslint": "*",
+    "file-loader": "^6.2.0",
+    "font-awesome": "^4.7.0",
+    "highlightjs": "^9.16.2",
+    "html-webpack-plugin": "^5.3.1",
+    "marked": "^2.0.7",
+    "mini-css-extract-plugin": "^1.4.0",
+    "prettier": "*",
+    "sass": "^1.32.8",
+    "sass-loader": "^11.0.1",
+    "sn-stylekit": "3.0.1",
+    "webpack": "*",
+    "webpack-cli": "*",
+    "webpack-dev-server": "^3.11.2",
+    "webpack-merge": "^5.7.3"
+  }
+}

packages/components/dist/org.standardnotes.bold-editor/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@standardnotes/bold-editor",
+  "private": true,
+  "version": "1.3.5",
+  "main": "dist/dist.js",
+  "scripts": {
+    "custom:lint": "eslint app/ --ext .js",
+    "custom:lint:fix": "yarn lint --fix",
+    "compile": "webpack --config webpack.prod.js",
+    "start": "webpack serve --config webpack.dev.js --progress --hot"
+  },
+  "sn": {
+    "main": "dist/index.html"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.13.14",
+    "@babel/eslint-parser": "^7.13.14",
+    "@babel/preset-env": "^7.13.12",
+    "@babel/preset-react": "^7.13.13",
+    "@standardnotes/editor-kit": "2.2.3",
+    "babel-loader": "^8.2.2",
+    "copy-webpack-plugin": "^8.1.1",
+    "css-loader": "^5.2.0",
+    "dompurify": "^2.2.9",
+    "eslint": "*",
+    "eslint-plugin-react": "*",
+    "filesafe-embed": "1.0.13",
+    "filesafe-js": "1.0.5",
+    "html-webpack-plugin": "^5.3.1",
+    "mini-css-extract-plugin": "^1.4.0",
+    "node-sass": "*",
+    "react": "17.x",
+    "react-dom": "17.x",
+    "sass-loader": "^11.0.1",
+    "sn-stylekit": "3.0.1",
+    "style-loader": "~2.0.0",
+    "terser-webpack-plugin": "^5.1.1",
+    "webpack": "*",
+    "webpack-cli": "*",
+    "webpack-dev-server": "^3.11.2",
+    "webpack-merge": "^5.7.3",
+    "webpack-merge-and-include-globally": "^2.3.4"
+  }
+}

packages/components/dist/org.standardnotes.code-editor/index.html

@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <base target="_blank">
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">
+    <link rel="stylesheet" href="vendor/codemirror/lib/codemirror.css">
+    <link rel="stylesheet" href="dist/main.css">
+    <link rel="stylesheet" href="dist/stylekit.css">
+    <script src="vendor/codemirror/lib/codemirror.js"></script>
+    <!-- Required for gfm mode -->
+    <script src="vendor/codemirror/addon/mode/overlay.js"></script>
+    <script src="vendor/codemirror/addon/mode/simple.js"></script>
+    <script src="vendor/codemirror/addon/mode/loadmode.js"></script>
+    <script src="vendor/codemirror/mode/meta.js"></script>
+    <!-- Vim key bindings -->
+    <script src="vendor/codemirror/keymap/vim.js"></script>
+    <!-- Required for search -->
+    <script src="vendor/codemirror/addon/search/jump-to-line.js"></script>
+    <script src="vendor/codemirror/addon/search/match-highlighter.js"></script>
+    <script src="vendor/codemirror/addon/search/matchesonscrollbar.js"></script>
+    <script src="vendor/codemirror/addon/search/search.js"></script>
+    <script src="vendor/codemirror/addon/search/searchcursor.js"></script>
+    <script src="vendor/codemirror/addon/dialog/dialog.js"></script>
+    <script src="vendor/codemirror/addon/scroll/annotatescrollbar.js"></script>
+    <link rel="stylesheet" href="vendor/codemirror/addon/search/matchesonscrollbar.css" />
+    <link rel="stylesheet" href="vendor/codemirror/addon/dialog/dialog.css" />
+    <script src="dist/lib/component-relay.js"></script>
+    <!-- Required for styling selected text -->
+    <script src="vendor/codemirror/addon/selection/mark-selection.js"></script>
+    <script>
+      CodeMirror.modeURL = "vendor/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 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>
+        </div>
+        <div class="sk-app-bar-item">
+          <span id="default-label" class="sk-label" onclick="setDefaultLanguage(event)">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>
+        </div>
+      </div>
+    </div>
+    <script src="dist/main.js"></script>
+  </body>
+</html>

packages/components/dist/org.standardnotes.code-editor/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "@standardnotes/classic-code-editor",
+  "private": true,
+  "version": "1.3.12",
+  "description": "A code editor for Standard Notes",
+  "main": "dist/main.js",
+  "author": "Standard Notes <hello@standardnotes.org>",
+  "license": "AGPL-3.0",
+  "scripts": {
+    "start": "http-server . --cors -p8001 & webpack --progress --config webpack.dev.js",
+    "compile": "webpack --config webpack.prod.js",
+    "custom:lint": "eslint src --ext .js",
+    "custom:lint:fix": "yarn lint --fix"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.12.10",
+    "@babel/core": "^7.12.10",
+    "@babel/preset-env": "^7.12.11",
+    "@standardnotes/component-relay": "2.2.0",
+    "codemirror": "5.65.2",
+    "copy-webpack-plugin": "^7.0.0",
+    "css-loader": "^5.0.1",
+    "eslint": "*",
+    "http-server": "^0.12.3",
+    "mini-css-extract-plugin": "^1.3.5",
+    "remove-files-webpack-plugin": "^1.4.4",
+    "sass": "*",
+    "sass-loader": "^10.1.1",
+    "sn-stylekit": "^2.1.1",
+    "webpack": "*",
+    "webpack-cli": "*",
+    "webpack-merge": "^5.7.3"
+  }
+}

packages/components/dist/org.standardnotes.fancy-markdown-editor/dist/app.css

@@ -0,0 +1,518 @@
+html {
+  font-size: var(--sn-stylekit-base-font-size);
+}
+
+body {
+  font-size: var(--sn-stylekit-font-size-editor);
+  font-family: Calibri, "Trebuchet MS", sans-serif;
+}
+
+* {
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+.full-height,
+.ldt label,
+body,
+html {
+  height: 100%;
+}
+
+.ldt,
+.ldt label.ldt-label {
+  padding: 4px;
+}
+
+.ldt pre,
+.ldt textarea {
+  font-size: var(--sn-stylekit-font-size-editor);
+  font-family: monospace;
+  color: var(--sn-stylekit-editor-foreground-color);
+}
+
+.ldt {
+  overflow: auto;
+  position: relative;
+}
+
+pre.ldt-pre {
+  -moz-padding-start: 1px;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  margin: 0;
+  border: 0;
+  -webkit-nbsp-mode: space;
+}
+
+@supports (-webkit-overflow-scrolling: touch) {
+  /* CSS specific to iOS devices */
+  .ldt pre {
+    margin-left: 3px !important;
+  }
+}
+body,
+hr {
+  padding: 0;
+}
+
+.container,
+.copyright,
+.demo-control,
+.open-control {
+  white-space: nowrap;
+}
+
+.ldt label {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  display: inline;
+  cursor: text;
+}
+
+body,
+sub,
+sup {
+  position: relative;
+}
+
+.hljs,
+.ldt textarea,
+hr {
+  display: block;
+}
+
+.ldt textarea {
+  font-size: var(--sn-stylekit-editor-foreground-color);
+  color: transparent !important;
+  color: rgba(0, 0, 0, 0.3) !important;
+  margin: 0;
+  border: 0;
+  background: 0 0;
+  outline: 0;
+  resize: none;
+  min-width: 100%;
+  width: 100%;
+  min-height: 100%;
+  overflow: hidden;
+  filter: alpha(opacity=30);
+}
+
+.hljs {
+  overflow-x: auto;
+  color: #657b83;
+}
+
+.hljs-comment,
+.hljs-quote {
+  color: #93a1a1;
+}
+
+.hljs-addition,
+.hljs-keyword,
+.hljs-selector-tag {
+  color: #859900;
+}
+
+.hljs-doctag,
+.hljs-literal,
+.hljs-meta .hljs-meta-string,
+.hljs-number,
+.hljs-regexp,
+.hljs-string {
+  color: #2aa198;
+}
+
+.hljs-name,
+.hljs-section,
+.hljs-selector-class,
+.hljs-selector-id,
+.hljs-title {
+  color: #268bd2;
+}
+
+.hljs-attr,
+.hljs-attribute,
+.hljs-class .hljs-title,
+.hljs-template-variable,
+.hljs-type,
+.hljs-variable {
+  color: #b58900;
+}
+
+.hljs-bullet,
+.hljs-link,
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-subst,
+.hljs-symbol {
+  color: #cb4b16;
+}
+
+.hljs-built_in,
+.hljs-deletion {
+  color: #dc322f;
+}
+
+.hljs-formula {
+  background: #eee8d5;
+}
+
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: 700;
+}
+
+@viewport {
+  width: device-width;
+}
+@-ms-viewport {
+  width: device-width;
+}
+* {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+body {
+  min-width: 320px;
+  margin: 0;
+  background-color: transparent;
+}
+
+button,
+textarea {
+  font: var(--sn-stylekit-font-size-editor) Calibri, "Trebuchet MS", sans-serif;
+}
+
+sub,
+sup {
+  vertical-align: baseline;
+  top: -0.4em;
+}
+
+sub {
+  top: 0.4em;
+}
+
+hr {
+  height: 1px;
+  border: 0;
+  border-top: 1px solid #ccc;
+  margin: 1em 0;
+}
+
+h1,
+h2,
+h3 {
+  font: var(--sn-stylekit-font-size-editor) Cambria, Georgia, serif;
+  margin: 1em 0 0;
+  font-weight: 400;
+}
+
+.ldt .bold,
+.ldt .latexBlock.delimeter,
+.ldt .list-mark {
+  font-weight: 700;
+}
+
+h1 {
+  margin: 0.5em 0 0.25em;
+  font-size: 225%;
+}
+
+h2 {
+  margin: 1em 0 0.25em;
+  font-size: 175%;
+}
+
+h3 {
+  font-size: 125%;
+}
+
+div.header {
+  background: var(--sn-stylekit-contrast-background-color);
+  color: var(--sn-stylekit-contrast-foreground-color);
+  border-bottom: 1px solid var(--sn-stylekit-contrast-border-color);
+  padding: 0 16px;
+  margin: 0;
+  height: 48px;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  z-index: 20;
+}
+
+.header-item {
+  flex: 0 0 auto;
+}
+
+.header a.link {
+  color: #fff;
+  text-decoration: none;
+  border-bottom: thin solid rgba(255, 255, 255, 0.7);
+  height: 16px;
+  display: inline-block;
+}
+
+.demo-control,
+.open-control {
+  text-align: center;
+}
+
+.demo-control .control-item,
+.header .toolbar-button {
+  display: inline-block;
+  vertical-align: middle;
+  background-color: rgba(0, 0, 0, 0.3);
+  color: #fff;
+  background-clip: padding-box;
+  border-color: transparent;
+  border-style: solid;
+  border-width: 9px 1px;
+  height: 48px;
+  min-width: 30px;
+  line-height: 30px;
+  padding: 0 4px;
+  text-align: center;
+  cursor: pointer;
+  cursor: hand;
+}
+
+.demo-control .control-item {
+  background-color: rgba(0, 0, 0, 0.3);
+  display: inline-block;
+}
+
+.demo-control .control-input {
+  display: none;
+}
+
+.demo-control .control-input:checked + .control-item {
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+@media screen and (min-width: 825px) {
+  .demo-control {
+    text-align: left;
+    padding-left: 16px;
+  }
+  .open-control {
+    text-align: right;
+    padding-right: 20px;
+  }
+}
+.container {
+  padding-top: 48px;
+  overflow: hidden;
+  -webkit-overflow-scrolling: touch;
+}
+
+.half-width,
+.slider {
+  display: inline-block;
+  vertical-align: top;
+  white-space: normal;
+}
+
+.half-width {
+  position: relative;
+  width: 50%;
+  width: calc(50% - 3px);
+  background-color: transparent;
+}
+
+.slider {
+  width: 6px;
+  cursor: ew-resize;
+  background: radial-gradient(rgba(0, 0, 0, 0.1) 21%, transparent 22%) 3px 3px, radial-gradient(rgba(0, 0, 0, 0.1) 21%, transparent 22%);
+  background-size: 6px 6px;
+  left: 0 !important;
+  top: 0 !important;
+  transform: none !important;
+}
+
+.opt__strict .not-strict {
+  opacity: 0.3;
+}
+
+.ldt label.ldt-label,
+.source {
+  padding: 0;
+}
+
+.ldt pre,
+.ldt textarea,
+textarea.source {
+  padding: 16px 16px 0;
+}
+
+.ldt pre.ldt-pre,
+.ldt textarea {
+  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
+  font-size: var(--sn-stylekit-font-size-editor);
+  line-height: calc(var(--sn-stylekit-font-size-editor) + 0.2rem);
+}
+
+pre.ldt-pre span {
+  vertical-align: top;
+}
+
+textarea.source {
+  width: 100%;
+}
+
+textarea {
+  resize: none;
+  display: block;
+  outline: 0;
+  border: 0;
+  margin: 0;
+}
+
+.result-html .svg-preview,
+.result-html img {
+  max-width: 100%;
+}
+
+.result-html,
+.result-src {
+  display: none;
+  padding: 16px 16px 16px 13px;
+  margin: 0;
+  overflow: auto;
+}
+
+.result-src,
+.result-src-content {
+  white-space: pre-wrap;
+}
+
+.result-as-debug .result-src,
+.result-as-habr .result-src,
+.result-as-html .result-html,
+.result-as-htmltex .result-src,
+.result-as-md .result-src,
+.result-as-src .result-src {
+  display: block;
+  color: var(--sn-stylekit-editor-foreground-color);
+}
+
+.result-html {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.result-html a {
+  color: var(--sn-stylekit-info-color);
+}
+
+.result-html .svg-preview {
+  overflow: visible;
+  -webkit-transition: opacity 0.4s ease-in-out;
+  -moz-transition: opacity 0.4s ease-in-out;
+  transition: opacity 0.4s ease-in-out;
+  fill: var(--sn-stylekit-info-color);
+}
+
+.hljs {
+  background: 0 0;
+  padding: 0;
+}
+
+::-webkit-scrollbar {
+  width: 12px;
+  height: 12px;
+}
+
+::-webkit-scrollbar-track {
+  background: rgba(0, 0, 0, 0.1);
+}
+
+::-webkit-scrollbar-thumb {
+  background: rgba(0, 0, 0, 0.2);
+}
+
+::-webkit-scrollbar-corner {
+  background: #e5cda5;
+}
+
+.ldt .header, .ldt .header2 {
+  font-weight: 700;
+  color: var(--sn-stylekit-info-color);
+}
+
+.ldt .quote {
+  background: var(--sn-stylekit-secondary-contrast-background-color);
+}
+
+.ldt .list {
+  background: var(--sn-stylekit-secondary-contrast-background-color);
+}
+
+.ldt .code, .ldt .fence {
+  background: var(--sn-stylekit-secondary-contrast-background-color);
+}
+
+.ldt .sub, .ldt .sup {
+  color: var(--sn-stylekit-warning-color);
+}
+
+.ldt .link {
+  color: var(--sn-stylekit-info-color);
+}
+
+.ldt .latex {
+  color: var(--sn-stylekit-success-color);
+}
+
+.ldt .italic {
+  color: var(--sn-stylekit-warning-color);
+}
+
+.ldt .strike {
+  text-decoration: line-through;
+}
+
+.ldt .latexBlock.keyword {
+  color: var(--sn-stylekit-info-color);
+}
+
+.ldt .latexBlock.keyword2 {
+  color: var(--sn-stylekit-info-color);
+}
+
+.ldt .latexBlock.keyword3 {
+  color: var(--sn-stylekit-success-color);
+}
+
+.ldt .latexBlock.bracket {
+  color: var(--sn-stylekit-danger-color);
+}
+
+.ldt .latexBlock.comment {
+  color: var(--sn-stylekit-neutral-color-color);
+}
+
+.ldt .latexBlock.index {
+  color: var(--sn-stylekit-warning-color);
+}
+
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+  .ldt textarea::-webkit-input-placeholder {
+    text-shadow: none;
+    -webkit-text-fill-color: initial;
+  }
+}
+
+/*# sourceMappingURL=app.css.map */

packages/components/dist/org.standardnotes.fancy-markdown-editor/dist/app.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../src/main.scss"],"names":[],"mappings":"AAAA;EACE;;;AAGF;EACE;EACA;;;AAGF;EAEE;;;AAGF;AAAA;AAAA;AAAA;EAII;;;AAGJ;AAAA;EAEI;;;AAGJ;AAAA;EAEE;EACA;EACA;;;AAIF;EACI;EACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACE;EACA;IACE;;;AAIJ;AAAA;EAEI;;;AAGJ;AAAA;AAAA;AAAA;EAII;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;AAAA;AAAA;EAGI;;;AAGJ;AAAA;AAAA;EAGI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;AAAA;EAEI;;;AAGJ;AAAA;AAAA;EAGI;;;AAGJ;AAAA;AAAA;AAAA;AAAA;AAAA;EAMI;;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI;;;AAGJ;AAAA;AAAA;AAAA;AAAA;AAAA;EAMI;;;AAGJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAQI;;;AAGJ;AAAA;EAEI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;AAAA;EAEI;;;AAGJ;AAAA;EAEI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;AAAA;AAAA;EAGI;EACA;EACA;;;AAGJ;AAAA;AAAA;EAGI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;AAAA;EAEI;;;AAGJ;AAAA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;IACI;IACA;;EAEJ;IACI;IACA;;;AAIR;EACI;EACA;EACA;;;AAGJ;AAAA;EAEI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;AAAA;EAEI;;;AAGJ;AAAA;AAAA;EAGI;;;AAGJ;AAAA;EAEI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;AAAA;EAEI;;;AAGJ;AAAA;EAEI;EACA;EACA;EACA;;;AAGJ;AAAA;EAEI;;;AAGJ;AAAA;AAAA;AAAA;AAAA;AAAA;EAMI;EACA;;;AAGJ;EACI;EACA;;AAEA;EACE;;;AAIN;EACI;EACA;EACA;EACA;EAEA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACE;;;AAGF;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACE;;;AAIF;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EAII;IACI;IACA","file":"app.css"}

packages/components/dist/org.standardnotes.fancy-markdown-editor/dist/app.js

@@ -0,0 +1,87 @@
+document.addEventListener('DOMContentLoaded', function (event) {
+  const editor = document.getElementById('editor-source')
+
+  let workingNote
+
+  const componentRelay = new ComponentRelay({
+    targetWindow: window,
+    onReady: () => {
+      const platform = componentRelay.platform
+      if (platform) {
+        document.body.classList.add(platform)
+      }
+    },
+  })
+
+  componentRelay.streamContextItem((note) => {
+    workingNote = note
+
+    // Only update UI on non-metadata updates.
+    if (note.isMetadataUpdate) {
+      return
+    }
+
+    editor.value = note.content.text
+    window.upmath.updateText()
+
+    editor.setAttribute('spellcheck', JSON.stringify(workingNote.content.spellcheck))
+  })
+
+  editor.addEventListener('input', function (event) {
+    const text = editor.value || ''
+
+    function strip(html) {
+      const tmp = document.implementation.createHTMLDocument('New').body
+      tmp.innerHTML = html
+      return tmp.textContent || tmp.innerText || ''
+    }
+
+    function truncateString(string, limit = 90) {
+      if (string.length <= limit) {
+        return string
+      } else {
+        return string.substring(0, limit) + '...'
+      }
+    }
+
+    if (workingNote) {
+      // Be sure to capture this object as a variable, as workingNote may be reassigned in `streamContextItem`, so by the time
+      // you modify it in the presave block, it may not be the same object anymore, so the presave values will not be applied to
+      // the right object, and it will save incorrectly.
+      const note = workingNote
+
+      componentRelay.saveItemWithPresave(note, () => {
+        window.upmath.updateText()
+
+        const html = window.upmath.getHTML()
+        const strippedHtml = truncateString(strip(html))
+
+        note.content.preview_plain = strippedHtml
+        note.content.preview_html = null
+        note.content.text = text
+      })
+    }
+  })
+
+  // Tab handler
+  editor.addEventListener('keydown', function (event) {
+    if (!event.shiftKey && event.which == 9) {
+      event.preventDefault()
+
+      // Using document.execCommand gives us undo support
+      if (!document.execCommand('insertText', false, '\t')) {
+        // document.execCommand works great on Chrome/Safari but not Firefox
+        const start = this.selectionStart
+        const end = this.selectionEnd
+        const spaces = '    '
+
+        // Insert 4 spaces
+        this.value = this.value.substring(0, start) + spaces + this.value.substring(end)
+
+        // Place cursor 4 spaces away from where
+        // the tab key was pressed
+        this.selectionStart = this.selectionEnd = start + 4
+      }
+    }
+  })
+})

packages/components/dist/org.standardnotes.fancy-markdown-editor/index.html

@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<base target="_blank">
+	<meta charset="UTF-8">
+	<title>Markdown Math</title>
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="dist/dist.css">
+</head>
+
+<body>
+	<div class="header">
+		<div class="header-item open-control">
+			<input type="file" id="fileElem" style="display:none">
+			<button class="toolbar-button _upload-source" title="Upload a file">⇑</button>
+			<button class="toolbar-button _download-source" title="Download source">⇓</button>
+		</div>
+		<div class="header-item demo-control">
+			<input class="control-input" id="id_html" type="radio" name="source_type" checked="checked"><label
+				class="control-item" for="id_html" title="Example of rendered HTML" data-result-as="html">preview</label>
+			<input class="control-input" id="id_src" type="radio" name="source_type"><label class="control-item" for="id_src"
+				title="HTML with rendered equations" data-result-as="src">html</label>
+			<input class="control-input" id="id_htmltex" type="radio" name="source_type"><label class="control-item"
+				for="id_htmltex" title="HTML with raw LaTeX equations" data-result-as="htmltex">html-tex</label>
+			<input class="control-input" id="id_md" type="radio" name="source_type"><label class="control-item" for="id_md"
+				title="Markdown with rendered equations" data-result-as="md">md</label>
+			<button class="toolbar-button _download-result" title="Download result">⇓</button>
+		</div>
+	</div>
+	<div class="container full-height" id="container-block">
+		<!--
+		-->
+		<div class="half-width full-height source-wrap" id="source-block"><textarea id="editor-source"
+				class="source full-height"></textarea></div>
+		<!--
+		-->
+		<div class="slider full-height" id="slider"></div>
+		<!--
+		-->
+		<div class="half-width full-height" id="result-block">
+			<div class="result-html full-height"></div>
+			<pre class="result-src full-height"><code class="result-src-content"></code></pre>
+		</div>
+		<!--
+	-->
+	</div>
+	<script src="dist/dist.js"></script>
+</body>
+
+</html>

packages/components/dist/org.standardnotes.fancy-markdown-editor/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@standardnotes/markdown-math",
+  "private": true,
+  "version": "1.3.6",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "compile": "grunt"
+  },
+  "author": "Standard Notes",
+  "devDependencies": {
+    "@babel/cli": "^7.7.7",
+    "@babel/core": "^7.7.7",
+    "@babel/preset-env": "^7.7.7",
+    "@standardnotes/component-relay": "2.2.0",
+    "draggabilly": "^2.2.0",
+    "grunt": "^1.0.4",
+    "grunt-babel": "^8.0.0",
+    "grunt-browserify": "^5.3.0",
+    "grunt-contrib-concat": "^1.0.1",
+    "grunt-contrib-copy": "^1.0.0",
+    "grunt-contrib-sass": "^1.0.0",
+    "grunt-contrib-uglify": "^5.0.1",
+    "grunt-contrib-watch": "^1.1.0",
+    "grunt-newer": "^1.3.0",
+    "grunt-remove-comments": "^0.1.6",
+    "katex": "^0.11.1",
+    "markdown-it": "^10.0.0",
+    "markdown-it-footnote": "^3.0.2",
+    "markdown-it-sub": "^1.0.0",
+    "markdown-it-sup": "^1.0.0",
+    "markdown-it-task-lists": "^2.1.1",
+    "sass": "*",
+    "sn-stylekit": "2.0.20"
+  }
+}

packages/components/dist/org.standardnotes.markdown-visual-editor/build/asset-manifest.json

@@ -1,83 +0,0 @@
-{
-  "files": {
-    "main.css": "./static/css/main.3f2fa701.css",
-    "main.js": "./static/js/main.27f75f1b.js",
-    "static/media/material-icons-two-tone.woff": "./static/media/material-icons-two-tone.9e3c5301d2c4ffebb310.woff",
-    "static/media/material-icons-two-tone.woff2": "./static/media/material-icons-two-tone.538b0aa80b63d8f4f2b2.woff2",
-    "static/media/material-icons-round.woff": "./static/media/material-icons-round.a68a41e05dab8c15100a.woff",
-    "static/media/material-icons-outlined.woff": "./static/media/material-icons-outlined.12239d7648c1b40eb9fb.woff",
-    "static/media/material-icons-round.woff2": "./static/media/material-icons-round.9d6b5de50f954ac18c25.woff2",
-    "static/media/material-icons.woff": "./static/media/material-icons.b97e87e716f17541269a.woff",
-    "static/media/material-icons-sharp.woff": "./static/media/material-icons-sharp.ee57e26ac270f1a241dd.woff",
-    "static/media/material-icons-outlined.woff2": "./static/media/material-icons-outlined.8a0c6947d12b3207cafe.woff2",
-    "static/media/material-icons-sharp.woff2": "./static/media/material-icons-sharp.123e1c98111c574ebf39.woff2",
-    "static/media/material-icons.woff2": "./static/media/material-icons.b614fe2633c38bf99406.woff2",
-    "static/media/KaTeX_AMS-Regular.ttf": "./static/media/KaTeX_AMS-Regular.853be92419a6c3766b9a.ttf",
-    "static/media/KaTeX_Main-Regular.ttf": "./static/media/KaTeX_Main-Regular.9eba1d77abcf2aa6e94e.ttf",
-    "static/media/KaTeX_Main-Bold.ttf": "./static/media/KaTeX_Main-Bold.8169508bf58f8bd92ad8.ttf",
-    "static/media/KaTeX_Main-Italic.ttf": "./static/media/KaTeX_Main-Italic.fa675e5e4bec9eb250b6.ttf",
-    "static/media/KaTeX_AMS-Regular.woff": "./static/media/KaTeX_AMS-Regular.d562e886c52f12660a41.woff",
-    "static/media/KaTeX_Main-BoldItalic.ttf": "./static/media/KaTeX_Main-BoldItalic.828abcb200061cffbaae.ttf",
-    "static/media/KaTeX_Math-Italic.ttf": "./static/media/KaTeX_Math-Italic.8a5f936332e8028c7278.ttf",
-    "static/media/KaTeX_Math-BoldItalic.ttf": "./static/media/KaTeX_Math-BoldItalic.bf2d440b3a42ea78a998.ttf",
-    "static/media/KaTeX_Main-Regular.woff": "./static/media/KaTeX_Main-Regular.4f35fbcc9ee8614c2bcc.woff",
-    "static/media/KaTeX_Main-Bold.woff": "./static/media/KaTeX_Main-Bold.0c3b8929d377c0e9b2f3.woff",
-    "static/media/KaTeX_AMS-Regular.woff2": "./static/media/KaTeX_AMS-Regular.73ea273a72f4aca30ca5.woff2",
-    "static/media/KaTeX_Typewriter-Regular.ttf": "./static/media/KaTeX_Typewriter-Regular.c5c02d763c89380dcb4e.ttf",
-    "static/media/KaTeX_Main-Regular.woff2": "./static/media/KaTeX_Main-Regular.f650f111a3b890d116f1.woff2",
-    "static/media/KaTeX_Main-Bold.woff2": "./static/media/KaTeX_Main-Bold.39890742bc957b368704.woff2",
-    "static/media/KaTeX_SansSerif-Bold.ttf": "./static/media/KaTeX_SansSerif-Bold.5b49f4993ae22d7975b4.ttf",
-    "static/media/KaTeX_SansSerif-Italic.ttf": "./static/media/KaTeX_SansSerif-Italic.b257a18c016f37ee4543.ttf",
-    "static/media/KaTeX_Main-Italic.woff": "./static/media/KaTeX_Main-Italic.fd947498bc16392e76c2.woff",
-    "static/media/KaTeX_Fraktur-Bold.ttf": "./static/media/KaTeX_Fraktur-Bold.4c761b3711973ab04edf.ttf",
-    "static/media/KaTeX_Fraktur-Regular.ttf": "./static/media/KaTeX_Fraktur-Regular.ed305b5434865e06ffde.ttf",
-    "static/media/KaTeX_SansSerif-Regular.ttf": "./static/media/KaTeX_SansSerif-Regular.2f7bc363fc5424ebda59.ttf",
-    "static/media/KaTeX_Main-BoldItalic.woff": "./static/media/KaTeX_Main-BoldItalic.428978dc7837d46de091.woff",
-    "static/media/KaTeX_Math-Italic.woff": "./static/media/KaTeX_Math-Italic.96759856b4e70f3a8338.woff",
-    "static/media/KaTeX_Math-BoldItalic.woff": "./static/media/KaTeX_Math-BoldItalic.3f07ed67f06c720120ce.woff",
-    "static/media/KaTeX_Main-Italic.woff2": "./static/media/KaTeX_Main-Italic.fe2176f79edaa716e621.woff2",
-    "static/media/KaTeX_Main-BoldItalic.woff2": "./static/media/KaTeX_Main-BoldItalic.20f389c4120be058d80a.woff2",
-    "static/media/KaTeX_Script-Regular.ttf": "./static/media/KaTeX_Script-Regular.fc9ba5249878cd8f8d88.ttf",
-    "static/media/KaTeX_Math-Italic.woff2": "./static/media/KaTeX_Math-Italic.6d3d25f4820d0da8f01f.woff2",
-    "static/media/KaTeX_Math-BoldItalic.woff2": "./static/media/KaTeX_Math-BoldItalic.dcbcbd93bac0470b462d.woff2",
-    "static/media/KaTeX_Typewriter-Regular.woff": "./static/media/KaTeX_Typewriter-Regular.4c6b94fd1d07f8beff7c.woff",
-    "static/media/KaTeX_SansSerif-Bold.woff": "./static/media/KaTeX_SansSerif-Bold.b9cd458ac6d5889ff9c3.woff",
-    "static/media/KaTeX_SansSerif-Italic.woff": "./static/media/KaTeX_SansSerif-Italic.8d593cfaa96238d5e2f8.woff",
-    "static/media/KaTeX_Typewriter-Regular.woff2": "./static/media/KaTeX_Typewriter-Regular.c295e7f71970f03c0549.woff2",
-    "static/media/KaTeX_Fraktur-Bold.woff": "./static/media/KaTeX_Fraktur-Bold.354501bac435c3264834.woff",
-    "static/media/KaTeX_Fraktur-Regular.woff": "./static/media/KaTeX_Fraktur-Regular.6fdf0ac577be0ba82a4c.woff",
-    "static/media/KaTeX_Caligraphic-Bold.ttf": "./static/media/KaTeX_Caligraphic-Bold.7489a2fbfb9bfe704420.ttf",
-    "static/media/KaTeX_Caligraphic-Regular.ttf": "./static/media/KaTeX_Caligraphic-Regular.7e873d3833eb108a0758.ttf",
-    "static/media/KaTeX_SansSerif-Regular.woff": "./static/media/KaTeX_SansSerif-Regular.02271ec5cb9f5b4588ac.woff",
-    "static/media/KaTeX_Size1-Regular.ttf": "./static/media/KaTeX_Size1-Regular.6de7d4b539221a49e9e2.ttf",
-    "static/media/KaTeX_SansSerif-Bold.woff2": "./static/media/KaTeX_SansSerif-Bold.95591a929f0d32aa282a.woff2",
-    "static/media/KaTeX_SansSerif-Italic.woff2": "./static/media/KaTeX_SansSerif-Italic.7d393d382f3e7fb1c637.woff2",
-    "static/media/KaTeX_Size2-Regular.ttf": "./static/media/KaTeX_Size2-Regular.57f5c1837853986ea1db.ttf",
-    "static/media/KaTeX_Fraktur-Bold.woff2": "./static/media/KaTeX_Fraktur-Bold.931d67ea207ab37ee693.woff2",
-    "static/media/KaTeX_Fraktur-Regular.woff2": "./static/media/KaTeX_Fraktur-Regular.172d3529b26f8cedef6b.woff2",
-    "static/media/KaTeX_Script-Regular.woff": "./static/media/KaTeX_Script-Regular.073b3402d036714b4370.woff",
-    "static/media/KaTeX_Size4-Regular.ttf": "./static/media/KaTeX_Size4-Regular.4ad7c7e8bb8d10a34bb7.ttf",
-    "static/media/KaTeX_SansSerif-Regular.woff2": "./static/media/KaTeX_SansSerif-Regular.cd5e231e0cc53b2cb2c0.woff2",
-    "static/media/KaTeX_Script-Regular.woff2": "./static/media/KaTeX_Script-Regular.c81d1b2a4b75d3eded60.woff2",
-    "static/media/KaTeX_Caligraphic-Bold.woff": "./static/media/KaTeX_Caligraphic-Bold.d757c535a2e5902f1325.woff",
-    "static/media/KaTeX_Caligraphic-Regular.woff": "./static/media/KaTeX_Caligraphic-Regular.db074fa22cf224af93d7.woff",
-    "static/media/KaTeX_Size3-Regular.ttf": "./static/media/KaTeX_Size3-Regular.8d6b6822586eea3d3b20.ttf",
-    "static/media/KaTeX_Caligraphic-Bold.woff2": "./static/media/KaTeX_Caligraphic-Bold.a1abf90dfd72792a577a.woff2",
-    "static/media/KaTeX_Caligraphic-Regular.woff2": "./static/media/KaTeX_Caligraphic-Regular.d6484fce1ef428d5bd94.woff2",
-    "static/media/KaTeX_Size1-Regular.woff": "./static/media/KaTeX_Size1-Regular.0108e89c9003e8c14ea3.woff",
-    "static/media/KaTeX_Size2-Regular.woff": "./static/media/KaTeX_Size2-Regular.3a99e70aee4076660d38.woff",
-    "static/media/KaTeX_Size4-Regular.woff": "./static/media/KaTeX_Size4-Regular.aeffd8025cba3647f1a6.woff",
-    "static/media/KaTeX_Size1-Regular.woff2": "./static/media/KaTeX_Size1-Regular.6eec866c69313624be60.woff2",
-    "static/media/KaTeX_Size2-Regular.woff2": "./static/media/KaTeX_Size2-Regular.2960900c4f271311eb36.woff2",
-    "static/media/KaTeX_Size4-Regular.woff2": "./static/media/KaTeX_Size4-Regular.e418bf257af1052628d8.woff2",
-    "static/media/KaTeX_Size3-Regular.woff": "./static/media/KaTeX_Size3-Regular.7947224e8a9914fa332b.woff",
-    "static/media/KaTeX_Size3-Regular.woff2": "./static/media/KaTeX_Size3-Regular.e1951519f6f0596f7356.woff2",
-    "index.html": "./index.html",
-    "main.3f2fa701.css.map": "./static/css/main.3f2fa701.css.map",
-    "main.27f75f1b.js.map": "./static/js/main.27f75f1b.js.map"
-  },
-  "entrypoints": [
-    "static/css/main.3f2fa701.css",
-    "static/js/main.27f75f1b.js"
-  ]
-}

packages/components/dist/org.standardnotes.markdown-visual-editor/build/index.html

@@ -1 +0,0 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="./favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="A lightweight WYSIWYG markdown editor, derivated from Milkdown editor"/><link rel="apple-touch-icon" href="./logo192.png"/><link rel="manifest" href="./manifest.json"/><title>Markdown Visual</title><script defer="defer" src="./static/js/main.27f75f1b.js"></script><link href="./static/css/main.3f2fa701.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>

packages/components/dist/org.standardnotes.markdown-visual-editor/build/manifest.json

@@ -1,25 +0,0 @@
-{
-  "short_name": "Markdown Visual",
-  "name": "Markdown Visual",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    },
-    {
-      "src": "logo192.png",
-      "type": "image/png",
-      "sizes": "192x192"
-    },
-    {
-      "src": "logo512.png",
-      "type": "image/png",
-      "sizes": "512x512"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
-}

packages/components/dist/org.standardnotes.markdown-visual-editor/build/package.json

@@ -1,22 +0,0 @@
-{
-  "name": "markdown-visual",
-  "version": "0.1.0",
-  "author": "Johnny Almonte <johnny@standardnotes.com>",
-  "description": "A lightweight WYSIWYG markdown editor, derivated from Milkdown editor",
-  "keywords": [
-    "Standard Notes",
-    "Standard Notes Extensions"
-  ],
-  "private": true,
-  "license": "AGPL-3.0-or-later",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/standardnotes/markdown-visual.git"
-  },
-  "bugs": {
-    "url": "https://github.com/standardnotes/markdown-visual/issues"
-  },
-  "sn": {
-    "main": "build/index.html"
-  }
-}

packages/components/dist/org.standardnotes.markdown-visual-editor/build/robots.txt

@@ -1,3 +0,0 @@
-# https://www.robotstxt.org/robotstxt.html
-User-agent: *
-Disallow:

packages/components/dist/org.standardnotes.markdown-visual-editor/build/sample.ext.json

@@ -1,15 +0,0 @@
-{
-  "name": "Markdown Visual - Dev",
-  "note_type": "markdown",
-  "file_type": "md",
-  "interchangeable": false,
-  "spellcheckControl": true,
-  "identifier": "org.standardnotes.markdown-visual-dev",
-  "content_type": "SN|Component",
-  "area": "editor-editor",
-  "version": "1.0.0",
-  "description": "A lightweight WYSIWYG markdown editor, derivated from Milkdown editor",
-  "url": "http://localhost:8001/",
-  "marketing_url": "",
-  "flags": ["New"]
-}