188131728 v3 DI Url Parameter (#1419)

* Add plugin when specified in di url parameter.

v3/cypress/e2e/plugin.spec.ts

@@ -10,14 +10,20 @@ context("codap plugins", () => {
     const url = `${Cypress.config("index")}?sample=mammals&dashboard`
     cy.visit(url)
   })
+  const apiTesterUrl='https://concord-consortium.github.io/codap-data-interactives/DataInteractiveAPITester/index.html?lang=en'
   const openAPITester = () => {
-    const url='https://concord-consortium.github.io/codap-data-interactives/DataInteractiveAPITester/index.html?lang=en'
     toolbar.getOptionsButton().click()
     toolbar.getWebViewButton().click()
-    webView.enterUrl(url)
+    webView.enterUrl(apiTesterUrl)
     cy.wait(1000)
   }
 
+  it('will open plugin specified in url parameter', () => {
+    const url = `${Cypress.config("index")}?di=${apiTesterUrl}`
+    cy.visit(url)
+    webView.getTitle().should("contain.text", "CODAP API Tester")
+  })
+
   it('will handle plugin requests', () => {
     openAPITester()
 

v3/src/components/app.tsx

@@ -100,6 +100,19 @@ export const App = observer(function App() {
           addDefaultComponents()
         }
       }
+
+      const { di } = urlParams
+      if (typeof di === "string") {
+        // setTimeout ensures that other components have been rendered,
+        // which is necessary to properly position the plugin.
+        setTimeout(() => {
+          appState.document.content?.applyModelChange(() => {
+            const plugin = appState.document.content?.createTile?.(kWebViewTileType)
+            if (isWebViewModel(plugin?.content)) plugin.content.setUrl(di)
+          })
+        })
+      }
+
       appState.enableUndoRedoMonitoring()
       Logger.initializeLogger(appState.document)
     }