chore(release): publish

- @standardnotes/[email protected]

.github/workflows/pr.yml

@@ -17,7 +17,7 @@ jobs:
       - name: Set up Ruby
         uses: ruby/setup-ruby@v1
       - name: Install dependencies
-        run: yarn install
+        run: yarn install --immutable
       - name: Build
         run: yarn build:all
       - name: ESLint

.github/workflows/publish.yml

@@ -36,12 +36,45 @@ jobs:
           git_user_signingkey: true
           git_commit_gpgsign: true
 
-      - name: Install Dependencies
+      - name: Install dependencies
         run: yarn install --immutable
 
-      - name: Build packages
+      - name: Build
         run: yarn build:all
 
+      - name: ESLint
+        run: yarn lint
+
+      - name: Build Android
+        run: yarn android:bundle
+
+      - name: Test
+        run: yarn test
+
+      - name: Login to Docker Hub
+        uses: docker/login-action@v2
+        with:
+          username: ${{ secrets.DOCKER_USERNAME }}
+          password: ${{ secrets.DOCKER_PASSWORD }}
+
+      - name: Publish SNJS Docker image for E2E testing
+        run: |
+          yarn docker build @standardnotes/snjs -t standardnotes/snjs:${{ github.sha }}
+          docker push standardnotes/snjs:${{ github.sha }}
+
+      - name: Run E2E test suite
+        uses: convictional/[email protected]
+        with:
+          owner: standardnotes
+          repo: e2e
+          github_token: ${{ secrets.CI_PAT_TOKEN }}
+          workflow_file_name: testing-with-stable-server.yml
+          wait_interval: 30
+          client_payload: '{"image_tag": "${{ github.sha }}"}'
+          propagate_failure: true
+          trigger_workflow: true
+          wait_workflow: true
+
       - name: Bump version
         run: yarn release:prod
 
@@ -49,3 +82,8 @@ jobs:
         run: yarn publish:prod
         env:
           NODE_AUTH_TOKEN: ${{ secrets.CI_NPM_TOKEN }}
+
+      - name: Publish SNJS Docker image as stable
+        run: |
+          docker tag standardnotes/snjs:${{ github.sha }} standardnotes/snjs:latest
+          docker push standardnotes/snjs:latest

.github/workflows/snjs.pr.yml

@@ -0,0 +1,51 @@
+name: SNJS PR — E2E Tests
+
+on:
+  pull_request:
+    branches:
+      - main
+    paths:
+      - 'packages/api/**'
+      - 'packages/encryption/**'
+      - 'packages/features/**'
+      - 'packages/filepicker/**'
+      - 'packages/files/**'
+      - 'packages/models/**'
+      - 'packages/responses/**'
+      - 'packages/services/**'
+      - 'packages/sncrypto-common/**'
+      - 'packages/sncrypto-web/**'
+      - 'packages/snjs/**'
+      - 'packages/utils/**'
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v2
+      - name: Install dependencies
+        run: yarn install --immutable
+      - name: Login to Docker Hub
+        uses: docker/login-action@v2
+        with:
+          username: ${{ secrets.DOCKER_USERNAME }}
+          password: ${{ secrets.DOCKER_PASSWORD }}
+      - name: Publish SNJS Docker image for E2E testing
+        run: |
+          yarn docker build @standardnotes/snjs -t standardnotes/snjs:${{ github.sha }}
+          docker push standardnotes/snjs:${{ github.sha }}
+          docker tag standardnotes/snjs:${{ github.sha }} standardnotes/snjs:test
+          docker push standardnotes/snjs:test
+      - name: Run E2E test suite
+        uses: convictional/[email protected]
+        with:
+          owner: standardnotes
+          repo: e2e
+          github_token: ${{ secrets.CI_PAT_TOKEN }}
+          workflow_file_name: testing-with-stable-server.yml
+          wait_interval: 30
+          client_payload: '{"image_tag": "${{ github.sha }}"}'
+          propagate_failure: true
+          trigger_workflow: true
+          wait_workflow: true

.github/workflows/webserver.pr.yml

@@ -0,0 +1,20 @@
+name: Web Server PR
+
+on:
+  pull_request:
+    branches:
+      - main
+    paths:
+      - 'packages/web-server/**'
+
+jobs:
+  TestDockerBuild:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - name: Set up Ruby
+        uses: ruby/setup-ruby@v1
+      - name: Copy default configuration
+        run: yarn workspace @standardnotes/web-server run sample:env
+      - name: Test build of the image
+        run: docker build -t standardnotes/web:test-build .

.yarnrc.yml

@@ -24,5 +24,7 @@ plugins:
     spec: "@yarnpkg/plugin-workspace-tools"
   - path: .yarn/plugins/@yarnpkg/plugin-version.cjs
     spec: "@yarnpkg/plugin-version"
+  - path: .yarn/plugins/@yarnpkg/plugin-docker-build.cjs
+    spec: "https://github.com/Dcard/yarn-plugins/releases/latest/download/plugin-docker-build.js"
 
 yarnPath: .yarn/releases/yarn-3.2.1.cjs

README.md

@@ -71,3 +71,18 @@ You can configure the `DEFAULT_SYNC_SERVER` environment variable to set the defa
 ```
 DEFAULT_SYNC_SERVER=https://sync.myserver
 ```
+
+## Running E2E tests
+
+In order to run a stable server environment for E2E tests that will is up to date with what we have on production please checkout locally the [e2e repository](https://github.com/standardnotes/e2e).
+
+To start the server type in the e2e repository:
+```
+yarn install --immutable
+yarn test:stable-server
+```
+
+Then once the whole server infra is up and ready for your tests you can run the e2e suite in the local browser by typing (make sure you have built all the packages beforehand):
+```
+yarn start:server:e2e
+```

package.json

@@ -31,6 +31,7 @@
     "build:snjs": "yarn workspaces foreach -pt --verbose -R --from @standardnotes/snjs --exclude @standardnotes/components-meta run build",
     "start:server:web": "lerna run start --scope=@standardnotes/web-server",
     "start:server:web:localhost": "lerna run start:no-binding --scope=@standardnotes/web-server",
+    "start:server:e2e": "lerna run start:test-server --scope=@standardnotes/snjs",
     "prepare": "husky install",
     "reset": "find . -type dir -name node_modules | xargs rm -rf && rm -rf yarn.lock && yarn install",
     "release:prod": "lerna version --conventional-commits --yes -m \"chore(release): publish\"",

packages/api/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.4.5](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-08)
+
+**Note:** Version bump only for package @standardnotes/api
+
 ## [1.4.4](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-06)
 
 **Note:** Version bump only for package @standardnotes/api

packages/api/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@standardnotes/api",
-  "version": "1.4.4",
+  "version": "1.4.5",
   "engines": {
     "node": ">=16.0.0 <17.0.0"
   },

packages/desktop/CHANGELOG.md

@@ -3,6 +3,52 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.23.70](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-09)
+
+**Note:** Version bump only for package @standardnotes/desktop
+
+## [3.23.69](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-08)
+
+### Bug Fixes
+
+* **desktop:** don't shift sections on macOS if window is small ([#1235](https://github.com/standardnotes/app/issues/1235)) ([c6932ba](https://github.com/standardnotes/app/commit/c6932ba733e0a67220ce56bec72431240518f7d8))
+
+## [3.23.68](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-08)
+
+**Note:** Version bump only for package @standardnotes/desktop
+
+## [3.23.67](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-08)
+
+**Note:** Version bump only for package @standardnotes/desktop
+
+## [3.23.66](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-08)
+
+**Note:** Version bump only for package @standardnotes/desktop
+
+## [3.23.65](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-07)
+
+**Note:** Version bump only for package @standardnotes/desktop
+
+## [3.23.64](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-07)
+
+**Note:** Version bump only for package @standardnotes/desktop
+
+## [3.23.63](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-07)
+
+**Note:** Version bump only for package @standardnotes/desktop
+
+## [3.23.62](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-07)
+
+**Note:** Version bump only for package @standardnotes/desktop
+
+## [3.23.61](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-07)
+
+**Note:** Version bump only for package @standardnotes/desktop
+
+## [3.23.60](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-06)
+
+**Note:** Version bump only for package @standardnotes/desktop
+
 ## [3.23.59](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-06)
 
 **Note:** Version bump only for package @standardnotes/desktop

packages/desktop/app/stylesheets/renderer.css

@@ -9,12 +9,14 @@
   transition: 0.15s padding ease;
 }
 
-.mac-desktop #app.collapsed-notes.collapsed-navigation #editor-column {
-  padding-top: 18px;
-}
+@media screen and (min-width: 768px) {
+  .mac-desktop #app.collapsed-notes.collapsed-navigation #editor-column {
+    padding-top: 18px;
+  }
 
