Merge pull request #21 from concord-consortium/186435580-backport-cod…

…ap-plugin-api

Backport CODAP Plugin API (PT-186435580)

package.json

@@ -74,6 +74,7 @@
     "report-dir": "coverage-cypress"
   },
   "devDependencies": {
+    "@concord-consortium/codap-plugin-api": "0.1.1",
     "@cypress/code-coverage": "^3.10.0",
     "@cypress/webpack-preprocessor": "^5.12.0",
     "@istanbuljs/nyc-config-typescript": "^1.0.2",

src/components/app.tsx

@@ -1,4 +1,5 @@
 import React, {useEffect, useState} from "react";
+import {initializePlugin} from "@concord-consortium/codap-plugin-api";
 import { Dropdown } from "./dropdown";
 import classnames from "classnames";
 import { Information } from "./information";
@@ -7,7 +8,6 @@ import { attributeOptions, categories, defaultSelectedOptions, fiftyStates } fro
 import { countyData } from "../constants/counties";
 import { IStateOptions } from "../constants/types";
 import { createTableFromSelections } from "../scripts/api";
-import { connect } from "../scripts/connect";
 import { flatten } from "../scripts/utils";
 import { queryData } from "../constants/queryHeaders";
 import { strings } from "../constants/strings";
@@ -17,6 +17,13 @@ import Error from "../assets/warning.svg";
 
 import css from "./app.scss";
 
+const iFrameDescriptor ={
+  version: "0.0.1",
+  pluginName: "nass-plugin",
+  title: "NASS Quickstats Data",
+  dimensions: {width: 300, height: 400},
+};
+
 function App() {
   const [showInfo, setShowInfo] = useState<boolean>(false);
   const [selectedOptions, setSelectedOptions] = useState<IStateOptions>(defaultSelectedOptions);
@@ -30,7 +37,7 @@ function App() {
 
   useEffect(() => {
     const init = async () => {
-      await connect.initialize();
+      await initializePlugin(iFrameDescriptor);
     };
     init();
   }, []);