Create "Copy view" item in view menu

packages/app-core/src/ui/App/ViewMenu.tsx

@@ -1,5 +1,6 @@
 import CascadingMenu from '@jbrowse/core/ui/CascadingMenu'
 import { getSession } from '@jbrowse/core/util'
+import ContentCopyIcon from '@mui/icons-material/ContentCopy'
 import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown'
 import KeyboardArrowUpIcon from '@mui/icons-material/KeyboardArrowUp'
 import KeyboardDoubleArrowDownIcon from '@mui/icons-material/KeyboardDoubleArrowDown'
@@ -12,6 +13,7 @@ import {
   usePopupState,
 } from 'material-ui-popup-state/hooks'
 import { observer } from 'mobx-react'
+import { getSnapshot } from 'mobx-state-tree'
 
 import type { IBaseViewModel } from '@jbrowse/core/pluggableElementTypes/models'
 import type { AbstractSessionModel } from '@jbrowse/core/util'
@@ -108,6 +110,17 @@ const ViewMenu = observer(function ({
                 },
               ]
             : []),
+          {
+            label: 'Copy view',
+            icon: ContentCopyIcon,
+            onClick: () => {
+              const { id, ...rest } = getSnapshot(model)
+              session.addView(model.type, rest)
+            },
+          },
+          {
+            type: 'divider',
+          },
           ...model.menuItems(),
         ]}
         popupState={popupState}

packages/app-core/src/ui/App/ViewPanel.tsx

@@ -51,9 +51,7 @@ const ViewPanel = observer(function ({
             <ReactComponent model={view} session={session} />
           </Suspense>
         </ErrorBoundary>
-      ) : (
-        false
-      )}
+      ) : null}
     </ViewContainer>
   )
 })

packages/core/pluggableElementTypes/models/BaseViewModel.ts

@@ -74,7 +74,9 @@ const BaseViewModel = types
 
 export default BaseViewModel
 
-export type IBaseViewModel = Instance<typeof BaseViewModel>
+// the base view does not have type but any derived type needs to add type, so
+// just add it here
+export type IBaseViewModel = Instance<typeof BaseViewModel> & { type: string }
 
 export const BaseViewModelWithDisplayedRegions = BaseViewModel.props({
   displayedRegions: types.array(Region),