-.mac-desktop #app.collapsed-navigation #items-column {
-  padding-top: 18px;
+  .mac-desktop #app.collapsed-navigation #items-column {
+    padding-top: 18px;
+  }
 }
 
 panel-resizer {

packages/desktop/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@standardnotes/desktop",
   "main": "./app/dist/index.js",
-  "version": "3.23.59",
+  "version": "3.23.70",
   "license": "AGPL-3.0-or-later",
   "author": "Standard Notes.",
   "private": true,

packages/docs/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.0.3](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-09)
+
+### Bug Fixes
+
+* **docs:** improve getting started self host page ([#1238](https://github.com/standardnotes/app/issues/1238)) ([4ad21c4](https://github.com/standardnotes/app/commit/4ad21c4f61e26dfe3284c5def1baebb7a497d200))
+
 ## [0.0.2](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-05)
 
 **Note:** Version bump only for package @standardnotes/docs

packages/docs/docs/self-hosting/getting-started.md

@@ -16,28 +16,57 @@ hide_title: false
 hide_table_of_contents: false
 ---
 
-Our self-hosted server infrastructure consists of several different microservices that are responsible for different sets of functionality. Our self-hosted server is only intended as the backend that processes and stores your data; it does not include self-hosting the web application, which is an optional process that must be done separately. You will be able to use our existing [web](https://app.standardnotes.com) and desktop app with your self-hosted server.
+Our self-hosted server infrastructure consists of different microservices responsible for varying functionality. The self-hosted server works as the _backend_ that processes and stores your data; it does not include the web application.
 
-## Get Started
+The web application is an optional process that you must spin up separately. However, you can use the [existing web app](https://app.standardnotes.com) or the official Standard Notes desktop app with your self-hosted server.
 
-👉 **[Using our automated docker-compose setup with accompanying scripts](./docker.md)** 👈
+:::tip Quick start
 
-If you'd like to learn more about each of the particular services, head over to [Infrastructure Overview](./infrastructure-overview.md).
+The fastest and easiest way to get up and running is to use our automated Docker setup. All you need is a Linux server and the latest version of [Docker](https://docs.docker.com/get-started).
 
-> **Note** Our setup also provides a running MySQL database and a Redis cache node. You do not have to provision these services on your own. For users that have been self-hosting a legacy version of our server, we've prepared a [Migrating from Legacy guide](./legacy-migration.md).
+[Check out our Docker instructions page to get started →](./docker.md)
 
-### Recommendations
+:::
 
-We highly recommend you use our Docker setup to host your syncing server. Docker containers are isolated software environments that you can control and manage.
+## Infrastructure overview
 
-If you are new to Docker, please see the [official Docker documentation](https://docs.docker.com/get-started) on how to get started. Ensure you [install Docker-Compose](https://docs.docker.com/compose/install/) following the documentation. Your Linux distribution may not have the most up to date docker-compose and will fail to load.
+### API Gateway
 
-We recommend avoiding setting up your syncing server from scratch with Nginx unless you are proficient with Nginx. Setting up the full architecture can be challenging without full knowledge of how the syncing server and its microservices function.
+The main entry point of the architecture. The API Gateway is a router and proxy for all services which are otherwise inaccessible directly. All requests from client applications go through the API Gateway to reach a target underlying service. This service is configured with your reverse proxy for public HTTPS support.
 
-### Issues
+### Syncing Server
 
-If you have any issues with setting up your syncing server, please [open an issue on GitHub](https://github.com/standardnotes/standalone/issues).
+Responsible for user data and syncing operations.
+
+### Syncing Server Worker
+
+Responsible for asynchronous tasks the Syncing Server may offload for background processing, including email backups, revision history, and more.
+
+### Auth
+
+Responsible for authorization and authentication mechanisms within Standard Notes.
+
+### Auth Worker
+
+Responsible for asynchronous tasks related to the domain of authentication and authorization, including account deletion requests and post-registration tasks.
+
+### Database
+
+The database is where data is stored.
+
+### Cache
+
+A Redis cache node is used to store temporary data for performance optimization and auto-expiring features. In self-hosted mode, Redis is used as a communication queue between services and workers.
+
+## Troubleshooting
+
+If you run into any issues setting up your server, please [open an issue on GitHub](https://github.com/standardnotes/standalone/issues) or reach out on the [Standard Notes Discord](https://standardnotes.com/discord).
 
 ## Web application
 
-If you would like to self-host the actual Standard Notes web application, visit the [repository for the web app on GitHub](https://github.com/standardnotes/web).
+If you would like to self-host the actual Standard Notes web application, visit the [repository for the Standard Notes web app on GitHub](https://github.com/standardnotes/app/tree/main/packages/web).
+
+## Self-hosting without Docker?
+
+Configuring the full Standard Notes architecture manually can be challenging without detailed study. We do not offer support for this method of self-hosting. [The only supported self-hosting method is to use Docker →](./docker.md)
+

packages/docs/docs/self-hosting/infrastructure-overview.md

@@ -1,53 +0,0 @@
----
-slug: infrastructure-overview
-id: infrastructure-overview
-title: Infrastructure Overview
-sidebar_label: Infrastructure Overview
-description: Standard Notes Infrastructure Overview.
-keywords:
-  - standard notes
-  - docs
-  - notes app
-  - end-to-end encryption
-  - self-hosting
-  - sync server
-image: /img/logo.png
-hide_title: false
-hide_table_of_contents: false
----
-
-## Services
-
-The Syncing Server infrastructure consists of a few different microservices that are responsible for different sets of functionality.
-
-### Syncing Server JS
-
-Syncing Server JS is a TypeScript implementation of our Syncing Server. This is the core of our business logic that is responsible for all operations on user data.
-
-### Syncing Server JS Worker
-
-Syncing Server JS Worker is responsible for all asynchronous tasks that the Syncing Server JS may offload for background processing. This includes for example processing of email backups, resolving issues with note duplicates, sending notes to extensions server, and more.
-
-### Auth
-
-This server is responsible for all authorization and authentication mechanisms. Auth is where all account-related metadata is handled and processed.
-
-### Auth Worker
-
-Similar to Syncing Server JS Worker, Auth Worker is responsible for all asynchronous tasks related to the domain of authentication and authorization. For example, processing account deletion requests and users' post-registration tasks.
-
-### API Gateway
-
-This is the main "entry point" of the entire architecture. API Gateway serves as a router and proxy to all services which are inaccessible directly. All requests from client applications will have to go through API Gateway in order to reach a certain underlying service.
-
-This service will be paired with your reverse proxy for [HTTPS support](./https-support.md)
-
-### DB
-
-MySQL database server. This is where all data is stored.
-
-### Cache
-
-Redis cache node where all temporary data is persisted for performance optimization and auto-expiring features.
-
-In self-host mode, Redis is used by default as a communication queue between services and their workers.

packages/docs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@standardnotes/docs",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "license": "AGPL-3.0-or-later",
   "author": "Standard Notes.",
   "private": true,

packages/docs/sidebars.js

@@ -4,7 +4,6 @@ module.exports = {
       {
         'Self Hosting': [
           'self-hosting/getting-started',
-          'self-hosting/infrastructure-overview',
           'self-hosting/docker',
           'self-hosting/configuration-options',
           'self-hosting/legacy-migration',

packages/encryption/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.13.4](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-08)
+
+**Note:** Version bump only for package @standardnotes/encryption
+
 ## [1.13.3](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-06)
 
 **Note:** Version bump only for package @standardnotes/encryption

packages/encryption/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@standardnotes/encryption",
-  "version": "1.13.3",
+  "version": "1.13.4",
   "engines": {
     "node": ">=16.0.0 <17.0.0"
   },

packages/filepicker/CHANGELOG.md

@@ -3,6 +3,20 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.21.5](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-08)
+
+**Note:** Version bump only for package @standardnotes/filepicker
+
+## [1.21.4](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-07)
+
+### Reverts
+
+* Revert "chore: deps (#1222)" ([7017032](https://github.com/standardnotes/app/commit/701703289330baee4a5082df42bb787694fe7509)), closes [#1222](https://github.com/standardnotes/app/issues/1222)
+
+## [1.21.3](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-06)
+
+**Note:** Version bump only for package @standardnotes/filepicker
+
 ## [1.21.2](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-06)
 
 **Note:** Version bump only for package @standardnotes/filepicker

packages/filepicker/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@standardnotes/filepicker",
-  "version": "1.21.2",
+  "version": "1.21.5",
   "engines": {
     "node": ">=16.0.0 <17.0.0"
   },

packages/files/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.8.6](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-08)
+
+**Note:** Version bump only for package @standardnotes/files
+
+## [1.8.5](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-07)
+
+**Note:** Version bump only for package @standardnotes/files
+
+## [1.8.4](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-06)
+
+**Note:** Version bump only for package @standardnotes/files
+
 ## [1.8.3](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-06)
 
 **Note:** Version bump only for package @standardnotes/files

packages/files/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@standardnotes/files",
-  "version": "1.8.3",
+  "version": "1.8.6",
   "engines": {
     "node": ">=16.0.0 <17.0.0"
   },

packages/mobile/.gitignore

@@ -21,8 +21,6 @@ DerivedData
 *.ipa
 *.xcuserstate
 
-html/Web.bundle/src/web-src
-
 .env
 
 # Android/IntelliJ
@@ -52,6 +50,9 @@ android-release.bundle.map
 app-release.aab
 
 *.bundle
+!Web.bundle
+html/Web.bundle/src/web-src
+html/Web.bundle/src/components
 ios-release.bundle.map
 
 # fastlane

packages/mobile/CHANGELOG.md

@@ -3,6 +3,68 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.30.25](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-09)
+
+**Note:** Version bump only for package @standardnotes/mobile
+
+## [3.30.24](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-08)
+
+**Note:** Version bump only for package @standardnotes/mobile
+
+## [3.30.23](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-08)
+
+**Note:** Version bump only for package @standardnotes/mobile
+
+## [3.30.22](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-08)
+
+**Note:** Version bump only for package @standardnotes/mobile
+
+## [3.30.21](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-08)
+
+**Note:** Version bump only for package @standardnotes/mobile
+
+## [3.30.20](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-07)
+
+**Note:** Version bump only for package @standardnotes/mobile
+
+## [3.30.19](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-07)
+
+**Note:** Version bump only for package @standardnotes/mobile
+
+## [3.30.18](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-07)
+
+**Note:** Version bump only for package @standardnotes/mobile
+
+## [3.30.17](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-07)
+
+### Bug Fixes
+
+* **mobile:** component viewer in mobile web ([d901461](https://github.com/standardnotes/app/commit/d9014615f0a146733fbf7d494d0d201068817086))
+
+## [3.30.16](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-07)
+
+**Note:** Version bump only for package @standardnotes/mobile
+
+## [3.30.15](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-07)
+
+**Note:** Version bump only for package @standardnotes/mobile
+
+## [3.30.14](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-07)
+
+**Note:** Version bump only for package @standardnotes/mobile
+
+## [3.30.13](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-07)
+
+**Note:** Version bump only for package @standardnotes/mobile
+
+## [3.30.12](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-07)
+
+**Note:** Version bump only for package @standardnotes/mobile
+
+## [3.30.11](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-06)
+
+**Note:** Version bump only for package @standardnotes/mobile
+
 ## [3.30.10](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-06)
 
 **Note:** Version bump only for package @standardnotes/mobile

packages/mobile/Gemfile.lock

@@ -17,20 +17,20 @@ GEM
     artifactory (3.0.15)
     atomos (0.1.3)
     aws-eventstream (1.2.0)
-    aws-partitions (1.569.0)
-    aws-sdk-core (3.130.0)
+    aws-partitions (1.603.0)
+    aws-sdk-core (3.131.2)
       aws-eventstream (~> 1, >= 1.0.2)
       aws-partitions (~> 1, >= 1.525.0)
       aws-sigv4 (~> 1.1)
-      jmespath (~> 1.0)
-    aws-sdk-kms (1.55.0)
+      jmespath (~> 1, >= 1.6.1)
+    aws-sdk-kms (1.57.0)
       aws-sdk-core (~> 3, >= 3.127.0)
       aws-sigv4 (~> 1.1)
-    aws-sdk-s3 (1.113.0)
+    aws-sdk-s3 (1.114.0)
       aws-sdk-core (~> 3, >= 3.127.0)
       aws-sdk-kms (~> 1)
       aws-sigv4 (~> 1.4)
-    aws-sigv4 (1.4.0)
+    aws-sigv4 (1.5.0)
       aws-eventstream (~> 1, >= 1.0.2)
     babosa (1.0.4)
     claide (1.0.3)
@@ -86,7 +86,7 @@ GEM
     escape (0.0.4)
     ethon (0.15.0)
       ffi (>= 1.15.0)
-    excon (0.92.1)
+    excon (0.92.3)
     faraday (1.10.0)
       faraday-em_http (~> 1.0)
       faraday-em_synchrony (~> 1.0)
@@ -106,8 +106,8 @@ GEM
     faraday-em_synchrony (1.0.0)
     faraday-excon (1.1.0)
     faraday-httpclient (1.0.1)
-    faraday-multipart (1.0.3)
-      multipart-post (>= 1.2, < 3)
+    faraday-multipart (1.0.4)
+      multipart-post (~> 2)
     faraday-net_http (1.0.1)
     faraday-net_http_persistent (1.2.0)
     faraday-patron (1.0.0)
@@ -116,7 +116,7 @@ GEM
     faraday_middleware (1.2.0)
       faraday (~> 1.0)
     fastimage (2.2.6)
-    fastlane (2.205.0)
+    fastlane (2.207.0)
       CFPropertyList (>= 2.3, < 4.0.0)
       addressable (>= 2.8, < 3.0.0)
       artifactory (~> 3.0)
@@ -160,9 +160,9 @@ GEM
     fourflusher (2.3.1)
     fuzzy_match (2.0.4)
     gh_inspector (1.1.3)
-    google-apis-androidpublisher_v3 (0.16.0)
-      google-apis-core (>= 0.4, < 2.a)
-    google-apis-core (0.4.2)
+    google-apis-androidpublisher_v3 (0.24.0)
+      google-apis-core (>= 0.7, < 2.a)
+    google-apis-core (0.7.0)
       addressable (~> 2.5, >= 2.5.1)
       googleauth (>= 0.16.2, < 2.a)
       httpclient (>= 2.8.1, < 3.a)
@@ -171,19 +171,19 @@ GEM
       retriable (>= 2.0, < 4.a)
       rexml
       webrick
-    google-apis-iamcredentials_v1 (0.10.0)
-      google-apis-core (>= 0.4, < 2.a)
-    google-apis-playcustomapp_v1 (0.7.0)
-      google-apis-core (>= 0.4, < 2.a)
-    google-apis-storage_v1 (0.11.0)
-      google-apis-core (>= 0.4, < 2.a)
+    google-apis-iamcredentials_v1 (0.13.0)
+      google-apis-core (>= 0.7, < 2.a)
+    google-apis-playcustomapp_v1 (0.10.0)
+      google-apis-core (>= 0.7, < 2.a)
+    google-apis-storage_v1 (0.17.0)
+      google-apis-core (>= 0.7, < 2.a)
     google-cloud-core (1.6.0)
       google-cloud-env (~> 1.0)
       google-cloud-errors (~> 1.0)
-    google-cloud-env (1.5.0)
-      faraday (>= 0.17.3, < 2.0)
+    google-cloud-env (1.6.0)
+      faraday (>= 0.17.3, < 3.0)
     google-cloud-errors (1.2.0)
-    google-cloud-storage (1.36.1)
+    google-cloud-storage (1.37.0)
       addressable (~> 2.8)
       digest-crc (~> 0.4)
       google-apis-iamcredentials_v1 (~> 0.1)
@@ -191,7 +191,7 @@ GEM
       google-cloud-core (~> 1.6)
       googleauth (>= 0.16.2, < 2.a)
       mini_mime (~> 1.0)
-    googleauth (1.1.2)
+    googleauth (1.2.0)
       faraday (>= 0.17.3, < 3.a)
       jwt (>= 1.4, < 3.0)
       memoist (~> 0.16)
@@ -199,14 +199,14 @@ GEM
       os (>= 0.9, < 2.0)
       signet (>= 0.16, < 2.a)
     highline (2.0.3)
-    http-cookie (1.0.4)
+    http-cookie (1.0.5)
       domain_name (~> 0.5)
     httpclient (2.8.3)
     i18n (1.10.0)
       concurrent-ruby (~> 1.0)
     jmespath (1.6.1)
-    json (2.6.1)
-    jwt (2.3.0)
+    json (2.6.2)
+    jwt (2.4.1)
     memoist (0.16.2)
     mini_magick (4.11.0)
     mini_mime (1.1.2)
@@ -221,9 +221,9 @@ GEM
     optparse (0.1.1)
     os (1.1.4)
     plist (3.6.0)
-    public_suffix (4.0.6)
+    public_suffix (4.0.7)
     rake (13.0.6)
-    representable (3.1.1)
+    representable (3.2.0)
       declarative (< 0.1.0)
       trailblazer-option (>= 0.1.1, < 0.2.0)
       uber (< 0.2.0)
@@ -234,9 +234,9 @@ GEM
     ruby2_keywords (0.0.5)
     rubyzip (2.3.2)
     security (0.1.3)
-    signet (0.16.1)
+    signet (0.17.0)
       addressable (~> 2.8)
-      faraday (>= 0.17.5, < 3.0)
+      faraday (>= 0.17.5, < 3.a)
       jwt (>= 1.5, < 3.0)
       multi_json (~> 1.10)
     simctl (1.6.8)
@@ -257,14 +257,14 @@ GEM
     uber (0.1.0)
     unf (0.1.4)
       unf_ext
-    unf_ext (0.0.8.1)
+    unf_ext (0.0.8.2)
     unicode-display_width (1.8.0)
     webrick (1.7.0)
     word_wrap (1.0.0)
     xcode-install (2.8.0)
       claide (>= 0.9.1, < 1.1.0)
       fastlane (>= 2.1.0, < 3.0.0)
-    xcodeproj (1.21.0)
+    xcodeproj (1.22.0)
       CFPropertyList (>= 2.3.3, < 4.0)
       atomos (~> 0.1.3)
       claide (>= 1.0.2, < 2.0)
@@ -278,6 +278,7 @@ GEM
     zeitwerk (2.5.4)
 
 PLATFORMS
+  arm64-darwin-21
   ruby
 
 DEPENDENCIES

packages/mobile/MobileWebAppContainer.tsx

@@ -1,29 +0,0 @@
-import React from 'react'
-import { Platform } from 'react-native'
-import { WebView } from 'react-native-webview'
-
-export const MobileWebAppContainer = () => {
-  const sourceUri = (Platform.OS === 'android' ? 'file:///android_asset/' : '') + 'Web.bundle/loader.html'
-  const params = 'platform=' + Platform.OS
-  const injectedJS = `
-    if (!window.location.search) {
-      var link = document.getElementById('web-bundle-progress-bar');
-      link.href = './src/index.html?${params}';
-      link.click();
-    }`
-
-  /* eslint-disable @typescript-eslint/no-empty-function */
-  return (
-    <WebView
-      source={{ uri: sourceUri }}
-      originWhitelist={['*']}
-      onLoad={() => {}}
-      onError={(err) => console.error('An error has occurred', err)}
-      onHttpError={() => console.error('An HTTP error occurred')}
-      onMessage={() => {}}
-      allowFileAccess={true}
-      injectedJavaScript={injectedJS}
-    />
-  )
-  /* eslint-enable @typescript-eslint/no-empty-function */
-}

packages/mobile/WebFrame/DeviceInterface.template.js

@@ -0,0 +1,15 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+class WebProcessDeviceInterface {
+  constructor(messageSender) {
+    this.appVersion = '1.2.3'
+    this.environment = 1
+    this.databases = []
+    this.messageSender = messageSender
+  }
+
+  setApplication() {}
+
+  sendMessage(functionName, args) {
+    return this.messageSender.sendMessage(functionName, args)
+  }
+}

packages/mobile/WebFrame/MessageSender.template.js

@@ -0,0 +1,31 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+class WebProcessMessageSender {
+  constructor() {
+    this.pendingMessages = []
+    window.addEventListener('message', this.handleMessageFromReactNative.bind(this))
+  }
+
+  handleMessageFromReactNative(event) {
+    const message = event.data
+    try {
+      const parsed = JSON.parse(message)
+      const { messageId, returnValue } = parsed
+      const pendingMessage = this.pendingMessages.find((m) => m.messageId === messageId)
+      pendingMessage.resolve(returnValue)
+      this.pendingMessages.splice(this.pendingMessages.indexOf(pendingMessage), 1)
+    } catch (error) {
+      console.log('Error parsing message from React Native', message, error)
+    }
+  }
+
+  sendMessage(functionName, args) {
+    const messageId = Math.random()
+    window.ReactNativeWebView.postMessage(JSON.stringify({ functionName: functionName, args: args, messageId }))
+    return new Promise((resolve) => {
+      this.pendingMessages.push({
+        messageId,
+        resolve,
+      })
+    })
+  }
+}

packages/mobile/fastlane/Fastfile

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-fastlane_version '2.181.0'
+fastlane_version '2.207.0'
 
 platform :ios do
   def sign_ios(type = 'appstore')
@@ -41,7 +41,7 @@ platform :ios do
       key_id: ENV['APPSTORE_CONNECT_KEY_ID'],
       issuer_id: ENV['APPSTORE_CONNECT_KEY_ISSUER_ID'],
       key_filepath: 'ios/Authkey.p8',
-      in_house: false # optional but may be required if using match/sigh
+      in_house: false
     )
 
     is_prod = scheme == 'StandardNotes'
@@ -60,12 +60,12 @@ platform :ios do
         build_number: build_number,
         submit_for_review: true,
         automatic_release: false,
-        force: true, # Skip HTMl report verification
+        force: true,
         skip_metadata: true,
         skip_screenshots: true,
         skip_binary_upload: true,
         release_notes: {
-          'default': "Fixes and improvements.",
+          'default': 'Fixes and improvements.'
         }
       )
     end
@@ -122,7 +122,7 @@ platform :android do
   end
 
   def deploy_android(variant, versionCode, track = 'beta')
-    sh("yarn run android:bundle")
+    sh('yarn run android:bundle')
     build_android(variant, versionCode)
     upload_to_play_store(
       track: track,

packages/mobile/html/Web.bundle/loader.html

@@ -0,0 +1 @@
+<a id="web-bundle-progress-bar" href="#"/></a>

packages/mobile/html/Web.bundle/src/index.html

@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8" />
+    <meta content="IE=edge" http-equiv="X-UA-Compatible" />
+    <meta content="width=device-width, initial-scale=1" name="viewport" />
+    <link rel="stylesheet" href="web-src/app.css" />
+    <script>
+        window.defaultSyncServer = "https://api.standardnotes.com";
+        window.defaultFilesHost = "https://files.standardnotes.com";
+        window.enabledUnfinishedFeatures = "" === 'true';
+        window.websocketUrl = "";
+        window.purchaseUrl = "https://standardnotes.com/purchase";
+        window.plansUrl = "https://standardnotes.com/plans";
+        window.dashboardUrl = "https://standardnotes.com/dashboard";
+    </script>
+
+    <script src="web-src/app.js"></script>
+</head>
+
+<body>
+</body>
+
+</html>

packages/mobile/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@standardnotes/mobile",
-  "version": "3.30.10",
+  "version": "3.30.25",
   "author": "Standard Notes.",
   "private": true,
   "license": "AGPL-3.0-or-later",
@@ -22,7 +22,7 @@
     "start": "react-native start",
     "tsc": "tsc --noEmit",
     "upgrade:snjs": "ncu -u '@standardnotes/*'",
-    "web:bundle": "mkdir -p html/Web.bundle/src/web-src/ && cp -r ../web/dist/. html/Web.bundle/src/web-src/"
+    "web:bundle": "mkdir -p html/Web.bundle/src/web-src/ && cp -r ../web/dist/. html/Web.bundle/src/web-src/ && mkdir -p html/Web.bundle/src/components/assets && cp -r ../components/dist/assets/. html/Web.bundle/src/components/assets/"
   },
   "installConfig": {
     "hoistingLimits": "workspaces"

packages/mobile/src/AppStack.tsx

@@ -1,16 +1,17 @@
 import { AppStateEventType, AppStateType, TabletModeChangeData } from '@Lib/ApplicationState'
 import { useHasEditor, useIsLocked } from '@Lib/SnjsHelperHooks'
 import { ScreenStatus } from '@Lib/StatusManager'
+import { IsDev } from '@Lib/Utils'
 import { CompositeNavigationProp, RouteProp } from '@react-navigation/native'
 import { createStackNavigator, StackNavigationProp } from '@react-navigation/stack'
 import { HeaderTitleView } from '@Root/Components/HeaderTitleView'
 import { IoniconsHeaderButton } from '@Root/Components/IoniconsHeaderButton'
 import { Compose } from '@Root/Screens/Compose/Compose'
-import { Root } from '@Root/Screens/Root'
 import { SCREEN_COMPOSE, SCREEN_NOTES, SCREEN_VIEW_PROTECTED_NOTE } from '@Root/Screens/screens'
 import { MainSideMenu } from '@Root/Screens/SideMenu/MainSideMenu'
 import { NoteSideMenu } from '@Root/Screens/SideMenu/NoteSideMenu'
 import { ViewProtectedNote } from '@Root/Screens/ViewProtectedNote/ViewProtectedNote'
+import { Root } from '@Screens/Root'
 import { UuidString } from '@standardnotes/snjs'
 import { ICON_MENU } from '@Style/Icons'
 import { ThemeService } from '@Style/ThemeService'
@@ -22,8 +23,12 @@ import { HeaderButtons, Item } from 'react-navigation-header-buttons'
 import { ThemeContext } from 'styled-components'
 import { HeaderTitleParams } from './App'
 import { ApplicationContext } from './ApplicationContext'
+import { MobileWebAppContainer } from './MobileWebAppContainer'
 import { ModalStackNavigationProp } from './ModalStack'
 
+const IS_DEBUGGING_WEB_APP = false
+const DEFAULT_TO_WEB_APP = IsDev && IS_DEBUGGING_WEB_APP
+
 export type AppStackNavigatorParamList = {
   [SCREEN_NOTES]: HeaderTitleParams
   [SCREEN_COMPOSE]: HeaderTitleParams & {
@@ -196,7 +201,7 @@ export const AppStackComponent = (props: ModalStackNavigationProp<'AppStack'>) =
                   </HeaderButtons>
                 ),
             })}
-            component={Root}
+            component={DEFAULT_TO_WEB_APP ? MobileWebAppContainer : Root}
           />
           <AppStack.Screen
             name={SCREEN_COMPOSE}

packages/mobile/src/MobileWebAppContainer.tsx

@@ -0,0 +1,135 @@
+import { MobileDeviceInterface } from '@Lib/Interface'
+import React, { useMemo, useRef } from 'react'
+import { Platform } from 'react-native'
+import { WebView, WebViewMessageEvent } from 'react-native-webview'
+
+export const MobileWebAppContainer = () => {
+  const sourceUri = (Platform.OS === 'android' ? 'file:///android_asset/' : '') + 'Web.bundle/src/index.html'
+  const webViewRef = useRef<WebView>(null)
+
+  const device = useMemo(() => new MobileDeviceInterface(), [])
+  const functions = Object.getOwnPropertyNames(Object.getPrototypeOf(device))
+
+  const baselineFunctions: Record<string, any> = {
+    isDeviceDestroyed: `(){
+      return false
+    }`,
+  }
+
+  let stringFunctions = ''
+  for (const [key, value] of Object.entries(baselineFunctions)) {
+    stringFunctions += `${key}${value}`
+  }
+
+  for (const functionName of functions) {
+    if (functionName === 'constructor' || baselineFunctions[functionName]) {
+      continue
+    }
+
+    stringFunctions += `
+    ${functionName}(...args) {
+      return this.sendMessage('${functionName}', args);
+    }
+    `
+  }
+
+  const WebProcessDeviceInterface = `
+  class WebProcessDeviceInterface {
+    constructor(messageSender) {
+      this.appVersion = '1.2.3'
+      this.environment = 1
+      this.databases = []
+      this.messageSender = messageSender
+    }
+
+    setApplication() {}
+
+    sendMessage(functionName, args) {
+      return this.messageSender.sendMessage(functionName, args)
+    }
+
+    ${stringFunctions}
+  }
+  `
+
+  const WebProcessMessageSender = `
+  class WebProcessMessageSender {
+    constructor() {
+      this.pendingMessages = []
+      window.addEventListener('message', this.handleMessageFromReactNative.bind(this))
+    }
+
+    handleMessageFromReactNative(event) {
+      const message = event.data
+      try {
+        const parsed = JSON.parse(message)
+        const { messageId, returnValue } = parsed
+        const pendingMessage = this.pendingMessages.find((m) => m.messageId === messageId)
+        pendingMessage.resolve(returnValue)
+        this.pendingMessages.splice(this.pendingMessages.indexOf(pendingMessage), 1)
+      } catch (error) {
+        console.log('Error parsing message from React Native', message, error)
+      }
+    }
+
+    sendMessage(functionName, args) {
+      const messageId = Math.random()
+      window.ReactNativeWebView.postMessage(JSON.stringify({ functionName: functionName, args: args, messageId }))
+      return new Promise((resolve) => {
+        this.pendingMessages.push({
+          messageId,
+          resolve,
+        })
+      })
+    }
+  }
+  `
+
+  const injectedJS = `
+
+  console.log = (...args) => {
+    window.ReactNativeWebView.postMessage('[web log] ' + args.join(' '));
+  }
+
+  ${WebProcessDeviceInterface}
+  ${WebProcessMessageSender}
+
+  const messageSender = new WebProcessMessageSender();
+  window.reactNativeDevice = new WebProcessDeviceInterface(messageSender);
+
+  true;
+    `
+
+  const onMessage = (event: WebViewMessageEvent) => {
+    const message = event.nativeEvent.data
+    try {
+      const functionData = JSON.parse(message)
+      void onFunctionMessage(functionData.functionName, functionData.messageId, functionData.args)
+    } catch (error) {
+      console.log('onGeneralMessage', JSON.stringify(message))
+    }
+  }
+
+  const onFunctionMessage = async (functionName: string, messageId: string, args: any) => {
+    const returnValue = await (device as any)[functionName](...args)
+    console.log(`Native device function ${functionName} called`)
+    webViewRef.current?.postMessage(JSON.stringify({ messageId, returnValue }))
+  }
+
+  /* eslint-disable @typescript-eslint/no-empty-function */
+  return (
+    <WebView
+      ref={webViewRef}
+      source={{ uri: sourceUri }}
+      originWhitelist={['*']}
+      onLoad={() => {}}
+      onError={(err) => console.error('An error has occurred', err)}
+      onHttpError={() => console.error('An HTTP error occurred')}
+      onMessage={onMessage}
+      allowFileAccess={true}
+      allowUniversalAccessFromFileURLs={true}
+      injectedJavaScript={injectedJS}
+    />
+  )
+  /* eslint-enable @typescript-eslint/no-empty-function */
+}

packages/mobile/src/ModalStack.tsx

@@ -30,11 +30,11 @@ import React, { memo, useContext } from 'react'
 import { Platform } from 'react-native'
 import { HeaderButtons, Item } from 'react-navigation-header-buttons'
 import { ThemeContext } from 'styled-components'
-import { MobileWebAppContainer } from '../MobileWebAppContainer'
 import { HeaderTitleParams, TEnvironment } from './App'
 import { ApplicationContext } from './ApplicationContext'
 import { AppStackComponent } from './AppStack'
 import { HistoryStack } from './HistoryStack'
+import { MobileWebAppContainer } from './MobileWebAppContainer'
 
 export type ModalStackNavigatorParamList = {
   AppStack: undefined

packages/mobile/tsconfig.json

@@ -24,5 +24,16 @@
       "@Root/*": ["./*"]
     }
   },
-  "exclude": ["node_modules", "babel.config.js", "metro.config.js", "jest.config.js"]
+  "exclude": [
+    "node_modules",
+    "babel.config.js",
+    "metro.config.js",
+    "jest.config.js",
+    "e2e",
+    "html",
+    "android",
+    "WebFrame",
+    "ios",
+    "fastlane"
+  ]
 }

packages/models/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.15.4](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-08)
+
+### Bug Fixes
+
+* subtag duplication ([#1227](https://github.com/standardnotes/app/issues/1227)) ([f349744](https://github.com/standardnotes/app/commit/f349744fdb51849778e88b643adb518b7ed82811))
+
 ## [1.15.3](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-06)
 
 **Note:** Version bump only for package @standardnotes/models

packages/models/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@standardnotes/models",
-  "version": "1.15.3",
+  "version": "1.15.4",
   "engines": {
     "node": ">=16.0.0 <17.0.0"
   },
@@ -28,7 +28,8 @@
     "@typescript-eslint/eslint-plugin": "^5.30.0",
     "eslint-plugin-prettier": "*",
     "jest": "^27.5.1",
-    "ts-jest": "^27.1.3"
+    "ts-jest": "^27.1.3",
+    "typescript": "*"
   },
   "dependencies": {
     "@standardnotes/common": "^1.23.1",

packages/releases/CHANGELOG.md

@@ -3,6 +3,66 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.2.91](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-09)
+
+**Note:** Version bump only for package @standardnotes/releases
+
+## [1.2.90](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-08)
+
+**Note:** Version bump only for package @standardnotes/releases
+
+## [1.2.89](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-08)
+
+**Note:** Version bump only for package @standardnotes/releases
+
+## [1.2.88](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-08)
+
+**Note:** Version bump only for package @standardnotes/releases
+
+## [1.2.87](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-08)
+
+**Note:** Version bump only for package @standardnotes/releases
+
+## [1.2.86](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-07)
+
+**Note:** Version bump only for package @standardnotes/releases
+
+## [1.2.85](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-07)
+
+**Note:** Version bump only for package @standardnotes/releases
+
+## [1.2.84](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-07)
+
+**Note:** Version bump only for package @standardnotes/releases
+
+## [1.2.83](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-07)
+
+**Note:** Version bump only for package @standardnotes/releases
+
+## [1.2.82](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-07)
+
+**Note:** Version bump only for package @standardnotes/releases
+
+## [1.2.81](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-07)
+
+**Note:** Version bump only for package @standardnotes/releases
+
+## [1.2.80](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-07)
+
+**Note:** Version bump only for package @standardnotes/releases
+
+## [1.2.79](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-07)
+
+**Note:** Version bump only for package @standardnotes/releases
+
+## [1.2.78](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-07)
+
+**Note:** Version bump only for package @standardnotes/releases
+
+## [1.2.77](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-06)
+
+**Note:** Version bump only for package @standardnotes/releases
+
 ## [1.2.76](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-06)
 
 **Note:** Version bump only for package @standardnotes/releases

packages/releases/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@standardnotes/releases",
-  "version": "1.2.76",
+  "version": "1.2.91",
   "license": "AGPL-3.0-or-later",
   "main": "dist/releases.json",
   "types": "dist/index.d.ts",

packages/services/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.16.4](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-08)
+
+**Note:** Version bump only for package @standardnotes/services
+
 ## [1.16.3](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-06)
 
 **Note:** Version bump only for package @standardnotes/services

packages/services/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@standardnotes/services",
-  "version": "1.16.3",
+  "version": "1.16.4",
   "engines": {
     "node": ">=16.0.0 <17.0.0"
   },

packages/snjs/.gitignore

@@ -0,0 +1 @@
+mocha/vendor/sncrypto-web.js

packages/snjs/CHANGELOG.md

@@ -3,6 +3,36 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.124.1](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-08)
+
+**Note:** Version bump only for package @standardnotes/snjs
+
+# [2.124.0](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-08)
+
+### Features
+
+* add building of SNJS Docker image for e2e testing purposes ([#1225](https://github.com/standardnotes/app/issues/1225)) ([3e4e7fd](https://github.com/standardnotes/app/commit/3e4e7fd0e0b06a9412b9e30833d98eb992a3806a))
+
+## [2.123.6](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-07)
+
+### Bug Fixes
+
+* **web:** themes inside editors urls ([3d49b95](https://github.com/standardnotes/app/commit/3d49b95bc593d67e949b2eec4a086ff25275eadf))
+
+## [2.123.5](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-07)
+
+### Bug Fixes
+
+* **mobile:** component viewer in mobile web ([d901461](https://github.com/standardnotes/app/commit/d9014615f0a146733fbf7d494d0d201068817086))
+
+## [2.123.4](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-07)
+
+**Note:** Version bump only for package @standardnotes/snjs
+
+## [2.123.3](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-06)
+
+**Note:** Version bump only for package @standardnotes/snjs
+
 ## [2.123.2](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-06)
 
 **Note:** Version bump only for package @standardnotes/snjs

packages/snjs/Dockerfile

@@ -0,0 +1,25 @@
+FROM node:16.15.1-alpine AS builder
+
+# Install dependencies for building native libraries
+RUN apk add --update git openssh-client python3 alpine-sdk
+
+WORKDIR /workspace
+
+# docker-build plugin copies everything needed for `yarn install` to `manifests` folder.
+COPY manifests ./
+
+RUN yarn install --immutable
+
+FROM node:16.15.1-alpine
+
+RUN apk add --update curl
+
+WORKDIR /workspace
+
+# Copy the installed dependencies from the previous stage.
+COPY --from=builder /workspace ./
+
+# docker-build plugin runs `yarn pack` in all workspace dependencies and copies them to `packs` folder.
+COPY packs ./
+
+CMD [ "yarn", "start:test-server" ]

packages/snjs/e2e-server.js

@@ -0,0 +1,29 @@
+/* Used for running mocha tests */
+const connect = require('connect')
+const serveStatic = require('serve-static')
+const fs = require('fs')
+
+const isDev = process.argv[2] === '--dev'
+const port = isDev ? 9002 : 9001
+
+const snCryptoDistFilePath = `${__dirname}/../sncrypto-web/dist/sncrypto-web.js`
+if (!fs.existsSync(snCryptoDistFilePath)) {
+  console.error(
+    `Could not find sncrypto dist file under: ${snCryptoDistFilePath}. Please consider building the project first`,
+  )
+
+  process.exit(1)
+}
+
+fs.copyFileSync(snCryptoDistFilePath, `${__dirname}/mocha/vendor/sncrypto-web.js`)
+
+connect()
+  .use(serveStatic(__dirname))
+  .listen(port, () => {
+    const url = `http://localhost:${port}/mocha/test.html`
+    console.log(`Test Server Started on ${url}`)
+    if (!isDev) {
+      const start = process.platform === 'darwin' ? 'open' : process.platform === 'win32' ? 'start' : 'xdg-open'
+      require('child_process').exec(start + ' ' + url)
+    }
+  })

packages/snjs/lib/Services/ComponentManager/ComponentManager.ts

@@ -285,7 +285,8 @@ export class SNComponentManager extends AbstractService<ComponentManagerEvent, E
       if (!isWeb) {
         throw Error('Mobile must override urlForComponent to handle native paths')
       }
-      return `${window.location.origin}/components/assets/${component.identifier}/${nativeFeature.index_path}`
+      const baseUrlRequiredForThemesInsideEditors = window.location.origin
+      return `${baseUrlRequiredForThemesInsideEditors}/components/assets/${component.identifier}/${nativeFeature.index_path}`
     }
 
     let url = component.hosted_url || component.legacy_url

packages/snjs/mocha/test.html

@@ -4,13 +4,13 @@
   <meta charset="utf-8">
   <title>Mocha Tests</title>
   <link href="assets/mocha.css" rel="stylesheet" />
-  <script src="../../../.yarn/unplugged/chai-npm-4.3.6-dba90e4b0b/node_modules/chai/chai.js"></script>
+  <script src="https://unpkg.com/[email protected]/chai.js"></script>
   <script src="./vendor/chai-as-promised-built.js"></script>
-  <script src="../../../.yarn/unplugged/regenerator-runtime-npm-0.13.9-6d02340eec/node_modules/regenerator-runtime/runtime.js"></script>
-  <script src="../../../.yarn/unplugged/mocha-npm-9.2.2-f7735febb8/node_modules/mocha/mocha.js"></script>
-  <script src="../../../.yarn/unplugged/chai-subset-npm-1.6.0-3cee47a65d/node_modules/chai-subset/lib/chai-subset.js"></script>
-  <script src="../../sncrypto-web/dist//sncrypto-web.js"></script>
-  <script src="../../../.yarn/unplugged/sinon-npm-13.0.2-8544b59862/node_modules/sinon/pkg/sinon.js"></script>
+  <script src="https://unpkg.com/regenerator-runtime@0.13.9/runtime.js"></script>
+  <script src="https://unpkg.com/[email protected]/mocha.js"></script>
+  <script src="https://unpkg.com/[email protected]/lib/chai-subset.js"></script>
+  <script src="https://unpkg.com/[email protected]/pkg/sinon.js"></script>
+  <script src="./vendor/sncrypto-web.js"></script>
   <script src="../dist/snjs.js"></script>
   <script>
     const urlParams = new URLSearchParams(window.location.search);

packages/snjs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@standardnotes/snjs",
-  "version": "2.123.2",
+  "version": "2.124.1",
   "engines": {
     "node": ">=16.0.0 <17.0.0"
   },
@@ -8,12 +8,15 @@
   "author": "Standard Notes",
   "types": "dist/@types",
   "files": [
-    "dist"
+    "dist",
+    "mocha",
+    "e2e-server.js"
   ],
   "license": "AGPL-3.0-or-later",
   "private": true,
   "scripts": {
     "start": "webpack -w --config webpack.dev.js",
+    "start:test-server": "yarn node e2e-server.js",
     "clean": "rm -fr dist",
     "prebuild": "yarn clean",
     "build": "yarn tsc && webpack --config webpack.prod.js",
@@ -37,9 +40,6 @@
     "@typescript-eslint/eslint-plugin": "^5.30.0",
     "babel-jest": "^28.1.2",
     "babel-loader": "^8.2.3",
-    "chai": "^4.3.6",
-    "chai-as-promised": "^7.1.1",
-    "chai-subset": "^1.6.0",
     "circular-dependency-plugin": "^5.2.2",
     "crypto-js": "^4.1.1",
     "docdash": "^1.2.0",
@@ -52,13 +52,9 @@
     "jsdom": "^19.0.0",
     "libsodium-wrappers": "^0.7.9",
     "lodash": "^4.17.21",
-    "mocha": "^9.2.1",
-    "mocha-headless-chrome": "^4.0.0",
     "nock": "^13.2.4",
     "otplib": "^12.0.1",
-    "regenerator-runtime": "^0.13.9",
     "script-loader": "^0.7.2",
-    "sinon": "^13.0.1",
     "ts-jest": "^28.0.5",
     "ts-loader": "^9.2.6",
     "ts-node": "^10.8.1",

packages/web-server/CHANGELOG.md

@@ -3,6 +3,56 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.2.93](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-09)
+
+**Note:** Version bump only for package @standardnotes/web-server
+
+## [1.2.92](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-08)
+
+**Note:** Version bump only for package @standardnotes/web-server
+
+## [1.2.91](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-08)
+
+**Note:** Version bump only for package @standardnotes/web-server
+
+## [1.2.90](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-08)
+
+**Note:** Version bump only for package @standardnotes/web-server
+
+## [1.2.89](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-08)
+
+**Note:** Version bump only for package @standardnotes/web-server
+
+## [1.2.88](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-07)
+
+**Note:** Version bump only for package @standardnotes/web-server
+
+## [1.2.87](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-07)
+
+**Note:** Version bump only for package @standardnotes/web-server
+
+## [1.2.86](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-07)
+
+**Note:** Version bump only for package @standardnotes/web-server
+
+## [1.2.85](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-07)
+
+**Note:** Version bump only for package @standardnotes/web-server
+
+## [1.2.84](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-07)
+
+### Reverts
+
+* Revert "chore: deps (#1222)" ([7017032](https://github.com/standardnotes/app/commit/701703289330baee4a5082df42bb787694fe7509)), closes [#1222](https://github.com/standardnotes/app/issues/1222)
+
+## [1.2.83](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-07)
+
+**Note:** Version bump only for package @standardnotes/web-server
+
+## [1.2.82](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-06)
+
+**Note:** Version bump only for package @standardnotes/web-server
+
 ## [1.2.81](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-06)
 
 **Note:** Version bump only for package @standardnotes/web-server

packages/web-server/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@standardnotes/web-server",
-  "version": "1.2.81",
+  "version": "1.2.93",
   "license": "AGPL-3.0-or-later",
   "private": true,
   "author": "Standard Notes.",
@@ -12,7 +12,8 @@
     "start": "bundle exec rails s -b 0.0.0.0",
     "start:no-binding": "bundle exec rails s",
     "copy:components": "cp -r ../../node_modules/@standardnotes/components-meta/dist/assets/. public/components/assets/",
-    "build": "bundle install && yarn copy:components && bundle exec rails assets:precompile"
+    "build": "bundle install && yarn copy:components && bundle exec rails assets:precompile",
+    "sample:env": "cp .env.sample .env"
   },
   "dependencies": {
     "@standardnotes/components-meta": "workspace:*",

packages/web/CHANGELOG.md

@@ -3,6 +3,60 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.40.0](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-09)
+
+### Features
+
+* release Files view ([#1236](https://github.com/standardnotes/app/issues/1236)) ([5393eb7](https://github.com/standardnotes/app/commit/5393eb71fecdafab524766612d7244c64625c25e))
+
+## [3.39.1](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-08)
+
+### Bug Fixes
+
+* **desktop:** don't shift sections on macOS if window is small ([#1235](https://github.com/standardnotes/app/issues/1235)) ([c6932ba](https://github.com/standardnotes/app/commit/c6932ba733e0a67220ce56bec72431240518f7d8))
+
+# [3.39.0](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-08)
+
+### Features
+
+* **web:** mobile-friendly (responsive) preferences UI ([#1234](https://github.com/standardnotes/app/issues/1234)) ([66f97f0](https://github.com/standardnotes/app/commit/66f97f06123b1be087ea5a23140b6bd18e0c004f))
+
+## [3.38.6](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-08)
+
+### Bug Fixes
+
+* subtag duplication ([#1227](https://github.com/standardnotes/app/issues/1227)) ([f349744](https://github.com/standardnotes/app/commit/f349744fdb51849778e88b643adb518b7ed82811))
+
+## [3.38.5](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-08)
+
+**Note:** Version bump only for package @standardnotes/web
+
+## [3.38.4](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-07)
+
+**Note:** Version bump only for package @standardnotes/web
+
+## [3.38.3](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-07)
+
+**Note:** Version bump only for package @standardnotes/web
+
+## [3.38.2](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-07)
+
+**Note:** Version bump only for package @standardnotes/web
+
+## [3.38.1](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-07)
+
+**Note:** Version bump only for package @standardnotes/web
+
+# [3.38.0](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-07)
+
+### Features
+
+* add selected file size in context menu ([#1224](https://github.com/standardnotes/app/issues/1224)) ([50c024e](https://github.com/standardnotes/app/commit/50c024e643b4c34b4d5700ee678cf1c92d1bd3cc))
+
+## [3.37.7](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-06)
+
+**Note:** Version bump only for package @standardnotes/web
+
 ## [3.37.6](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-07-06)
 
 **Note:** Version bump only for package @standardnotes/web

packages/web/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@standardnotes/web",
-  "version": "3.37.6",
+  "version": "3.40.0",
   "license": "AGPL-3.0-or-later",
   "main": "dist/app.js",
   "author": "Standard Notes.",
@@ -25,6 +25,7 @@
     "@babel/plugin-transform-react-jsx": "^7.17.3",
     "@babel/preset-env": "*",
     "@babel/preset-typescript": "^7.16.7",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.7",
     "@types/jest": "^27.5.1",
     "@types/react": "^17.0.42",
     "@types/react-dom": "^18.0.5",
@@ -50,6 +51,7 @@
     "postcss-loader": "^7.0.0",
     "prettier": "*",
     "prettier-plugin-tailwindcss": "^0.1.11",
+    "react-refresh": "^0.14.0",
     "sass-loader": "*",
     "svg-jest": "^1.0.1",
     "tailwindcss": "^3.1.4",

packages/web/src/javascripts/App.tsx

@@ -15,6 +15,7 @@ declare global {
     electronAppVersion?: string
     webClient?: DesktopManagerInterface
     electronRemoteBridge?: unknown
+    reactNativeDevice?: WebDevice
 
     application?: WebApplication
     mainApplicationGroup?: ApplicationGroup
@@ -88,12 +89,14 @@ const startApplication: StartApplication = async function startApplication(
 }
 
 if (IsWebPlatform) {
-  startApplication(
-    window.defaultSyncServer,
-    new WebDevice(WebAppVersion),
-    window.enabledUnfinishedFeatures,
-    window.websocketUrl,
-  ).catch(console.error)
+  const ReactNativeWebViewInitializationTimeout = 0
+
+  setTimeout(() => {
+    const device = window.reactNativeDevice || new WebDevice(WebAppVersion)
+    startApplication(window.defaultSyncServer, device, window.enabledUnfinishedFeatures, window.websocketUrl).catch(
+      console.error,
+    )
+  }, ReactNativeWebViewInitializationTimeout)
 } else {
   window.startApplication = startApplication
 }

packages/web/src/javascripts/Application/Application.ts

@@ -26,7 +26,6 @@ import { makeObservable, observable } from 'mobx'
 import { PanelResizedData } from '@/Types/PanelResizedData'
 import { WebAppEvent } from './WebAppEvent'
 import { isDesktopApplication } from '@/Utils'
-import { storage, StorageKey } from '@/Services/LocalStorage'
 
 type WebServices = {
   viewControllerManager: ViewControllerManager
@@ -63,7 +62,7 @@ export class WebApplication extends SNApplication {
       defaultHost: defaultSyncServerHost,
       appVersion: deviceInterface.appVersion,
       webSocketUrl: webSocketUrl,
-      supportsFileNavigation: storage.get(StorageKey.FilesNavigationEnabled) || false,
+      supportsFileNavigation: true,
     })
 
     makeObservable(this, {

packages/web/src/javascripts/Components/AttachedFilesPopover/PopoverFileSubmenu.tsx

@@ -8,6 +8,7 @@ import { useCloseOnBlur } from '@/Hooks/useCloseOnBlur'
 import { PopoverFileSubmenuProps } from './PopoverFileItemProps'
 import { PopoverFileItemActionType } from './PopoverFileItemAction'
 import HorizontalSeparator from '../Shared/HorizontalSeparator'
+import { formatSizeToReadableString } from '@standardnotes/filepicker'
 
 const PopoverFileSubmenu: FunctionComponent<PopoverFileSubmenuProps> = ({
   file,
@@ -188,9 +189,12 @@ const PopoverFileSubmenu: FunctionComponent<PopoverFileSubmenuProps> = ({
                 <span className="text-danger">Delete permanently</span>
               </button>
               <div className="px-3 py-1 text-xs font-medium text-neutral">
-                <div>
+                <div className="mb-1">
                   <span className="font-semibold">File ID:</span> {file.uuid}
                 </div>
+                <div>
+                  <span className="font-semibold">Size:</span> {formatSizeToReadableString(file.decryptedSize)}
+                </div>
               </div>
             </>
           )}

packages/web/src/javascripts/Components/ContentListView/FileListItem.tsx

@@ -37,12 +37,20 @@ const FileListItem: FunctionComponent<DisplayableListItemProps> = ({
 
   const openContextMenu = useCallback(
     async (posX: number, posY: number) => {
-      const { didSelect } = await selectionController.selectItem(item.uuid)
-      if (didSelect) {
+      let shouldOpenContextMenu = selected
+
+      if (!selected) {
+        const { didSelect } = await selectionController.selectItem(item.uuid)
+        if (didSelect) {
+          shouldOpenContextMenu = true
+        }
+      }
+
+      if (shouldOpenContextMenu) {
         openFileContextMenu(posX, posY)
       }
     },
-    [selectionController, item.uuid, openFileContextMenu],
+    [selected, selectionController, item.uuid, openFileContextMenu],
   )
 
   const onClick = useCallback(async () => {

packages/web/src/javascripts/Components/ContentListView/NoteListItem.tsx

@@ -41,8 +41,16 @@ const NoteListItem: FunctionComponent<DisplayableListItemProps> = ({
   }
 
   const openContextMenu = async (posX: number, posY: number) => {
-    const { didSelect } = await selectionController.selectItem(item.uuid, true)
-    if (didSelect) {
+    let shouldOpenContextMenu = selected
+
+    if (!selected) {
+      const { didSelect } = await selectionController.selectItem(item.uuid)
+      if (didSelect) {
+        shouldOpenContextMenu = true
+      }
+    }
+
+    if (shouldOpenContextMenu) {
       openNoteContextMenu(posX, posY)
     }
   }

packages/web/src/javascripts/Components/Dropdown/StyledListboxButton.tsx

@@ -1,7 +1,9 @@
 import { ListboxButton } from '@reach/listbox'
 import styled from 'styled-components'
 
-const StyledListboxButton = styled(ListboxButton)`
+const StyledListboxButton = styled(ListboxButton).attrs(() => ({
+  className: 'w-full md:w-fit',
+}))`
   &[data-reach-listbox-button] {
     background-color: var(--sn-stylekit-background-color);
     border-radius: 0.25rem;
@@ -14,7 +16,6 @@ const StyledListboxButton = styled(ListboxButton)`
     padding-left: 0.875rem;
     padding-right: 0.875rem;
     padding-top: 0.375rem;
-    width: fit-content;
   }
 `
 

packages/web/src/javascripts/Components/FileContextMenu/FileMenuOptions.tsx

@@ -7,6 +7,7 @@ import { observer } from 'mobx-react-lite'
 import { FilesController } from '@/Controllers/FilesController'
 import { SelectedItemsController } from '@/Controllers/SelectedItemsController'
 import HorizontalSeparator from '../Shared/HorizontalSeparator'
+import { formatSizeToReadableString } from '@standardnotes/filepicker'
 
 type Props = {
   closeMenu: () => void
@@ -33,6 +34,12 @@ const FileMenuOptions: FunctionComponent<Props> = ({
   const { handleFileAction } = filesController
 
   const hasProtectedFiles = useMemo(() => selectedFiles.some((file) => file.protected), [selectedFiles])
+  const hasSelectedMultipleFiles = useMemo(() => selectedFiles.length > 1, [selectedFiles.length])
+
+  const totalFileSize = useMemo(
+    () => selectedFiles.map((file) => file.decryptedSize).reduce((prev, next) => prev + next, 0),
+    [selectedFiles],
+  )
 
   const onPreview = useCallback(() => {
     void handleFileAction({
@@ -147,13 +154,18 @@ const FileMenuOptions: FunctionComponent<Props> = ({
         <Icon type="trash" className="mr-2 text-danger" />
         <span className="text-danger">Delete permanently</span>
       </button>
-      {selectedFiles.length === 1 && (
-        <div className="px-3 pt-1.5 pb-0.5 text-xs font-medium text-neutral">
-          <div>
+      <HorizontalSeparator classes="my-2" />
+      <div className="px-3 pt-1 pb-0.5 text-xs font-medium text-neutral">
+        {!hasSelectedMultipleFiles && (
+          <div className="mb-1">
             <span className="font-semibold">File ID:</span> {selectedFiles[0].uuid}
           </div>
+        )}
+        <div>
+          <span className="font-semibold">{hasSelectedMultipleFiles ? 'Total Size:' : 'Size:'}</span>{' '}
+          {formatSizeToReadableString(totalFileSize)}
         </div>
-      )}
+      </div>
     </>
   )
 }

packages/web/src/javascripts/Components/FilePreview/ImagePreview.tsx

@@ -28,6 +28,7 @@ const ImagePreview: FunctionComponent<Props> = ({ objectUrl }) => {
                   top: 0,
                   left: 0,
                   margin: 'auto',
+                  maxWidth: 'none',
                 }),
           }}
           ref={(imgElement) => {

packages/web/src/javascripts/Components/Navigation/Navigation.tsx

@@ -52,6 +52,7 @@ const Navigation: FunctionComponent<Props> = ({ application }) => {
         <SearchBar
           itemListController={viewControllerManager.itemListController}
           searchOptionsController={viewControllerManager.searchOptionsController}
+          selectedViewTitle={viewControllerManager.navigationController.selected?.title}
         />
         <div className="section-title-bar">
           <div className="section-title-bar-header">

packages/web/src/javascripts/Components/NotesContextMenu/NotesContextMenu.tsx

@@ -45,7 +45,7 @@ const NotesContextMenu = ({
   return contextMenuOpen ? (
     <div
       ref={contextMenuRef}
-      className="max-h-120 fixed z-dropdown-menu flex min-w-80 max-w-xs flex-col overflow-y-auto rounded bg-default pt-2 shadow-main"
+      className="max-h-120 fixed z-dropdown-menu flex min-w-80 max-w-xs flex-col overflow-y-auto rounded bg-default py-2 shadow-main"
       style={{
         ...contextMenuPosition,
         maxHeight: contextMenuMaxHeight,

packages/web/src/javascripts/Components/NotesOptions/NotesOptions.tsx

@@ -95,7 +95,7 @@ const NoteAttributes: FunctionComponent<{
   const format = editor?.package_info?.file_type || 'txt'
 
   return (
-    <div className="px-3 pt-1.5 pb-2.5 text-xs font-medium text-neutral">
+    <div className="px-3 py-1.5 text-xs font-medium text-neutral">
       {typeof words === 'number' && (format === 'txt' || format === 'md') ? (
         <>
           <div className="mb-1">
@@ -159,12 +159,15 @@ const NoteSizeWarning: FunctionComponent<{
   note: SNNote
 }> = ({ note }) => {
   return new Blob([note.text]).size > NOTE_SIZE_WARNING_THRESHOLD ? (
-    <div className="bg-warning-faded relative flex items-center px-3 py-3.5">
-      <Icon type="warning" className="mr-3 flex-shrink-0 text-accessory-tint-3" />
-      <div className="leading-140% max-w-80% select-none text-warning">
-        This note may have trouble syncing to the mobile application due to its size.
+    <>
+      <HorizontalSeparator classes="my-2" />
+      <div className="bg-warning-faded relative flex items-center px-3 py-3.5">
+        <Icon type="warning" className="mr-3 flex-shrink-0 text-accessory-tint-3" />
+        <div className="leading-140% max-w-80% select-none text-warning">
+          This note may have trouble syncing to the mobile application due to its size.
+        </div>
       </div>
-    </div>
+    </>
   ) : null
 }
 

packages/web/src/javascripts/Components/NotesOptions/NotesOptionsPanel.tsx

@@ -90,7 +90,7 @@ const NotesOptionsPanel = ({
         }}
         className={`${
           open ? 'flex' : 'hidden'
-        } max-h-120 slide-down-animation fixed min-w-80 max-w-xs flex-col overflow-y-auto rounded bg-default pt-2 shadow-main transition-transform duration-150`}
+        } max-h-120 slide-down-animation fixed min-w-80 max-w-xs flex-col overflow-y-auto rounded bg-default py-2 shadow-main transition-transform duration-150`}
         onBlur={closeOnBlur}
         tabIndex={FOCUSABLE_BUT_NOT_TABBABLE}
       >

packages/web/src/javascripts/Components/Preferences/Panes/Account/Authentication.tsx

@@ -30,7 +30,7 @@ const Authentication: FunctionComponent<Props> = ({ viewControllerManager }) =>
   return (
     <PreferencesGroup>
       <PreferencesSegment>
-        <div className="flex flex-col items-center px-12">
+        <div className="flex flex-col items-center px-4 md:px-12">
           <AccountIllustration className="mb-3" />
           <Title>You're not signed in</Title>
           <Text className="mb-3 text-center">