WIP redirect service

Author: futa-ikeda

app/adapters/external-redirect-service.ts

@@ -0,0 +1,10 @@
+import AddonServiceAdapter from './addon-service';
+
+export default class ExternalRedirectServiceAdapter extends AddonServiceAdapter {
+}
+
+declare module 'ember-data/types/registries/adapter' {
+    export default interface AdapterRegistry {
+        'external-redirect-service': ExternalRedirectServiceAdapter;
+    } // eslint-disable-line semi
+}

app/guid-node/addons/index/template.hbs

@@ -27,9 +27,13 @@
                     data-analytics-scope='Addon - {{provider.provider.displayName}}'
                 >
                     {{#if (eq manager.pageMode 'terms')}}
-                        <AddonsService::TermsOfService
-                            @provider={{provider.provider}}
-                        />
+                        {{#if manager.selectedProviderIsRedirectService}}
+                            {{t 'addons.terms.redirect.disclaimer'}}
+                        {{else}}
+                            <AddonsService::TermsOfService
+                                @provider={{provider.provider}}
+                            />
+                        {{/if}}
                         <div
                             data-analytics-scope='Addon terms'
                             local-class='float-right'
@@ -51,7 +55,11 @@
                                 {{#if provider.getAuthorizedAccounts.isRunning}}
                                     {{t 'addons.terms.accepting'}}
                                 {{else}}
-                                    {{t 'general.confirm'}}
+                                    {{#if manager.selectedProviderIsRedirectService}}
+                                        {{t 'addons.terms.go-to-service' providerName=provider.provider.displayName}}
+                                    {{else}}
+                                        {{t 'general.confirm'}}
+                                    {{/if}}
                                 {{/if}}
                             </Button>
                         </div>

app/models/external-redirect-service.ts

@@ -0,0 +1,14 @@
+import { attr } from '@ember-data/model';
+
+import ExternalServiceModel from './external-service';
+
+export default class ExternalRedirectServiceModel extends ExternalServiceModel {
+    @attr('string') redirectUrl!: string;
+    // TODO: actually need some attrs here for redirect options
+}
+
+declare module 'ember-data/types/registries/model' {
+    export default interface ModelRegistry {
+        'external-redirect-service': ExternalRedirectServiceModel;
+    } // eslint-disable-line semi
+}

app/packages/addons-service/provider.ts

@@ -1,5 +1,6 @@
 import { getOwner, setOwner } from '@ember/application';
 import EmberArray from '@ember/array';
+import { notifyPropertyChange } from '@ember/object';
 import { inject as service } from '@ember/service';
 import { waitFor } from '@ember/test-waiters';
 import Store from '@ember-data/store';
@@ -23,7 +24,7 @@ import AuthorizedComputingAccountModel from 'ember-osf-web/models/authorized-com
 import ExternalStorageServiceModel from 'ember-osf-web/models/external-storage-service';
 import ExternalComputingServiceModel from 'ember-osf-web/models/external-computing-service';
 import ExternalCitationServiceModel from 'ember-osf-web/models/external-citation-service';
-import { notifyPropertyChange } from '@ember/object';
+import ExternalRedirectServiceModel from 'ember-osf-web/models/external-redirect-service';
 import captureException, { getApiErrorMessage } from 'ember-osf-web/utils/capture-exception';
 import ExternalLinkServiceModel from 'ember-osf-web/models/external-link-service';
 import AuthorizedLinkAccountModel from 'ember-osf-web/models/authorized-link-account';
@@ -33,7 +34,8 @@ export type AllProviderTypes =
     ExternalStorageServiceModel |
     ExternalComputingServiceModel |
     ExternalCitationServiceModel |
-    ExternalLinkServiceModel;
+    ExternalLinkServiceModel |
+    ExternalRedirectServiceModel;
 export type AllAuthorizedAccountTypes =
     AuthorizedStorageAccountModel |
     AuthorizedCitationAccountModel |

app/serializers/external-redirect-service.ts

@@ -0,0 +1,10 @@
+import GravyValetSerializer from './gravy-valet-serializer';
+
+export default class ExternalRedirectServiceSerializer extends GravyValetSerializer {
+}
+
+declare module 'ember-data/types/registries/serializer' {
+    export default interface SerializerRegistry {
+        'external-redirect-service': ExternalRedirectServiceSerializer;
+    } // eslint-disable-line semi
+}

lib/osf-components/addon/components/addons-service/manager/component.ts

@@ -24,6 +24,7 @@ import AuthorizedStorageAccountModel from 'ember-osf-web/models/authorized-stora
 import ConfiguredCitationAddonModel from 'ember-osf-web/models/configured-citation-addon';
 import UserReferenceModel from 'ember-osf-web/models/user-reference';
 import ConfiguredLinkAddonModel from 'ember-osf-web/models/configured-link-addon';
+import ExternalRedirectServiceModel from 'ember-osf-web/models/external-redirect-service';
 
 interface FilterSpecificObject {
     modelName: string;
@@ -47,6 +48,7 @@ export enum FilterTypes {
     CITATION_MANAGER = 'citation-manager',
     VERIFIED_LINK = 'verified-link',
     // CLOUD_COMPUTING = 'cloud-computing', // disabled because BOA is down
+    REDIRECT_SERVICE = 'redirect-service',
 }
 
 interface Args {
@@ -92,6 +94,12 @@ export default class AddonsServiceManagerComponent extends Component<Args> {
         //     list: A([]),
         //     configuredAddons: A([]),
         // },
+        [FilterTypes.REDIRECT_SERVICE]: {
+            modelName: 'external-redirect-service',
+            task: taskFor(this.getRedirectAddonProviders),
+            list: A([]),
+            // configuredAddons: A([]),
+        },
     };
     filterTypeMapper = new TrackedObject(this.mapper);
     @tracked filterText = '';
@@ -152,6 +160,10 @@ export default class AddonsServiceManagerComponent extends Component<Args> {
         return activeFilterObject.task.isRunning || taskFor(this.initialize).isRunning;
     }
 
+    get selectedProviderIsRedirectService() {
+        return this.selectedProvider?.provider instanceof ExternalRedirectServiceModel;
+    }
+
     @action
     async configureProvider(provider: Provider, configuredAddon: AllConfiguredAddonTypes) {
         this.cancelSetup();
@@ -204,6 +216,23 @@ export default class AddonsServiceManagerComponent extends Component<Args> {
 
     @action
     async acceptTerms() {
+        if (this.selectedProviderIsRedirectService) {
+            const openURL = new URL((this.selectedProvider!.provider as ExternalRedirectServiceModel).redirectUrl);
+            openURL.searchParams.set('nodeIri', this.node.links.iri!.toString());
+            const newWindow = window.open(
+                openURL.toString(),
+                '_blank', 'popup,width=600,height=600,scrollbars=yes,resizable=yes',
+            );
+            if (newWindow) {
+                newWindow.focus();
+            } else {
+                // this.toast.error(this.intl.t('addons.redirect.error'));
+                this.toast.error('You got ad blockers on this thing?');
+            }
+
+            this.cancelSetup();
+            return;
+        }
         await taskFor(this.selectedProvider!.getAuthorizedAccounts).perform();
         if(this.selectedProvider!.authorizedAccounts!.length > 0){
             this.pageMode = PageMode.NEW_OR_EXISTING_ACCOUNT;
@@ -431,6 +460,17 @@ export default class AddonsServiceManagerComponent extends Component<Args> {
         activeFilterObject.list = serviceCitationProviders.sort(this.providerSorter);
     }
 
+    @task
+    @waitFor
+    async getRedirectAddonProviders() {
+        const activeFilterObject = this.filterTypeMapper[FilterTypes.REDIRECT_SERVICE];
+
+        const serviceRedirectProviders: Provider[] =
+            await taskFor(this.getExternalProviders)
+                .perform(activeFilterObject.modelName, activeFilterObject.configuredAddons);
+        activeFilterObject.list = serviceRedirectProviders.sort(this.providerSorter);
+    }
+
     providerSorter(a: Provider, b: Provider) {
         return a.provider.displayName.localeCompare(b.provider.displayName);
     }

lib/osf-components/addon/components/addons-service/manager/template.hbs

@@ -10,6 +10,7 @@
     currentListIsLoading=this.currentListIsLoading
     projectEnabledAddons=this.projectEnabledAddons
     selectedProvider=this.selectedProvider
+    selectedProviderIsRedirectService=this.selectedProviderIsRedirectService
     configureProvider=this.configureProvider
     beginAccountSetup=this.beginAccountSetup
     acceptTerms=this.acceptTerms

mirage/config.ts

@@ -572,6 +572,8 @@ export default function(this: Server) {
     this.resource('external-storage-services', { only: ['index', 'show'] });
     this.resource('external-citation-services', { only: ['index', 'show'] });
     this.resource('external-computing-services', { only: ['index', 'show'] });
+    this.resource('external-redirect-services', { only: ['index', 'show'] });
+    this.resource('external-link-services', { only: ['index', 'show'] });
     this.resource('user-references', { only: ['index', 'show'] });
     this.get('/user-references/:userGuid/authorized_storage_accounts/',
         addons.userReferenceAuthorizedStorageAccountList);

mirage/fixtures/external-link-service.ts

@@ -0,0 +1,9 @@
+import { CredentialsFormat } from 'ember-osf-web/models/external-service';
+export default [
+    {
+        id: 'dataverse',
+        displayName: 'Dataverse',
+        credentialsFormat: CredentialsFormat.OAUTH2,
+        iconUrl: 'https://dataverse.org/logo.png',
+    },
+];

mirage/fixtures/external-redirect-service.ts

@@ -0,0 +1,11 @@
+/* eslint-disable max-len */
+import { CredentialsFormat } from 'ember-osf-web/models/external-service';
+export default [
+    {
+        id: 'datapipe',
+        displayName: 'DataPipe',
+        credentialsFormat: CredentialsFormat.OAUTH2,
+        redirectUrl: 'https://pipe.jspsych.org/',
+        iconUrl: 'https://pipe.jspsych.org/logo.png',
+    },
+];