feat: toast package (#1073)

packages/web/.eslintrc

@@ -9,7 +9,7 @@
     "../../node_modules/@standardnotes/config/src/.eslintrc"
   ],
   "plugins": ["@typescript-eslint", "react", "react-hooks"],
-  "ignorePatterns": [".eslintrc.js", "webpack.*.js", "webpack-defaults.js", "jest.config.js", "__mocks__"],
+  "ignorePatterns": [".eslintrc.js", "*.webpack.*.js", "webpack-defaults.js", "jest.config.js", "__mocks__"],
   "rules": {
     "standard/no-callback-literal": 0, // Disable this as we have too many callbacks relying on literals
     "no-throw-literal": 0,

packages/web/jest.config.js

@@ -1,4 +1,4 @@
-const pathsToModuleNameMapper = require('ts-jest/utils').pathsToModuleNameMapper
+const pathsToModuleNameMapper = require('ts-jest').pathsToModuleNameMapper
 const tsConfig = require('./tsconfig.json')
 
 const pathsFromTsconfig = tsConfig.compilerOptions.paths
@@ -12,23 +12,14 @@ module.exports = {
       prefix: '<rootDir>',
     }),
     '\\.(css|less|scss|sass)$': 'identity-obj-proxy',
+    '@standardnotes/toast': 'identity-obj-proxy',
   },
   globals: {
     __WEB_VERSION__: '1.0.0',
-    __DESKTOP__: false,
-    __WEB__: true,
     self: {}, // fixes error happening on `import { SKAlert } from 'sn-stylekit'`
   },
   transform: {
     '^.+\\.(ts|tsx)?$': 'ts-jest',
     '\\.svg$': 'svg-jest',
   },
-  coverageThreshold: {
-    global: {
-      branches: 3,
-      functions: 5,
-      lines: 21,
-      statements: 22,
-    },
-  },
 }

packages/web/package.json

@@ -73,6 +73,7 @@
     "@standardnotes/sncrypto-web": "1.10.1",
     "@standardnotes/snjs": "^2.115.6",
     "@standardnotes/stylekit": "5.29.3",
+    "@standardnotes/toast": "1.0.0",
     "@zip.js/zip.js": "^2.4.10",
     "mobx": "^6.5.0",
     "mobx-react-lite": "^3.3.0",

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

@@ -18,7 +18,7 @@ import RevisionHistoryModalWrapper from '@/Components/RevisionHistoryModal/Revis
 import PremiumModalProvider from '@/Hooks/usePremiumModal'
 import ConfirmSignoutContainer from '@/Components/ConfirmSignoutModal/ConfirmSignoutModal'
 import TagsContextMenuWrapper from '@/Components/Tags/TagContextMenu'
-import { ToastContainer } from '@standardnotes/stylekit'
+import { ToastContainer } from '@standardnotes/toast'
 import FilePreviewModalWrapper from '@/Components/FilePreview/FilePreviewModal'
 import ContentListView from '@/Components/ContentListView/ContentListView'
 import FileContextMenuWrapper from '@/Components/FileContextMenu/FileContextMenu'

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

@@ -7,7 +7,7 @@ import { FunctionComponent, useCallback, useEffect, useRef, useState } from 'rea
 import Icon from '@/Components/Icon/Icon'
 import { useCloseOnBlur } from '@/Hooks/useCloseOnBlur'
 import { FileItem, SNNote } from '@standardnotes/snjs'
-import { addToast, ToastType } from '@standardnotes/stylekit'
+import { addToast, ToastType } from '@standardnotes/toast'
 import { StreamingFileReader } from '@standardnotes/filepicker'
 import AttachedFilesPopover from './AttachedFilesPopover'
 import { usePremiumModal } from '@/Hooks/usePremiumModal'

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

@@ -8,7 +8,7 @@ import ChangeEditorOption from './ChangeEditorOption'
 import { BYTES_IN_ONE_MEGABYTE } from '@/Constants/Constants'
 import ListedActionsOption from './ListedActionsOption'
 import AddTagOption from './AddTagOption'
-import { addToast, dismissToast, ToastType } from '@standardnotes/stylekit'
+import { addToast, dismissToast, ToastType } from '@standardnotes/toast'
 import { NotesOptionsProps } from './NotesOptionsProps'
 import { NotesController } from '@/Controllers/NotesController'
 

packages/web/src/javascripts/Controllers/FilesController.ts

@@ -15,7 +15,7 @@ import {
   parseFileName,
 } from '@standardnotes/filepicker'
 import { ChallengeReason, ClientDisplayableError, ContentType, FileItem, InternalEventBus } from '@standardnotes/snjs'
-import { addToast, dismissToast, ToastType, updateToast } from '@standardnotes/stylekit'
+import { addToast, dismissToast, ToastType, updateToast } from '@standardnotes/toast'
 import { action, makeObservable, observable, reaction } from 'mobx'
 import { WebApplication } from '../Application/Application'
 import { AbstractViewController } from './Abstract/AbstractViewController'

packages/web/src/javascripts/Services/ThemeManager.ts

@@ -14,7 +14,7 @@ import {
   PayloadEmitSource,
   LocalStorageDecryptedContextualPayload,
 } from '@standardnotes/snjs'
-import { dismissToast, ToastType, addTimedToast } from '@standardnotes/stylekit'
+import { dismissToast, ToastType, addTimedToast } from '@standardnotes/toast'
 
 const CachedThemesKey = 'cachedThemes'
 const TimeBeforeApplyingColorScheme = 5

packages/web/web.webpack.dev.js

@@ -22,7 +22,7 @@ module.exports = (env, argv) => {
     ],
     devServer: {
       hot: 'only',
-      static: '../../web-server/public',
+      static: '../web-server/public',
       port,
       devMiddleware: {
         writeToDisk: argv.writeToDisk,