chore(release): publish

- @standardnotes/[email protected] - @standardnotes/[email protected].3 - @standardnotes/[email protected] - @standardnotes/[email protected] - @standardnotes/[email protected].0
feat: add tag id to tag context menu (#1185 )
2026-09-15 15:46:05 -04:00 · 2022-06-30 16:29:23 +00:00 · 2022-06-30 21:57:33 +05:30 · 2022-06-30 15:42:27 +00:00 · 2022-06-30 10:40:01 -05:00 · 2022-06-30 10:24:34 -05:00
74 changed files with 637 additions and 414 deletions
@@ -0,0 +1,11 @@
+PORT=3001
+
+DEFAULT_SYNC_SERVER=https://api.standardnotes.com
+
+# Subscription related endpoints
+DASHBOARD_URL=http://standardnotes.com/dashboard
+PLANS_URL=https://standardnotes.com/plans
+PURCHASE_URL=https://standardnotes.com/purchase
+
+# Used by Rails internals and not Standard Notes related
+SECRET_KEY_BASE=<enter a secret string here>
@@ -1,6 +1,9 @@
 name: Mobile TestFlight

 on:
+  push:
+    tags:
+      - '*standardnotes/mobile*'
  workflow_dispatch:

 jobs:
@@ -51,8 +54,8 @@ jobs:
          token: ${{ secrets.CI_PAT_TOKEN }}
          tag_name: "@standardnotes/mobile@${{ steps.package-version.outputs.current-version}}"
          prerelease: true
-          draft: false
-          name: "Mobile Beta ${{ steps.package-version.outputs.current-version }}"
+          draft: true
+          name: "Mobile Dev ${{ steps.package-version.outputs.current-version }}"
          files: |
            packages/mobile/android/app/build/outputs/apk/dev/release/app-dev-release.apk
  ios:
@@ -1,7 +1,7 @@
 # Standard Notes
 ### A safe and private place for your life's work.

-Standard Notes is a simple and private notes app available on most platforms, including Web, Mac, Windows, Linux, iOS, and Android. It focuses on simplicity, and encrypts data locally before it ever touches a cloud. This means no one can read your notes but you (not even us).
+Standard Notes is an end-to-end encrypted note-taking app for digitalists and professionals. Capture your notes, files, and life’s work all in one secure place.

 ![](https://standardnotes.com/assets/homepage-hero.png)

@@ -16,43 +16,37 @@ Standard Notes is a simple and private notes app available on most platforms, in

 ### Why Standard Notes?

- Simple and easy to use
- Fast and encrypted cross-platform sync
- Free sync on unlimited devices
- Extensible with editors (such as Markdown and Code), themes, and components. [Learn more](https://standardnotes.com/features).
- Open-source and the option to self-host your notes server. You can [host your own Standard Server](https://docs.standardnotes.com/self-hosting/getting-started) in a few easy steps.
+- End-to-end encrypted sync. Only you can read your notes.
+- Fast, free, and encrypted cross-platform sync on unlimited devices.
+- Open-source with ability to self-host your own server in a [few easy steps](https://docs.standardnotes.com/self-hosting/getting-started).
 - A strong focus on longevity and sustainability. [Learn more](https://standardnotes.com/longevity).

 ### Creating your private notes account

 1. Launch the web app at [app.standardnotes.com](https://app.standardnotes.com).
 2. Click Register to create your private notes account.
-3. Download Standard Notes on all your devices.
-	- [Mac](https://standardnotes.com/download/mac)
-	- [Windows](https://standardnotes.com/download/windows)
-	- [Linux](https://standardnotes.com/download/linux)
+3. Download Standard Notes on your devices.
+	- [Mac](https://standardnotes.com/download)
+	- [Windows](https://standardnotes.com/download)
+	- [Linux](https://standardnotes.com/download)
 	- [iOS](https://standardnotes.com/download/https://itunes.apple.com/us/app/standard-notes/id1285392450?mt=8)
 	- [Android](https://play.google.com/store/apps/details?id=com.standardnotes)
-4. You're all set to begin enjoying a new, more freeing notes life. Standard Notes comes out of the box with end-to-end encrypted sync on all your devices.
-
-### Do More
-
-If you're looking to power up your experience with extensions, and help support future development, [learn more about our paid plans](https://standardnotes.com/plans). Our paid plans offer:
-
- Powerful editors, including the Plus Editor, Simple Markdown, Advanced Markdown, Code Editor, Vim Editor, and the popular Simple Task Editor.
- Beautiful themes to help you find inspiration in any mood, like Midnight, Focused, Futura, Titanium, and Solarized Dark.
- Powerful data care options, including daily encrypted backups delivered directly to your email inbox, as well as automated Dropbox, Google Drive, and OneDrive backups. You'll also be able to configure two-factor authentication to add an additional layer of security to your account.
- Productivity-enhancing components like Folders, Autocomplete Tags, the ever-handy Action Bar, and GitHub Push.
+4. You're all set. Standard Notes comes out of the box with end-to-end encrypted sync on all your devices.

 ### Publish a Blog

-It's no secret we love to write. Standard Notes has become a dependable environment to do your most important work, and this includes publishing your ideas to the world. That's why we created Listed. Listed allows you to create an online publication with automatic email newsletters delivered to your readers, directly from Standard Notes.
+Standard Notes is a dependable environment to do your most important work, including publishing your ideas to the world. Listed allows you to create an online publication with automatic email newsletters delivered to your readers, directly from Standard Notes.

 [Learn more about Listed.](https://listed.to/)

-### Plug In
+### Community

-Plug in to the community of note-lovers and privacy-enthusiasts. Join us on [Slack](https://standardnotes.com/slack), on our [GitHub forum](https://forum.standardnotes.org), and follow new updates on [Twitter](https://twitter.com/StandardNotes).
+Join us on
+
+- [Discord](https://standardnotes.com/discord)
+- [Twitter](https://twitter.com/StandardNotes).
+- [Forum](https://forum.standardnotes.org)
+- [Slack](https://standardnotes.com/slack)

 Developers can create and publish their own extensions. Visit the [documentation hub](https://docs.standardnotes.com/) to learn more.

@@ -62,53 +56,26 @@ Questions? Find answers on our [Help page](https://standardnotes.com/help).

 ### Docker setup

-Docker is the quick and easy way to try out Standard Notes. We highly recommend using our official [Docker hub image](https://hub.docker.com/repository/docker/standardnotes/web).
+Docker is the quickest way to try out Standard Notes. We recommend using our official [Docker hub image](https://hub.docker.com/repository/docker/standardnotes/web).

-### Standalone instance
-
-Before you start make sure you have a `.env` file copied from the sample `.env.sample` and configured with your parameters.
-
-If your intention is not contributing but just running the app we recommend using our official image from Docker hub like this:
 ```
-docker run -d -p 3001:3001 --env-file=your-env-file standardnotes/web:stable
+docker run -d -p 3001:3001 --env-file=.env.sample standardnotes/web:stable
 ```

-Or if you want to use the `develop` branch that is in a work-in-progress state please use:
-```
-docker run -d -p 3001:3001 --env-file=your-env-file standardnotes/web:latest
-```
-
-You can then access the app at `http://localhost:3001` (please check Docker container logs if the server has started already and is listening on connections).
+You can then access the app at `http://localhost:3001`. It may take a minute for the server to start up.

 ### Running Locally

-**Instructions:**
-
-1. Ensure you have [Yarn](https://classic.yarnpkg.com) installed
 2. Clone the repo
 3. `yarn install`
-4. `yarn start`
-
-Then open your browser to `http://localhost:3001`.
+4. `yarn build:web-server`
+5. `yarn start:server:web`
+6. Open your browser to `http://localhost:3001`.

 ---

-You can also set the `DEFAULT_SYNC_SERVER` environment variable to set the default server for login and registration.
+You can configure the `DEFAULT_SYNC_SERVER` environment variable to set the default server for login and registration.

 ```
 DEFAULT_SYNC_SERVER=https://sync.myserver
 ```
-
-## Contributing
-
-For contributing we highly recommend you use our docker-compose setup that is provided in this repository.
-
-### Docker compose setup
-
-Use the included [docker-compose.yml](docker-compose.yml) file to build Standard Notes with `docker-compose`. Once your `.env` file has been copied and configured, simply run:
-
-```
-docker-compose up -d
-```
-
-This should load the app container and run the necessary scripts. You should then be able to reach the app at `http://localhost:3001`
@@ -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.

+## [2.5.7](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-30)
+
+**Note:** Version bump only for package @standardnotes/components-meta
+
 ## [2.5.6](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)

 ### Bug Fixes
@@ -1,7 +1,7 @@
 {
  "files": {
    "main.js": "./static/js/main.js",
-    "main.css": "./static/css/main.3ab9f5ab.css",
+    "main.css": "./static/css/main.26a49dde.css",
    "static/media/material-icons-two-tone.woff": "./static/media/material-icons-two-tone..woff",
    "static/media/material-icons-two-tone.woff2": "./static/media/material-icons-two-tone..woff2",
    "static/media/material-icons-round.woff": "./static/media/material-icons-round..woff",
@@ -74,10 +74,10 @@
    "static/media/KaTeX_Size3-Regular.woff2": "./static/media/KaTeX_Size3-Regular..woff2",
    "index.html": "./index.html",
    "main.js.map": "./static/js/main.js.map",
-    "main.3ab9f5ab.css.map": "./static/css/main.3ab9f5ab.css.map"
+    "main.26a49dde.css.map": "./static/css/main.26a49dde.css.map"
  },
  "entrypoints": [
    "static/js/main.js",
-    "static/css/main.3ab9f5ab.css"
+    "static/css/main.26a49dde.css"
  ]
 }
@@ -1 +1 @@
-<!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.js"></script><link href="./static/css/main.3ab9f5ab.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
+<!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.js"></script><link href="./static/css/main.26a49dde.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
@@ -70,9 +70,9 @@
    "binary": "b621bfd81829a205f2f02e85d446e277ad20e367b92676ec20b3ee59b1bfab3f"
  },
  "org.standardnotes.markdown-visual-editor": {
-    "version": "1.1.0",
-    "base64": "56809db83837f4965effe5d79d378863a87cb3c41f8b347bb969d06667ed2cbe",
-    "binary": "b935f7f4c35bf602777816dfca859a85f769ee58a75fbe883799cc010e5e58b3"
+    "version": "1.1.1",
+    "base64": "05c11d58f8989485ad314e0a74d94ab1aae276f2a6134f7f79cad086834f785f",
+    "binary": "18fd1348b6e3309028edad77ec3c92681475aefb9724744b68e4c988cf2eee05"
  },
  "org.standardnotes.simple-task-editor": {
    "version": "1.4.0",
@@ -80,9 +80,9 @@
    "binary": "a1a6b97e1f761747dbf721857deed04370a3950dcb3e1bb4c4d4baa3680959b3"
  },
  "org.standardnotes.token-vault": {
-    "version": "2.2.0",
-    "base64": "a8e381ea3198bc10a3205f6780cb1e5960aa2f448d5c011c4c05526a1efc2773",
-    "binary": "38f46ebb09dc18ae456422532f537a2fbfd8ed8316f67c923f71b76ca727c3f8"
+    "version": "2.2.1",
+    "base64": "a011d7d99b40bd000f3a07860ff1e1f8e406c89224f78b465e49fabdd227d62a",
+    "binary": "9889784eacea33ec5253db6dd20c952bc6beaf58d320b00d2c84c8cb8f461613"
  },
  "org.standardnotes.standard-sheets": {
    "version": "1.4.9",
@@ -1,6 +1,6 @@
 {
  "name": "@standardnotes/components-meta",
-  "version": "2.5.6",
+  "version": "2.5.7",
  "private": true,
  "author": "Standard Notes.",
  "main": "dist",
@@ -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.1.1](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-30)
+
+**Note:** Version bump only for package @standardnotes/markdown-visual
+
 # [1.1.0](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)

 ### Features
@@ -1,6 +1,6 @@
 {
  "name": "@standardnotes/markdown-visual",
-  "version": "1.1.0",
+  "version": "1.1.1",
  "author": "Johnny Almonte <[email protected]>",
  "description": "A lightweight WYSIWYG markdown editor for Standard Notes, derived from Milkdown.",
  "keywords": [
@@ -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.

+## [2.2.1](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-30)
+
+**Note:** Version bump only for package @standardnotes/authenticator
+
 # [2.2.0](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)

 ### Features
@@ -1,6 +1,6 @@
 {
  "name": "@standardnotes/authenticator",
-  "version": "2.2.0",
+  "version": "2.2.1",
  "main": "dist/dist.js",
  "author": "Standard Notes",
  "private": true,
@@ -5,7 +5,7 @@
  },
  "extends": ["../../.eslintrc.json"],
  "rules": {
-    "no-console": "warn",
+    "no-console": "off",
    "@typescript-eslint/no-explicit-any": "warn",
    "@typescript-eslint/no-var-requires": "off"
  },
@@ -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.

+## [3.23.21](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-30)
+
+**Note:** Version bump only for package @standardnotes/desktop
+
+## [3.23.20](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-30)
+
+### Bug Fixes
+
+* clear desktop web cache on first version launch ([#1184](https://github.com/standardnotes/app/issues/1184)) ([7851e12](https://github.com/standardnotes/app/commit/7851e12e9e9c52dba36ad2c2f3c362a07b95288b))
+
+## [3.23.19](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-30)
+
+**Note:** Version bump only for package @standardnotes/desktop
+
 ## [3.23.18](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)

 **Note:** Version bump only for package @standardnotes/desktop
@@ -0,0 +1,52 @@
+import { action, makeObservable, observable } from 'mobx'
+import { MessageType } from '../test/TestIpcMessage'
+import { Store } from './javascripts/Main/Store/Store'
+import { StoreKeys } from './javascripts/Main/Store/StoreKeys'
+import { Paths, Urls } from './javascripts/Main/Types/Paths'
+import { UpdateState } from './javascripts/Main/UpdateManager'
+import { handleTestMessage } from './javascripts/Main/Utils/Testing'
+import { isTesting } from './javascripts/Main/Utils/Utils'
+import { WindowState } from './javascripts/Main/Window'
+
+export class AppState {
+  readonly version: string
+  readonly store: Store
+  readonly startUrl = Urls.indexHtml
+  readonly isPrimaryInstance: boolean
+  public willQuitApp = false
+  public lastBackupDate: number | null = null
+  public windowState?: WindowState
+  public deepLinkUrl?: string
+  public readonly updates: UpdateState
+  public lastRunVersion: string
+
+  constructor(app: Electron.App) {
+    this.version = app.getVersion()
+    this.store = new Store(Paths.userDataDir)
+    this.isPrimaryInstance = app.requestSingleInstanceLock()
+
+    this.lastRunVersion = this.store.get(StoreKeys.LastRunVersion) || 'unknown'
+    this.store.set(StoreKeys.LastRunVersion, this.version)
+
+    makeObservable(this, {
+      lastBackupDate: observable,
+      setBackupCreationDate: action,
+    })
+
+    this.updates = new UpdateState(this)
+
+    if (isTesting()) {
+      handleTestMessage(MessageType.AppStateCall, (method, ...args) => {
+        ;(this as any)[method](...args)
+      })
+    }
+  }
+
+  public isRunningVersionForFirstTime(): boolean {
+    return this.lastRunVersion !== this.version
+  }
+
+  setBackupCreationDate(date: number | null): void {
+    this.lastBackupDate = date
+  }
+}
@@ -1,52 +1,15 @@
 import { App, Shell } from 'electron'
-import { action, makeObservable, observable } from 'mobx'
-import { MessageType } from '../test/TestIpcMessage'
+import { AppState } from './AppState'
 import { createExtensionsServer } from './javascripts/Main/ExtensionsServer'
 import { Keychain } from './javascripts/Main/Keychain/Keychain'
-import { Store, StoreKeys } from './javascripts/Main/Store'
+import { StoreKeys } from './javascripts/Main/Store/StoreKeys'
 import { AppName, initializeStrings } from './javascripts/Main/Strings'
-import { Paths, Urls } from './javascripts/Main/Types/Paths'
 import { isLinux, isMac, isWindows } from './javascripts/Main/Types/Platforms'
-import { UpdateState } from './javascripts/Main/UpdateManager'
-import { handleTestMessage } from './javascripts/Main/Utils/Testing'
-import { isDev, isTesting } from './javascripts/Main/Utils/Utils'
-import { createWindowState, WindowState } from './javascripts/Main/Window'
+import { isDev } from './javascripts/Main/Utils/Utils'
+import { createWindowState } from './javascripts/Main/Window'

 const deepLinkScheme = 'standardnotes'

-export class AppState {
-  readonly version: string
-  readonly store: Store
-  readonly startUrl = Urls.indexHtml
-  readonly isPrimaryInstance: boolean
-  public willQuitApp = false
-  public lastBackupDate: number | null = null
-  public windowState?: WindowState
-  public deepLinkUrl?: string
-  public readonly updates: UpdateState
-
-  constructor(app: Electron.App) {
-    this.version = app.getVersion()
-    this.store = new Store(Paths.userDataDir)
-    this.isPrimaryInstance = app.requestSingleInstanceLock()
-    makeObservable(this, {
-      lastBackupDate: observable,
-      setBackupCreationDate: action,
-    })
-    this.updates = new UpdateState(this)
-
-    if (isTesting()) {
-      handleTestMessage(MessageType.AppStateCall, (method, ...args) => {
-        ;(this as any)[method](...args)
-      })
-    }
-  }
-
-  setBackupCreationDate(date: number | null): void {
-    this.lastBackupDate = date
-  }
-}
-
 export function initializeApplication(args: { app: Electron.App; ipcMain: Electron.IpcMain; shell: Shell }): void {
  const { app } = args

@@ -146,7 +109,6 @@ async function finishApplicationInitialization({ app, shell, state }: { app: App
  const keychainWindow = await Keychain.ensureKeychainAccess(state.store)

  initializeStrings(app.getLocale())
-  initializeExtensionsServer(state.store)

  const windowState = await createWindowState({
    shell,
@@ -157,6 +119,14 @@ async function finishApplicationInitialization({ app, shell, state }: { app: App
    },
  })

+  if (state.isRunningVersionForFirstTime()) {
+    console.log('Clearing window cache')
+    await windowState.window.webContents.session.clearCache()
+  }
+
+  const host = createExtensionsServer()
+  state.store.set(StoreKeys.ExtServerHost, host)
+
  /**
   * Close the keychain window after the main window is created, otherwise the
   * app will quit automatically
@@ -171,9 +141,3 @@ async function finishApplicationInitialization({ app, shell, state }: { app: App

  void windowState.window.loadURL(state.startUrl)
 }
-
-function initializeExtensionsServer(store: Store) {
-  const host = createExtensionsServer()
-
-  store.set(StoreKeys.ExtServerHost, host)
-}
@@ -5,7 +5,8 @@ import path from 'path'
 import './@types/modules'
 import { initializeApplication } from './application'
 import { enableExperimentalFeaturesForFileAccessFix } from './enableExperimentalWebFeatures'
-import { Store, StoreKeys } from './javascripts/Main/Store'
+import { Store } from './javascripts/Main/Store/Store'
+import { StoreKeys } from './javascripts/Main/Store/StoreKeys'
 import { isSnap } from './javascripts/Main/Types/Constants'
 import { Paths } from './javascripts/Main/Types/Paths'
 import { setupTesting } from './javascripts/Main/Utils/Testing'
@@ -2,9 +2,9 @@ import { dialog, shell, WebContents } from 'electron'
 import { promises as fs } from 'fs'
 import path from 'path'
 import { AppMessageType, MessageType } from '../../../../test/TestIpcMessage'
-import { AppState } from '../../../application'
+import { AppState } from '../../../AppState'
 import { MessageToWebApp } from '../../Shared/IpcMessages'
-import { StoreKeys } from '../Store'
+import { StoreKeys } from '../Store/StoreKeys'
 import { backups as str } from '../Strings'
 import { Paths } from '../Types/Paths'
 import {
@@ -6,6 +6,7 @@ import { URL } from 'url'
 import { extensions as str } from './Strings'
 import { Paths } from './Types/Paths'
 import { FileDoesNotExist } from './Utils/FileUtils'
+import { app } from 'electron'

 const Protocol = 'http'

@@ -61,7 +62,8 @@ async function handleRequest(request: IncomingMessage, response: ServerResponse)
    const mimeType = mime.lookup(path.parse(filePath).ext)

    response.setHeader('Access-Control-Allow-Origin', '*')
-    response.setHeader('Cache-Control', 'max-age=604800')
+    response.setHeader('Cache-Control', 'no-cache')
+    response.setHeader('ETag', app.getVersion())
    response.setHeader('Content-Type', `${mimeType}; charset=utf-8`)

    const data = fs.readFileSync(filePath)
@@ -1,7 +1,7 @@
 import { FileBackupsDevice, FileBackupsMapping } from '@web/Application/Device/DesktopSnjsExports'
-import { AppState } from 'app/application'
+import { AppState } from 'app/AppState'
 import { shell } from 'electron'
-import { StoreKeys } from '../Store'
+import { StoreKeys } from '../Store/StoreKeys'
 import path from 'path'
 import {
  deleteFile,
@@ -1,7 +1,8 @@
 import { app, BrowserWindow, ipcMain } from 'electron'
 import keytar from 'keytar'
 import { MessageToMainProcess } from '../../Shared/IpcMessages'
-import { Store, StoreKeys } from '../Store'
+import { Store } from '../Store/Store'
+import { StoreKeys } from '../Store/StoreKeys'
 import { AppName } from '../Strings'
 import { keychainAccessIsUserConfigurable } from '../Types/Constants'
 import { Paths, Urls } from '../Types/Paths'
@@ -1,5 +1,5 @@
 import { BrowserWindow } from 'electron'
-import { Store } from '../Store'
+import { Store } from '../Store/Store'

 export interface KeychainInterface {
  ensureKeychainAccess(store: Store): Promise<BrowserWindow | undefined>
@@ -1,4 +1,4 @@
-import { AppState } from 'app/application'
+import { AppState } from 'app/AppState'
 import {
  app,
  BrowserWindow,
@@ -10,7 +10,8 @@ import {
  WebContents,
 } from 'electron'
 import { autorun } from 'mobx'
-import { Store, StoreKeys } from '../Store'
+import { Store } from '../Store/Store'
+import { StoreKeys } from '../Store/StoreKeys'
 import { appMenu as str, contextMenu } from '../Strings'
 import { TrayManager } from '../TrayManager'
 import { autoUpdatingAvailable } from '../Types/Constants'
@@ -19,11 +19,11 @@ import { downloadFile, getJSON } from './Networking'
 import { Component, MappingFile, PackageInfo, PackageManagerInterface, SyncTask } from './PackageManagerInterface'

 function logMessage(...message: any) {
-  log.info('PackageManager:', ...message)
+  log.info('PackageManager[Info]:', ...message)
 }

 function logError(...message: any) {
-  console.error('PackageManager:', ...message)
+  console.error('PackageManager[Error]:', ...message)
 }

 /**
@@ -357,10 +357,13 @@ async function installComponent(

 function pathsForComponent(component: Pick<Component, 'content'>) {
  const relativePath = path.join(Paths.extensionsDirRelative, component.content!.package_info.identifier)
+  const absolutePath = path.join(Paths.userDataDir, relativePath)
+  const downloadPath = path.join(Paths.tempDir, AppName, 'downloads', component.content!.name + '.zip')
+
  return {
    relativePath,
-    absolutePath: path.join(Paths.userDataDir, relativePath),
-    downloadPath: path.join(Paths.tempDir, AppName, 'downloads', component.content!.name + '.zip'),
+    absolutePath,
+    downloadPath,
  }
 }

@@ -1,5 +1,6 @@
 import { CrossProcessBridge } from '../../Renderer/CrossProcessBridge'
-import { Store, StoreKeys } from '../Store'
+import { Store } from '../Store/Store'
+import { StoreKeys } from '../Store/StoreKeys'

 const path = require('path')
 const rendererPath = path.join('file://', __dirname, '/renderer.js')
@@ -1,5 +1,6 @@
 /* eslint-disable no-inline-comments */
-import { Store, StoreKeys } from './Store'
+import { Store } from './Store/Store'
+import { StoreKeys } from './Store/StoreKeys'
 import { isMac } from './Types/Platforms'
 import { isDev } from './Utils/Utils'

@@ -1,185 +0,0 @@
-import fs from 'fs'
-import path from 'path'
-import { MessageType } from '../../../test/TestIpcMessage'
-import { BackupsDirectoryName } from './Backups/BackupsManager'
-import { Language } from './SpellcheckerManager'
-import { FileDoesNotExist } from './Utils/FileUtils'
-import { handleTestMessage } from './Utils/Testing'
-import { ensureIsBoolean, isBoolean, isDev, isTesting } from './Utils/Utils'
-
-const app = process.type === 'browser' ? require('electron').app : require('@electron/remote').app
-
-function logError(...message: any) {
-  console.error('store:', ...message)
-}
-
-export enum StoreKeys {
-  ExtServerHost = 'extServerHost',
-  UseSystemMenuBar = 'useSystemMenuBar',
-  MenuBarVisible = 'isMenuBarVisible',
-  BackupsLocation = 'backupsLocation',
-  BackupsDisabled = 'backupsDisabled',
-  MinimizeToTray = 'minimizeToTray',
-  EnableAutoUpdate = 'enableAutoUpdates',
-  ZoomFactor = 'zoomFactor',
-  SelectedSpellCheckerLanguageCodes = 'selectedSpellCheckerLanguageCodes',
-  UseNativeKeychain = 'useNativeKeychain',
-
-  FileBackupsEnabled = 'fileBackupsEnabled',
-  FileBackupsLocation = 'fileBackupsLocation',
-}
-
-interface StoreData {
-  [StoreKeys.ExtServerHost]: string
-  [StoreKeys.UseSystemMenuBar]: boolean
-  [StoreKeys.MenuBarVisible]: boolean
-  [StoreKeys.BackupsLocation]: string
-  [StoreKeys.BackupsDisabled]: boolean
-  [StoreKeys.MinimizeToTray]: boolean
-  [StoreKeys.EnableAutoUpdate]: boolean
-  [StoreKeys.UseNativeKeychain]: boolean | null
-  [StoreKeys.ZoomFactor]: number
-  [StoreKeys.SelectedSpellCheckerLanguageCodes]: Set<Language> | null
-  [StoreKeys.FileBackupsEnabled]: boolean
-  [StoreKeys.FileBackupsLocation]: string
-}
-
-function createSanitizedStoreData(data: any = {}): StoreData {
-  return {
-    [StoreKeys.MenuBarVisible]: ensureIsBoolean(data[StoreKeys.MenuBarVisible], true),
-    [StoreKeys.UseSystemMenuBar]: ensureIsBoolean(data[StoreKeys.UseSystemMenuBar], false),
-    [StoreKeys.BackupsDisabled]: ensureIsBoolean(data[StoreKeys.BackupsDisabled], false),
-    [StoreKeys.MinimizeToTray]: ensureIsBoolean(data[StoreKeys.MinimizeToTray], false),
-    [StoreKeys.EnableAutoUpdate]: ensureIsBoolean(data[StoreKeys.EnableAutoUpdate], true),
-    [StoreKeys.UseNativeKeychain]: isBoolean(data[StoreKeys.UseNativeKeychain])
-      ? data[StoreKeys.UseNativeKeychain]
-      : null,
-    [StoreKeys.ExtServerHost]: data[StoreKeys.ExtServerHost],
-    [StoreKeys.BackupsLocation]: sanitizeBackupsLocation(data[StoreKeys.BackupsLocation]),
-    [StoreKeys.ZoomFactor]: sanitizeZoomFactor(data[StoreKeys.ZoomFactor]),
-    [StoreKeys.SelectedSpellCheckerLanguageCodes]: sanitizeSpellCheckerLanguageCodes(
-      data[StoreKeys.SelectedSpellCheckerLanguageCodes],
-    ),
-    [StoreKeys.FileBackupsEnabled]: ensureIsBoolean(data[StoreKeys.FileBackupsEnabled], false),
-    [StoreKeys.FileBackupsLocation]: data[StoreKeys.FileBackupsLocation],
-  }
-}
-
-function sanitizeZoomFactor(factor?: any): number {
-  if (typeof factor === 'number' && factor > 0) {
-    return factor
-  } else {
-    return 1
-  }
-}
-
-function sanitizeBackupsLocation(location?: unknown): string {
-  const defaultPath = path.join(
-    isTesting() ? app.getPath('userData') : isDev() ? app.getPath('documents') : app.getPath('home'),
-    BackupsDirectoryName,
-  )
-
-  if (typeof location !== 'string') {
-    return defaultPath
-  }
-
-  try {
-    const stat = fs.lstatSync(location)
-    if (stat.isDirectory()) {
-      return location
-    }
-    /** Path points to something other than a directory */
-    return defaultPath
-  } catch (e) {
-    /** Path does not point to a valid directory */
-    logError(e)
-    return defaultPath
-  }
-}
-
-function sanitizeSpellCheckerLanguageCodes(languages?: unknown): Set<Language> | null {
-  if (!languages) {
-    return null
-  }
-  if (!Array.isArray(languages)) {
-    return null
-  }
-
-  const set = new Set<Language>()
-  const validLanguages = Object.values(Language)
-  for (const language of languages) {
-    if (validLanguages.includes(language)) {
-      set.add(language)
-    }
-  }
-  return set
-}
-
-export function serializeStoreData(data: StoreData): string {
-  return JSON.stringify(data, (_key, value) => {
-    if (value instanceof Set) {
-      return Array.from(value)
-    }
-    return value
-  })
-}
-
-function parseDataFile(filePath: string) {
-  try {
-    const fileData = fs.readFileSync(filePath)
-    const userData = JSON.parse(fileData.toString())
-    return createSanitizedStoreData(userData)
-  } catch (error: any) {
-    console.log('Error reading store file', error)
-    if (error.code !== FileDoesNotExist) {
-      logError(error)
-    }
-
-    return createSanitizedStoreData({})
-  }
-}
-
-export class Store {
-  static instance: Store
-  readonly path: string
-  readonly data: StoreData
-
-  static getInstance(): Store {
-    if (!this.instance) {
-      /**
-       * Renderer process has to get `app` module via `remote`, whereas the main process
-       * can get it directly app.getPath('userData') will return a string of the user's
-       * app data directory path.
-       * TODO(baptiste): stop using Store in the renderer process.
-       */
-      const userDataPath = app.getPath('userData')
-      this.instance = new Store(userDataPath)
-    }
-    return this.instance
-  }
-
-  static get<T extends keyof StoreData>(key: T): StoreData[T] {
-    return this.getInstance().get(key)
-  }
-
-  constructor(userDataPath: string) {
-    this.path = path.join(userDataPath, 'user-preferences.json')
-    this.data = parseDataFile(this.path)
-
-    if (isTesting()) {
-      handleTestMessage(MessageType.StoreSettingsLocation, () => this.path)
-      handleTestMessage(MessageType.StoreSet, (key, value) => {
-        this.set(key, value)
-      })
-    }
-  }
-
-  get<T extends keyof StoreData>(key: T): StoreData[T] {
-    return this.data[key]
-  }
-
-  set<T extends keyof StoreData>(key: T, val: StoreData[T]): void {
-    this.data[key] = val
-    fs.writeFileSync(this.path, serializeStoreData(this.data))
-  }
-}
@@ -0,0 +1,52 @@
+import fs from 'fs'
+import path from 'path'
+import { MessageType } from '../../../../test/TestIpcMessage'
+import { handleTestMessage } from '../Utils/Testing'
+import { isTesting } from '../Utils/Utils'
+import { parseDataFile, serializeStoreData } from './createSanitizedStoreData'
+import { StoreData } from './StoreKeys'
+
+export const app = process.type === 'browser' ? require('electron').app : require('@electron/remote').app
+
+export function logError(...message: any) {
+  console.error('store:', ...message)
+}
+
+export class Store {
+  static instance: Store
+  readonly path: string
+  readonly data: StoreData
+
+  static getInstance(): Store {
+    if (!this.instance) {
+      const userDataPath = app.getPath('userData')
+      this.instance = new Store(userDataPath)
+    }
+    return this.instance
+  }
+
+  static get<T extends keyof StoreData>(key: T): StoreData[T] {
+    return this.getInstance().get(key)
+  }
+
+  constructor(userDataPath: string) {
+    this.path = path.join(userDataPath, 'user-preferences.json')
+    this.data = parseDataFile(this.path)
+
+    if (isTesting()) {
+      handleTestMessage(MessageType.StoreSettingsLocation, () => this.path)
+      handleTestMessage(MessageType.StoreSet, (key, value) => {
+        this.set(key, value)
+      })
+    }
+  }
+
+  get<T extends keyof StoreData>(key: T): StoreData[T] {
+    return this.data[key]
+  }
+
+  set<T extends keyof StoreData>(key: T, val: StoreData[T]): void {
+    this.data[key] = val
+    fs.writeFileSync(this.path, serializeStoreData(this.data))
+  }
+}
@@ -0,0 +1,33 @@
+import { Language } from '../SpellcheckerManager'
+
+export enum StoreKeys {
+  ExtServerHost = 'extServerHost',
+  UseSystemMenuBar = 'useSystemMenuBar',
+  MenuBarVisible = 'isMenuBarVisible',
+  BackupsLocation = 'backupsLocation',
+  BackupsDisabled = 'backupsDisabled',
+  MinimizeToTray = 'minimizeToTray',
+  EnableAutoUpdate = 'enableAutoUpdates',
+  ZoomFactor = 'zoomFactor',
+  SelectedSpellCheckerLanguageCodes = 'selectedSpellCheckerLanguageCodes',
+  UseNativeKeychain = 'useNativeKeychain',
+  FileBackupsEnabled = 'fileBackupsEnabled',
+  FileBackupsLocation = 'fileBackupsLocation',
+  LastRunVersion = 'LastRunVersion',
+}
+
+export interface StoreData {
+  [StoreKeys.ExtServerHost]: string
+  [StoreKeys.UseSystemMenuBar]: boolean
+  [StoreKeys.MenuBarVisible]: boolean
+  [StoreKeys.BackupsLocation]: string
+  [StoreKeys.BackupsDisabled]: boolean
+  [StoreKeys.MinimizeToTray]: boolean
+  [StoreKeys.EnableAutoUpdate]: boolean
+  [StoreKeys.UseNativeKeychain]: boolean | null
+  [StoreKeys.ZoomFactor]: number
+  [StoreKeys.SelectedSpellCheckerLanguageCodes]: Set<Language> | null
+  [StoreKeys.FileBackupsEnabled]: boolean
+  [StoreKeys.FileBackupsLocation]: string
+  [StoreKeys.LastRunVersion]: string
+}
@@ -0,0 +1,101 @@
+import fs from 'fs'
+import path from 'path'
+import { BackupsDirectoryName } from '../Backups/BackupsManager'
+import { Language } from '../SpellcheckerManager'
+import { FileDoesNotExist } from '../Utils/FileUtils'
+import { ensureIsBoolean, isBoolean, isDev, isTesting } from '../Utils/Utils'
+import { StoreData, StoreKeys } from './StoreKeys'
+import { app, logError } from './Store'
+
+export function createSanitizedStoreData(data: any = {}): StoreData {
+  return {
+    [StoreKeys.MenuBarVisible]: ensureIsBoolean(data[StoreKeys.MenuBarVisible], true),
+    [StoreKeys.UseSystemMenuBar]: ensureIsBoolean(data[StoreKeys.UseSystemMenuBar], false),
+    [StoreKeys.BackupsDisabled]: ensureIsBoolean(data[StoreKeys.BackupsDisabled], false),
+    [StoreKeys.MinimizeToTray]: ensureIsBoolean(data[StoreKeys.MinimizeToTray], false),
+    [StoreKeys.EnableAutoUpdate]: ensureIsBoolean(data[StoreKeys.EnableAutoUpdate], true),
+    [StoreKeys.UseNativeKeychain]: isBoolean(data[StoreKeys.UseNativeKeychain])
+      ? data[StoreKeys.UseNativeKeychain]
+      : null,
+    [StoreKeys.ExtServerHost]: data[StoreKeys.ExtServerHost],
+    [StoreKeys.BackupsLocation]: sanitizeBackupsLocation(data[StoreKeys.BackupsLocation]),
+    [StoreKeys.ZoomFactor]: sanitizeZoomFactor(data[StoreKeys.ZoomFactor]),
+    [StoreKeys.SelectedSpellCheckerLanguageCodes]: sanitizeSpellCheckerLanguageCodes(
+      data[StoreKeys.SelectedSpellCheckerLanguageCodes],
+    ),
+    [StoreKeys.FileBackupsEnabled]: ensureIsBoolean(data[StoreKeys.FileBackupsEnabled], false),
+    [StoreKeys.FileBackupsLocation]: data[StoreKeys.FileBackupsLocation],
+    [StoreKeys.LastRunVersion]: data[StoreKeys.LastRunVersion],
+  }
+}
+function sanitizeZoomFactor(factor?: any): number {
+  if (typeof factor === 'number' && factor > 0) {
+    return factor
+  } else {
+    return 1
+  }
+}
+function sanitizeBackupsLocation(location?: unknown): string {
+  const defaultPath = path.join(
+    isTesting() ? app.getPath('userData') : isDev() ? app.getPath('documents') : app.getPath('home'),
+    BackupsDirectoryName,
+  )
+
+  if (typeof location !== 'string') {
+    return defaultPath
+  }
+
+  try {
+    const stat = fs.lstatSync(location)
+    if (stat.isDirectory()) {
+      return location
+    }
+    /** Path points to something other than a directory */
+    return defaultPath
+  } catch (e) {
+    /** Path does not point to a valid directory */
+    logError(e)
+    return defaultPath
+  }
+}
+function sanitizeSpellCheckerLanguageCodes(languages?: unknown): Set<Language> | null {
+  if (!languages) {
+    return null
+  }
+  if (!Array.isArray(languages)) {
+    return null
+  }
+
+  const set = new Set<Language>()
+  const validLanguages = Object.values(Language)
+  for (const language of languages) {
+    if (validLanguages.includes(language)) {
+      set.add(language)
+    }
+  }
+  return set
+}
+
+export function serializeStoreData(data: StoreData): string {
+  return JSON.stringify(data, (_key, value) => {
+    if (value instanceof Set) {
+      return Array.from(value)
+    }
+    return value
+  })
+}
+
+export function parseDataFile(filePath: string) {
+  try {
+    const fileData = fs.readFileSync(filePath)
+    const userData = JSON.parse(fileData.toString())
+    return createSanitizedStoreData(userData)
+  } catch (error: any) {
+    console.log('Error reading store file', error)
+    if (error.code !== FileDoesNotExist) {
+      logError(error)
+    }
+
+    return createSanitizedStoreData({})
+  }
+}
@@ -1,6 +1,7 @@
 import { Menu, Tray } from 'electron'
 import path from 'path'
-import { Store, StoreKeys } from './Store'
+import { Store } from './Store/Store'
+import { StoreKeys } from './Store/StoreKeys'
 import { AppName, tray as str } from './Strings'
 import { isLinux, isWindows } from './Types/Platforms'
 import { isDev } from './Utils/Utils'
@@ -4,9 +4,9 @@ import electronLog from 'electron-log'
 import { autoUpdater } from 'electron-updater'
 import { action, autorun, computed, makeObservable, observable } from 'mobx'
 import { MessageType } from '../../../test/TestIpcMessage'
-import { AppState } from '../../application'
+import { AppState } from '../../AppState'
 import { BackupsManagerInterface } from './Backups/BackupsManagerInterface'
-import { StoreKeys } from './Store'
+import { StoreKeys } from './Store/StoreKeys'
 import { updates as str } from './Strings'
 import { autoUpdatingAvailable } from './Types/Constants'
 import { handleTestMessage } from './Utils/Testing'
@@ -4,7 +4,7 @@ import fs from 'fs'
 import { debounce } from 'lodash'
 import path from 'path'
 import { AppMessageType, MessageType } from '../../../test/TestIpcMessage'
-import { AppState } from '../../application'
+import { AppState } from '../../AppState'
 import { MessageToWebApp } from '../Shared/IpcMessages'
 import { createBackupsManager } from './Backups/BackupsManager'
 import { BackupsManagerInterface } from './Backups/BackupsManagerInterface'
@@ -16,7 +16,8 @@ import { initializePackageManager } from './Packages/PackageManager'
 import { RemoteBridge } from './Remote/RemoteBridge'
 import { initializeSearchManager } from './Search/SearchManager'
 import { createSpellcheckerManager } from './SpellcheckerManager'
-import { Store, StoreKeys } from './Store'
+import { Store } from './Store/Store'
+import { StoreKeys } from './Store/StoreKeys'
 import { createTrayManager, TrayManager } from './TrayManager'
 import { Paths } from './Types/Paths'
 import { isMac, isWindows } from './Types/Platforms'
@@ -1,5 +1,6 @@
 import { BrowserWindow } from 'electron'
-import { Store, StoreKeys } from './Store'
+import { Store } from './Store/Store'
+import { StoreKeys } from './Store/StoreKeys'

 export function initializeZoomManager(window: BrowserWindow, store: Store): void {
  window.webContents.on('dom-ready', () => {
@@ -1,7 +1,7 @@
 {
  "name": "@standardnotes/desktop",
  "main": "./app/dist/index.js",
-  "version": "3.23.18",
+  "version": "3.23.21",
  "license": "AGPL-3.0-or-later",
  "author": "Standard Notes.",
  "private": true,
@@ -21,6 +21,8 @@ DerivedData
 *.ipa
 *.xcuserstate

+html/Web.bundle/src/web-src
+
 .env

 # Android/IntelliJ
@@ -75,4 +77,4 @@ ios-release.bundle.map

 codeqldb

-vendor/bundle
+vendor/bundle
@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+## [3.26.3](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-30)
+
+**Note:** Version bump only for package @standardnotes/mobile
+
+## [3.26.2](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-30)
+
+### Bug Fixes
+
+* **mobile:** android icons loading issue ([98ed647](https://github.com/standardnotes/app/commit/98ed6472c079b5f32ee3d82a2c68a6eaca2a58ec))
+
+## [3.26.1](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-30)
+
+**Note:** Version bump only for package @standardnotes/mobile
+
+# [3.26.0](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-30)
+
+### Features
+
+* **dev:** option to render web app inside the mobile app ([#1164](https://github.com/standardnotes/app/issues/1164)) ([4f5d092](https://github.com/standardnotes/app/commit/4f5d092f89a5488dc4c9f74730a110845230f2b3))
+
+## [3.25.15](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-30)
+
+**Note:** Version bump only for package @standardnotes/mobile
+
 ## [3.25.14](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)

 **Note:** Version bump only for package @standardnotes/mobile
@@ -0,0 +1,29 @@
+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 */
+}
@@ -219,6 +219,7 @@ android {
            }
        }
    }
+    sourceSets.main.assets.srcDirs += ['src/main/assets', '../../html']
 }

 dependencies {
@@ -121,7 +121,7 @@ platform :android do

  desc 'Deploy dev app'
  lane :dev do
-    version = 300_023_000 + ENV['BUILD_NUMBER'].to_i
+    version = 300_023_100 + ENV['BUILD_NUMBER'].to_i
    deploy_android 'dev', version
  end

@@ -0,0 +1 @@
+<a id="web-bundle-progress-bar" href="#"/></a>
@@ -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" />
+</head>
+
+<body>
+    <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>
+</body>
+
+</html>
@@ -434,7 +434,7 @@ PODS:
  - RNZipArchive/Core (6.0.8):
    - React-Core
    - SSZipArchive (= 2.2.3)
-  - sn-textview (1.0.2):
+  - sn-textview (1.1.0):
    - React-Core
  - SNReactNative (1.0.1):
    - React-Core
@@ -749,7 +749,7 @@ SPEC CHECKSUMS:
  RNSVG: 302bfc9905bd8122f08966dc2ce2d07b7b52b9f8
  RNVectorIcons: fcc2f6cb32f5735b586e66d14103a74ce6ad61f8
  RNZipArchive: 3f89b114cfeb89dac027fc5c7afd7e58d3dc4ebf
-  sn-textview: aaeeb41791e7d1784072adfb6b610db9b764acda
+  sn-textview: 494186ad03660daa52b1d3fd7b50b116b550f925
  SNReactNative: b5e9e529c175c13f3a618e27c76cf3071213d5e1
  SSZipArchive: 62d4947b08730e4cda640473b0066d209ff033c9
  TrustKit: 073855e3adecd317417bda4ac9e9ac54a2e3b9f2
@@ -26,6 +26,8 @@
 		CD7D8400277FF8CB00915D89 /* [email protected] in Resources */ = {isa = PBXBuildFile; fileRef = CD7D83FD277FF8CB00915D89 /* [email protected] */; };
 		CD7D8401277FF8CB00915D89 /* Red.png in Resources */ = {isa = PBXBuildFile; fileRef = CD7D83FE277FF8CB00915D89 /* Red.png */; };
 		CD7D8402277FF8CB00915D89 /* [email protected] in Resources */ = {isa = PBXBuildFile; fileRef = CD7D83FF277FF8CB00915D89 /* [email protected] */; };
+		D261494528699DCE00B17102 /* Web.bundle in Resources */ = {isa = PBXBuildFile; fileRef = D261494428699DCE00B17102 /* Web.bundle */; };
+		D261494628699DCE00B17102 /* Web.bundle in Resources */ = {isa = PBXBuildFile; fileRef = D261494428699DCE00B17102 /* Web.bundle */; };
 		DD3D1CE428EC1C8BA0C49211 /* libPods-StandardNotes.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 41388EB4F886116157DA092C /* libPods-StandardNotes.a */; };
 /* End PBXBuildFile section */

@@ -67,6 +69,7 @@
 		CD7D83FD277FF8CB00915D89 /* [email protected] */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "[email protected]"; sourceTree = "<group>"; };
 		CD7D83FE277FF8CB00915D89 /* Red.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = Red.png; sourceTree = "<group>"; };
 		CD7D83FF277FF8CB00915D89 /* [email protected] */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "[email protected]"; sourceTree = "<group>"; };
+		D261494428699DCE00B17102 /* Web.bundle */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.plug-in"; name = Web.bundle; path = ../html/Web.bundle; sourceTree = "<group>"; };
 		ED297162215061F000B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; };
 /* End PBXFileReference section */

@@ -132,6 +135,7 @@
 		13B07FAE1A68108700A75B9A /* StandardNotes */ = {
 			isa = PBXGroup;
 			children = (
+				D261494428699DCE00B17102 /* Web.bundle */,
 				13B07FAF1A68108700A75B9A /* AppDelegate.h */,
 				13B07FB01A68108700A75B9A /* AppDelegate.m */,
 				CD7D5EE527801F10005FE1BF /* StandardNotes.entitlements */,
@@ -308,6 +312,7 @@
 			isa = PBXResourcesBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
+				D261494528699DCE00B17102 /* Web.bundle in Resources */,
 				CD7D8401277FF8CB00915D89 /* Red.png in Resources */,
 				13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */,
 				CD7D8402277FF8CB00915D89 /* [email protected] in Resources */,
@@ -321,6 +326,7 @@
 			buildActionMask = 2147483647;
 			files = (
 				CD7D5ED4278015D2005FE1BF /* Red.png in Resources */,
+				D261494628699DCE00B17102 /* Web.bundle in Resources */,
 				CD7D5EE3278016E3005FE1BF /* Dev.xcassets in Resources */,
 				CD7D5ED5278015D2005FE1BF /* Images.xcassets in Resources */,
 				CD7D5ED6278015D2005FE1BF /* [email protected] in Resources */,
@@ -1,6 +1,6 @@
 {
  "name": "@standardnotes/mobile",
-  "version": "3.25.14",
+  "version": "3.26.3",
  "author": "Standard Notes",
  "private": true,
  "license": "AGPL-3.0-or-later",
@@ -15,7 +15,8 @@
    "lint:fix": "yarn lint --fix",
    "format": "prettier ./src",
    "format:fix": "yarn format --write",
-    "build": "yarn android:bundle && yarn install:pods",
+    "build": "yarn web:bundle && yarn install:pods && yarn android:bundle",
+    "web:bundle": "cp -r ../web/dist/. html/Web.bundle/src/web-src/",
    "pods": "yarn install:pods",
    "tsc": "tsc --noEmit",
    "start": "react-native start",
@@ -43,6 +44,7 @@
    "@standardnotes/sncrypto-common": "1.9.0",
    "@standardnotes/snjs": "^2.118.3",
    "@standardnotes/stylekit": "5.29.3",
+    "@standardnotes/web": "workspace:^",
    "@types/styled-components-react-native": "5.1.3",
    "js-base64": "^3.7.2",
    "moment": "^2.29.2",
@@ -1,3 +1,7 @@
+import { IsDev } from '@Lib/Utils'
+
 export enum ErrorMessage {
  GeneralText = 'An error occurred. Please try again later.',
 }
+
+export const WebAppOptionEnabled = IsDev
@@ -18,6 +18,7 @@ import {
  SCREEN_MANAGE_SESSIONS,
  SCREEN_SETTINGS,
  SCREEN_UPLOADED_FILES_LIST,
+  SCREEN_WEB_APP,
 } from '@Root/Screens/screens'
 import { Settings } from '@Root/Screens/Settings/Settings'
 import { UploadedFilesList } from '@Root/Screens/UploadedFilesList/UploadedFilesList'
@@ -29,6 +30,7 @@ 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'
@@ -63,6 +65,7 @@ export type ModalStackNavigatorParamList = {
    title?: string
    text: string
  }
+  [SCREEN_WEB_APP]: undefined
 }

 export type ModalStackNavigationProp<T extends keyof ModalStackNavigatorParamList> = {
@@ -303,6 +306,7 @@ export const MainStackComponent = ({ env }: { env: TEnvironment }) => {
        })}
        component={WorkspaceInputModal}
      />
+      <MainStack.Screen name={SCREEN_WEB_APP} options={() => ({ title: 'App' })} component={MobileWebAppContainer} />
    </MainStack.Navigator>
  )
 }
@@ -1,3 +1,4 @@
+import { WebAppOptionEnabled } from '@Lib/constants'
 import { useSignedIn } from '@Lib/SnjsHelperHooks'
 import { useNavigation } from '@react-navigation/native'
 import { ButtonCell } from '@Root/Components/ButtonCell'
@@ -7,7 +8,7 @@ import { SectionHeader } from '@Root/Components/SectionHeader'
 import { TableSection } from '@Root/Components/TableSection'
 import { useSafeApplicationContext } from '@Root/Hooks/useSafeApplicationContext'
 import { ModalStackNavigationProp } from '@Root/ModalStack'
-import { SCREEN_MANAGE_SESSIONS, SCREEN_SETTINGS } from '@Root/Screens/screens'
+import { SCREEN_MANAGE_SESSIONS, SCREEN_SETTINGS, SCREEN_WEB_APP } from '@Root/Screens/screens'
 import { ButtonType, PrefKey } from '@standardnotes/snjs'
 import moment from 'moment'
 import React, { useCallback, useMemo, useState } from 'react'
@@ -182,6 +183,10 @@ export const OptionsSection = ({ title, encryptionAvailable }: Props) => {
    )
  }, [application.alertService])

+  const openWebApp = useCallback(() => {
+    navigation.push(SCREEN_WEB_APP)
+  }, [navigation])
+
  return (
    <TableSection>
      <SectionHeader title={title} />
@@ -221,6 +226,10 @@ export const OptionsSection = ({ title, encryptionAvailable }: Props) => {
        onPress={onExportPress}
      />

+      {WebAppOptionEnabled && (
+        <ButtonCell testID="openWebApp" leftAligned title={'Open Web App'} onPress={() => openWebApp()} />
+      )}
+
      {!signedIn && (
        <SectionedAccessoryTableCell
          testID="lastExportDate"
@@ -16,3 +16,5 @@ export const SCREEN_MANAGE_SESSIONS = 'ManageSessions' as const
 export const MODAL_BLOCKING_ALERT = 'ModalBlockingAlert' as const

 export const SCREEN_VIEW_PROTECTED_NOTE = 'ViewProtectedNote' as const
+
+export const SCREEN_WEB_APP = 'WebApp' as const
@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+## [1.2.34](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-30)
+
+**Note:** Version bump only for package @standardnotes/releases
+
+## [1.2.33](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-30)
+
+**Note:** Version bump only for package @standardnotes/releases
+
+## [1.2.32](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-30)
+
+**Note:** Version bump only for package @standardnotes/releases
+
+## [1.2.31](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-30)
+
+**Note:** Version bump only for package @standardnotes/releases
+
+## [1.2.30](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-30)
+
+**Note:** Version bump only for package @standardnotes/releases
+
+## [1.2.29](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-30)
+
+**Note:** Version bump only for package @standardnotes/releases
+
 ## [1.2.28](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)

 **Note:** Version bump only for package @standardnotes/releases
@@ -1,6 +1,6 @@
 {
  "name": "@standardnotes/releases",
-  "version": "1.2.28",
+  "version": "1.2.34",
  "license": "AGPL-3.0-or-later",
  "main": "dist/releases.json",
  "types": "dist/index.d.ts",
@@ -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.4.2](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-30)
+
+### Bug Fixes
+
+* **styles:** preferences opacity ([ddeaf52](https://github.com/standardnotes/app/commit/ddeaf523a8ece97b7ad9372c4d84e07775221a65))
+
 ## [1.4.1](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)

 ### Bug Fixes
@@ -1,6 +1,6 @@
 {
  "name": "@standardnotes/styles",
-  "version": "1.4.1",
+  "version": "1.4.2",
  "private": true,
  "main": "dist/index.js",
  "types": "dist/index.d.ts",
@@ -22,7 +22,7 @@
  --sn-stylekit-border-color: #dfe1e4;
  --sn-stylekit-foreground-color: #19191C;
  // Colors for layers placed on top of non-prefixed background, border, and foreground
-  --sn-stylekit-contrast-background-color: rgba(244, 245, 247, 0.72);
+  --sn-stylekit-contrast-background-color: rgba(244, 245, 247, 1.0);
  --sn-stylekit-contrast-foreground-color: #2e2e2e;
  --sn-stylekit-contrast-border-color: #e3e3e3; // For borders inside contrast-background-color

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+## [1.2.44](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-30)
+
+**Note:** Version bump only for package @standardnotes/web-server
+
+## [1.2.43](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-30)
+
+**Note:** Version bump only for package @standardnotes/web-server
+
 ## [1.2.42](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)

 **Note:** Version bump only for package @standardnotes/web-server
@@ -1,6 +1,6 @@
 {
  "name": "@standardnotes/web-server",
-  "version": "1.2.42",
+  "version": "1.2.44",
  "license": "AGPL-3.0-or-later",
  "private": true,
  "author": "Standard Notes.",
@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+# [3.28.0](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-30)
+
+### Features
+
+* add tag id to tag context menu ([#1185](https://github.com/standardnotes/app/issues/1185)) ([8b845ea](https://github.com/standardnotes/app/commit/8b845ea424e0731d9c850c3e6604534bf5aeda86))
+
+## [3.27.7](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-30)
+
+**Note:** Version bump only for package @standardnotes/web
+
 ## [3.27.6](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)

 ### Bug Fixes
@@ -1,6 +1,6 @@
 {
  "name": "@standardnotes/web",
-  "version": "3.27.6",
+  "version": "3.28.0",
  "license": "AGPL-3.0-or-later",
  "main": "dist/app.js",
  "author": "Standard Notes",
@@ -12,7 +12,7 @@ import MenuItemSeparator from '@/Components/Menu/MenuItemSeparator'
 import { MenuItemType } from '@/Components/Menu/MenuItemType'
 import WorkspaceSwitcherOption from './WorkspaceSwitcher/WorkspaceSwitcherOption'
 import { ApplicationGroup } from '@/Application/ApplicationGroup'
-import { formatLastSyncDate } from '@/Utils/FormatLastSyncDate'
+import { formatLastSyncDate } from '@/Utils/DateUtils'
 import Spinner from '@/Components/Spinner/Spinner'

 type Props = {
@@ -17,13 +17,13 @@ import { FunctionComponent, useCallback, useEffect, useMemo, useState } from 're
 import RevisionHistoryModal from '@/Components/RevisionHistoryModal/RevisionHistoryModal'
 import PremiumModalProvider from '@/Hooks/usePremiumModal'
 import ConfirmSignoutContainer from '@/Components/ConfirmSignoutModal/ConfirmSignoutModal'
-import TagsContextMenuWrapper from '@/Components/Tags/TagContextMenu'
 import { ToastContainer } from '@standardnotes/toast'
 import FilePreviewModalWrapper from '@/Components/FilePreview/FilePreviewModal'
 import ContentListView from '@/Components/ContentListView/ContentListView'
 import FileContextMenuWrapper from '@/Components/FileContextMenu/FileContextMenu'
 import PermissionsModalWrapper from '@/Components/PermissionsModal/PermissionsModalWrapper'
 import { PanelResizedData } from '@/Types/PanelResizedData'
+import TagContextMenuWrapper from '@/Components/Tags/TagContextMenuWrapper'

 type Props = {
  application: WebApplication
@@ -214,7 +214,10 @@ const ApplicationView: FunctionComponent<Props> = ({ application, mainApplicatio
            noteTagsController={viewControllerManager.noteTagsController}
            historyModalController={viewControllerManager.historyModalController}
          />
-          <TagsContextMenuWrapper viewControllerManager={viewControllerManager} />
+          <TagContextMenuWrapper
+            navigationController={viewControllerManager.navigationController}
+            featuresController={viewControllerManager.featuresController}
+          />
          <FileContextMenuWrapper
            filesController={viewControllerManager.filesController}
            selectionController={viewControllerManager.selectionController}
@@ -86,7 +86,7 @@ const FileContextMenu: FunctionComponent<Props> = observer(({ filesController, s
  return (
    <div
      ref={contextMenuRef}
-      className="max-h-120 fixed flex min-w-60 max-w-xs flex-col overflow-y-auto rounded bg-default py-2 shadow-main"
+      className="max-h-120 fixed z-dropdown-menu flex min-w-60 max-w-xs flex-col overflow-y-auto rounded bg-default py-2 shadow-main"
      style={{
        ...contextMenuStyle,
        maxHeight: contextMenuMaxHeight,
@@ -12,6 +12,7 @@ import { addToast, dismissToast, ToastType } from '@standardnotes/toast'
 import { NotesOptionsProps } from './NotesOptionsProps'
 import { NotesController } from '@/Controllers/NotesController'
 import HorizontalSeparator from '../Shared/HorizontalSeparator'
+import { formatDateForContextMenu } from '@/Utils/DateUtils'

 type DeletePermanentlyButtonProps = {
  closeOnBlur: NotesOptionsProps['closeOnBlur']
@@ -78,13 +79,6 @@ const calculateReadTime = (words: number) => {
  }
 }

-const formatDate = (date: Date | undefined) => {
-  if (!date) {
-    return
-  }
-  return `${date.toDateString()} ${date.toLocaleTimeString()}`
-}
-
 const NoteAttributes: FunctionComponent<{
  application: SNApplication
  note: SNNote
@@ -93,9 +87,9 @@ const NoteAttributes: FunctionComponent<{

  const readTime = useMemo(() => (typeof words === 'number' ? calculateReadTime(words) : 'N/A'), [words])

-  const dateLastModified = useMemo(() => formatDate(note.userModifiedDate), [note.userModifiedDate])
+  const dateLastModified = useMemo(() => formatDateForContextMenu(note.userModifiedDate), [note.userModifiedDate])

-  const dateCreated = useMemo(() => formatDate(note.created_at), [note.created_at])
+  const dateCreated = useMemo(() => formatDateForContextMenu(note.created_at), [note.created_at])

  const editor = application.componentManager.editorForNote(note)
  const format = editor?.package_info?.file_type || 'txt'
@@ -5,7 +5,7 @@ import { STRING_GENERIC_SYNC_ERROR } from '@/Constants/Strings'
 import { observer } from 'mobx-react-lite'
 import { WebApplication } from '@/Application/Application'
 import { FunctionComponent, useState } from 'react'
-import { formatLastSyncDate } from '@/Utils/FormatLastSyncDate'
+import { formatLastSyncDate } from '@/Utils/DateUtils'
 import PreferencesGroup from '../../PreferencesComponents/PreferencesGroup'
 import PreferencesSegment from '../../PreferencesComponents/PreferencesSegment'

@@ -1,36 +1,33 @@
-import { ViewControllerManager } from '@/Services/ViewControllerManager'
 import { observer } from 'mobx-react-lite'
-import { useCallback, useEffect, useRef } from 'react'
+import { useCallback, useEffect, useRef, useMemo } from 'react'
 import Icon from '@/Components/Icon/Icon'
 import Menu from '@/Components/Menu/Menu'
 import MenuItem from '@/Components/Menu/MenuItem'
 import { MenuItemType } from '@/Components/Menu/MenuItemType'
 import { usePremiumModal } from '@/Hooks/usePremiumModal'
-import { useCloseOnBlur } from '@/Hooks/useCloseOnBlur'
 import { SNTag } from '@standardnotes/snjs'
-import { isControllerDealloced } from '@/Controllers/Abstract/IsControllerDealloced'
+import { useCloseOnClickOutside } from '@/Hooks/useCloseOnClickOutside'
+import { NavigationController } from '@/Controllers/Navigation/NavigationController'
+import HorizontalSeparator from '../Shared/HorizontalSeparator'
+import { formatDateForContextMenu } from '@/Utils/DateUtils'

-type WrapperProps = {
-  viewControllerManager: ViewControllerManager
-}
-
-type ContextMenuProps = WrapperProps & {
+type ContextMenuProps = {
+  navigationController: NavigationController
+  isEntitledToFolders: boolean
  selectedTag: SNTag
 }

-const TagsContextMenu = observer(({ viewControllerManager, selectedTag }: ContextMenuProps) => {
+const TagContextMenu = ({ navigationController, isEntitledToFolders, selectedTag }: ContextMenuProps) => {
  const premiumModal = usePremiumModal()

-  const { contextMenuOpen, contextMenuPosition, contextMenuMaxHeight } = viewControllerManager.navigationController
+  const { contextMenuOpen, contextMenuPosition, contextMenuMaxHeight } = navigationController

  const contextMenuRef = useRef<HTMLDivElement>(null)
-  const [closeOnBlur] = useCloseOnBlur(contextMenuRef, (open: boolean) =>
-    viewControllerManager.navigationController.setContextMenuOpen(open),
-  )
+  useCloseOnClickOutside(contextMenuRef, () => navigationController.setContextMenuOpen(false))

  const reloadContextMenuLayout = useCallback(() => {
-    viewControllerManager.navigationController.reloadContextMenuLayout()
-  }, [viewControllerManager])
+    navigationController.reloadContextMenuLayout()
+  }, [navigationController])

  useEffect(() => {
    window.addEventListener('resize', reloadContextMenuLayout)
@@ -40,28 +37,35 @@ const TagsContextMenu = observer(({ viewControllerManager, selectedTag }: Contex
  }, [reloadContextMenuLayout])

  const onClickAddSubtag = useCallback(() => {
-    if (!viewControllerManager.featuresController.hasFolders) {
+    if (!isEntitledToFolders) {
      premiumModal.activate('Folders')
      return
    }

-    viewControllerManager.navigationController.setContextMenuOpen(false)
-    viewControllerManager.navigationController.setAddingSubtagTo(selectedTag)
-  }, [viewControllerManager, selectedTag, premiumModal])
+    navigationController.setContextMenuOpen(false)
+    navigationController.setAddingSubtagTo(selectedTag)
+  }, [isEntitledToFolders, navigationController, selectedTag, premiumModal])

  const onClickRename = useCallback(() => {
-    viewControllerManager.navigationController.setContextMenuOpen(false)
-    viewControllerManager.navigationController.editingTag = selectedTag
-  }, [viewControllerManager, selectedTag])
+    navigationController.setContextMenuOpen(false)
+    navigationController.editingTag = selectedTag
+  }, [navigationController, selectedTag])

  const onClickDelete = useCallback(() => {
-    viewControllerManager.navigationController.remove(selectedTag, true).catch(console.error)
-  }, [viewControllerManager, selectedTag])
+    navigationController.remove(selectedTag, true).catch(console.error)
+  }, [navigationController, selectedTag])
+
+  const tagLastModified = useMemo(
+    () => formatDateForContextMenu(selectedTag.userModifiedDate),
+    [selectedTag.userModifiedDate],
+  )
+
+  const tagCreatedAt = useMemo(() => formatDateForContextMenu(selectedTag.created_at), [selectedTag.created_at])

  return contextMenuOpen ? (
    <div
      ref={contextMenuRef}
-      className="max-h-120 fixed flex min-w-60 max-w-xs flex-col overflow-y-auto rounded bg-default py-2 shadow-main"
+      className="max-h-120 fixed z-dropdown-menu flex min-w-60 flex-col overflow-y-auto rounded bg-default py-2 shadow-main"
      style={{
        ...contextMenuPosition,
        maxHeight: contextMenuMaxHeight,
@@ -71,48 +75,39 @@ const TagsContextMenu = observer(({ viewControllerManager, selectedTag }: Contex
        a11yLabel="Tag context menu"
        isOpen={contextMenuOpen}
        closeMenu={() => {
-          viewControllerManager.navigationController.setContextMenuOpen(false)
+          navigationController.setContextMenuOpen(false)
        }}
      >
-        <MenuItem
-          type={MenuItemType.IconButton}
-          onBlur={closeOnBlur}
-          className={'justify-between py-1.5'}
-          onClick={onClickAddSubtag}
-        >
+        <MenuItem type={MenuItemType.IconButton} className={'justify-between py-1.5'} onClick={onClickAddSubtag}>
          <div className="flex items-center">
            <Icon type="add" className="mr-2 text-neutral" />
            Add subtag
          </div>
-          {!viewControllerManager.featuresController.hasFolders && <Icon type="premium-feature" />}
+          {!isEntitledToFolders && <Icon type="premium-feature" />}
        </MenuItem>
-        <MenuItem type={MenuItemType.IconButton} onBlur={closeOnBlur} className={'py-1.5'} onClick={onClickRename}>
+        <MenuItem type={MenuItemType.IconButton} className={'py-1.5'} onClick={onClickRename}>
          <Icon type="pencil-filled" className="mr-2 text-neutral" />
          Rename
        </MenuItem>
-        <MenuItem type={MenuItemType.IconButton} onBlur={closeOnBlur} className={'py-1.5'} onClick={onClickDelete}>
+        <MenuItem type={MenuItemType.IconButton} className={'py-1.5'} onClick={onClickDelete}>
          <Icon type="trash" className="mr-2 text-danger" />
          <span className="text-danger">Delete</span>
        </MenuItem>
      </Menu>
+      <HorizontalSeparator classes="my-2" />
+      <div className="px-3 pt-1 pb-1.5 text-xs font-medium text-neutral">
+        <div className="mb-1">
+          <span className="font-semibold">Last modified:</span> {tagLastModified}
+        </div>
+        <div className="mb-1">
+          <span className="font-semibold">Created:</span> {tagCreatedAt}
+        </div>
+        <div>
+          <span className="font-semibold">Tag ID:</span> {selectedTag.uuid}
+        </div>
+      </div>
    </div>
  ) : null
-})
-
-TagsContextMenu.displayName = 'TagsContextMenu'
-
-const TagsContextMenuWrapper = ({ viewControllerManager }: WrapperProps) => {
-  if (isControllerDealloced(viewControllerManager)) {
-    return null
-  }
-
-  const selectedTag = viewControllerManager.navigationController.selected
-
-  if (!selectedTag || !(selectedTag instanceof SNTag)) {
-    return null
-  }
-
-  return <TagsContextMenu viewControllerManager={viewControllerManager} selectedTag={selectedTag} />
 }

-export default observer(TagsContextMenuWrapper)
+export default observer(TagContextMenu)
@@ -0,0 +1,28 @@
+import { observer } from 'mobx-react-lite'
+import { SNTag } from '@standardnotes/snjs'
+import TagContextMenu from './TagContextMenu'
+import { NavigationController } from '@/Controllers/Navigation/NavigationController'
+import { FeaturesController } from '@/Controllers/FeaturesController'
+
+type Props = {
+  navigationController: NavigationController
+  featuresController: FeaturesController
+}
+
+const TagContextMenuWrapper = ({ navigationController, featuresController }: Props) => {
+  const selectedTag = navigationController.selected
+
+  if (!selectedTag || !(selectedTag instanceof SNTag)) {
+    return null
+  }
+
+  return (
+    <TagContextMenu
+      navigationController={navigationController}
+      isEntitledToFolders={featuresController.hasFolders}
+      selectedTag={selectedTag}
+    />
+  )
+}
+
+export default observer(TagContextMenuWrapper)
@@ -3,3 +3,11 @@ import { dateToLocalizedString } from '@standardnotes/snjs/'
 export const formatLastSyncDate = (lastUpdatedDate: Date) => {
  return dateToLocalizedString(lastUpdatedDate)
 }
+
+export const formatDateForContextMenu = (date: Date | undefined) => {
+  if (!date) {
+    return
+  }
+
+  return `${date.toDateString()} ${date.toLocaleTimeString()}`
+}
@@ -5718,6 +5718,7 @@ __metadata:
    "@standardnotes/sncrypto-common": 1.9.0
    "@standardnotes/snjs": ^2.118.3
    "@standardnotes/stylekit": 5.29.3
+    "@standardnotes/web": "workspace:^"
    "@types/detox": ^18.1.0
    "@types/faker": ^6.6.9
    "@types/jest": ^27.4.1
@@ -6187,7 +6188,7 @@ __metadata:
  languageName: unknown
  linkType: soft

-"@standardnotes/web@workspace:*, @standardnotes/web@workspace:packages/web":
+"@standardnotes/web@workspace:*, @standardnotes/web@workspace:^, @standardnotes/web@workspace:packages/web":
  version: 0.0.0-use.local
  resolution: "@standardnotes/web@workspace:packages/web"
  dependencies:
Author	SHA1	Message	Date
StandardNotes CI	eac62fef1a	chore(release): publish - @standardnotes/[email protected] - @standardnotes/[email protected].3 - @standardnotes/[email protected] - @standardnotes/[email protected] - @standardnotes/[email protected].0	2022-06-30 16:29:23 +00:00
Aman Harwara	8b845ea424	feat: add tag id to tag context menu (#1185 )	2022-06-30 21:57:33 +05:30
StandardNotes CI	604520f1ae	chore(release): publish - @standardnotes/[email protected].2 - @standardnotes/[email protected]	2022-06-30 15:42:27 +00:00
Mo	98ed6472c0	fix(mobile): android icons loading issue	2022-06-30 10:40:01 -05:00
Mo	fad80af0ff	chore: mobile dev workflow	2022-06-30 10:24:34 -05:00
StandardNotes CI	0644490e43	chore(release): publish - @standardnotes/[email protected].1 - @standardnotes/[email protected]	2022-06-30 14:28:18 +00:00
Mo	2da360234d	chore(mobile): bump default build number after rename of testflight workflow	2022-06-30 09:26:38 -05:00
StandardNotes CI	e86ea8837a	chore(release): publish - @standardnotes/[email protected] - @standardnotes/[email protected]	2022-06-30 14:21:51 +00:00
Mo	7851e12e9e	fix: clear desktop web cache on first version launch (#1184 )	2022-06-30 09:20:00 -05:00
StandardNotes CI	82d13b41ed	chore(release): publish - @standardnotes/[email protected].0 - @standardnotes/[email protected]	2022-06-30 09:55:17 +00:00
Vardan HakobyanandMo	4f5d092f89	feat(dev): option to render web app inside the mobile app (#1164 ) * feat (WIP): render web app inside the mobile app * fix: web app loading * chore: build scripts related to mobile web bundle * feat: show WebView header, which lets to close the WebView * refactor: remove extra component * chore: correct type * chore: remove TODO Co-authored-by: Mo <[email protected]>	2022-06-30 13:53:29 +04:00
Mo	cd0859e908	chore: update readme	2022-06-29 22:33:38 -05:00
StandardNotes CI	e9eff74fdb	chore(release): publish - @standardnotes/[email protected] - @standardnotes/[email protected] - @standardnotes/[email protected] - @standardnotes/[email protected] - @standardnotes/[email protected] - @standardnotes/[email protected] - @standardnotes/[email protected].7 - @standardnotes/[email protected] - @standardnotes/[email protected]	2022-06-30 00:25:46 +00:00
StandardNotes CI	f503a3fde6	chore(release): components	2022-06-30 00:25:33 +00:00
Mo	ddeaf523a8	fix(styles): preferences opacity	2022-06-29 19:20:36 -05:00
				`@@ -0,0 +1 @@`
				`<a id="web-bundle-progress-bar" href="#"/></a>`