Disables external plugin download ui on web app and shows a message. …

packages/ui-services/src/UseCase/IsWebApp.ts

@@ -0,0 +1,10 @@
+import { Result, SyncUseCaseInterface } from '@standardnotes/domain-core'
+import { Environment } from '@standardnotes/models'
+
+export class IsWebApp implements SyncUseCaseInterface<boolean> {
+  constructor(private environment: Environment) {}
+
+  execute(): Result<boolean> {
+    return Result.ok(this.environment === Environment.Web)
+  }
+}

packages/ui-services/src/WebApplication/WebApplicationInterface.ts

@@ -26,6 +26,7 @@ export interface WebApplicationInterface extends ApplicationInterface {
   handleReceivedLinkEvent(item: { link: string; title: string }): Promise<void>
   handleOpenFilePreviewEvent(item: { id: string }): void
   isNativeMobileWeb(): boolean
+  isWebApp(): boolean
   handleAndroidBackButtonPressed(): void
   addAndroidBackHandlerEventListener(listener: () => boolean): (() => void) | undefined
   setAndroidBackHandlerFallbackListener(listener: () => boolean): void

packages/ui-services/src/index.ts

@@ -37,6 +37,7 @@ export * from './UseCase/IsGlobalSpellcheckEnabled'
 export * from './UseCase/IsNativeMobileWeb'
 export * from './UseCase/IsMobileDevice'
 export * from './UseCase/IsNativeIOS'
+export * from './UseCase/IsWebApp'
 export * from './UseCase/GetItemTags'
 
 export * from './Theme/ThemeManager'

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

@@ -48,6 +48,7 @@ export const Web_TYPES = {
   IsMobileDevice: Symbol.for('IsMobileDevice'),
   IsNativeIOS: Symbol.for('IsNativeIOS'),
   IsNativeMobileWeb: Symbol.for('IsNativeMobileWeb'),
+  IsWebApp: Symbol.for('IsWebApp'),
   IsTabletOrMobileScreen: Symbol.for('IsTabletOrMobileScreen'),
   LoadPurchaseFlowUrl: Symbol.for('LoadPurchaseFlowUrl'),
   OpenSubscriptionDashboard: Symbol.for('OpenSubscriptionDashboard'),

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

@@ -8,6 +8,7 @@ import {
   IsMobileDevice,
   IsNativeIOS,
   IsNativeMobileWeb,
+  IsWebApp,
   KeyboardService,
   PluginsService,
   RouteService,
@@ -84,6 +85,10 @@ export class WebDependencies extends DependencyContainer {
       return new IsNativeMobileWeb(application.environment)
     })
 
+    this.bind(Web_TYPES.IsWebApp, () => {
+      return new IsWebApp(application.environment)
+    })
+
     this.bind(Web_TYPES.IsGlobalSpellcheckEnabled, () => {
       return new IsGlobalSpellcheckEnabled(application.preferences)
     })

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

@@ -37,6 +37,7 @@ import {
   IsMobileDevice,
   IsNativeIOS,
   IsNativeMobileWeb,
+  IsWebApp,
   KeyboardService,
   PluginsServiceInterface,
   RouteServiceInterface,
@@ -675,4 +676,8 @@ export class WebApplication extends SNApplication implements WebApplicationInter
   get isNativeMobileWebUseCase(): IsNativeMobileWeb {
     return this.deps.get<IsNativeMobileWeb>(Web_TYPES.IsNativeMobileWeb)
   }
+
+  get isWebAppUseCase(): IsWebApp {
+    return this.deps.get<IsWebApp>(Web_TYPES.IsWebApp)
+  }
 }

packages/web/src/javascripts/Components/Preferences/Panes/Plugins/InstallCustom/InstallCustomPlugin.tsx

@@ -19,6 +19,8 @@ const InstallCustomPlugin: FunctionComponent<Props> = ({ className = '' }) => {
 
   const confirmableEnd = useRef<HTMLDivElement>(null)
 
+  const isWebApp = useState(application.isWebApp());
+
   useEffect(() => {
     if (confirmablePlugin) {
       confirmableEnd.current?.scrollIntoView({ behavior: 'smooth' })
@@ -47,7 +49,8 @@ const InstallCustomPlugin: FunctionComponent<Props> = ({ className = '' }) => {
           <PreferencesSegment>
             <div>
               <DecoratedInput
-                placeholder={'Enter Plugin URL'}
+                disabled = {isWebApp}
+                placeholder={(isWebApp) ? 'Web App External Plugin Downloads Not Supported' : 'Enter Plugin URL'}
                 value={customUrl}
                 onChange={(value) => {
                   setCustomUrl(value)
@@ -56,7 +59,7 @@ const InstallCustomPlugin: FunctionComponent<Props> = ({ className = '' }) => {
             </div>
             <Button
               hidden={customUrl.length === 0}
-              disabled={customUrl.length === 0}
+              disabled={customUrl.length === 0 || isWebApp}
               className="mt-4 min-w-20"
               primary
               label="Install"