chore: add clipper extension package (#2281)

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

@@ -34,6 +34,7 @@ import MenuSwitchButtonItem from '../Menu/MenuSwitchButtonItem'
 import MenuItem from '../Menu/MenuItem'
 import ModalOverlay from '../Modal/ModalOverlay'
 import SuperExportModal from './SuperExportModal'
+import { useApplication } from '../ApplicationProvider'
 
 const iconSize = MenuItemIconSize
 const iconClassDanger = `text-danger mr-2 ${iconSize}`
@@ -42,13 +43,14 @@ const iconClassSuccess = `text-success mr-2 ${iconSize}`
 
 const NotesOptions = ({
   notes,
-  application,
   navigationController,
   notesController,
   linkingController,
   historyModalController,
   closeMenu,
 }: NotesOptionsProps) => {
+  const application = useApplication()
+
   const [altKeyDown, setAltKeyDown] = useState(false)
   const { toggleAppPane } = useResponsiveAppPane()
   const commandService = useCommandService()

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

@@ -1,7 +1,6 @@
 import { useCallback, useRef, useState } from 'react'
 import { observer } from 'mobx-react-lite'
 import NotesOptions from './NotesOptions'
-import { WebApplication } from '@/Application/Application'
 import { NotesController } from '@/Controllers/NotesController/NotesController'
 import { NavigationController } from '@/Controllers/Navigation/NavigationController'
 import { HistoryModalController } from '@/Controllers/NoteHistory/HistoryModalController'
@@ -11,7 +10,6 @@ import RoundIconButton from '../Button/RoundIconButton'
 import Menu from '../Menu/Menu'
 
 type Props = {
-  application: WebApplication
   navigationController: NavigationController
   notesController: NotesController
   linkingController: LinkingController
@@ -20,7 +18,6 @@ type Props = {
 }
 
 const NotesOptionsPanel = ({
-  application,
   navigationController,
   notesController,
   linkingController,
@@ -57,7 +54,6 @@ const NotesOptionsPanel = ({
         <Menu a11yLabel="Note options menu" isOpen={isOpen}>
           <NotesOptions
             notes={notesController.selectedNotes}
-            application={application}
             navigationController={navigationController}
             notesController={notesController}
             linkingController={linkingController}

packages/web/src/javascripts/Components/NotesOptions/NotesOptionsProps.ts

@@ -1,4 +1,3 @@
-import { WebApplication } from '@/Application/Application'
 import { HistoryModalController } from '@/Controllers/NoteHistory/HistoryModalController'
 import { NavigationController } from '@/Controllers/Navigation/NavigationController'
 import { NotesController } from '@/Controllers/NotesController/NotesController'
@@ -7,7 +6,6 @@ import { SNNote } from '@standardnotes/snjs'
 
 export type NotesOptionsProps = {
   notes: SNNote[]
-  application: WebApplication
   navigationController: NavigationController
   notesController: NotesController
   linkingController: LinkingController