[screenshotter] implement polyfill for requestAnimationFrame

Author: Xiaoyu Yin

package.json

@@ -1,9 +1,10 @@
 {
   "name": "@sigmacomputing/plugin",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "Sigma Computing Plugin Client API",
   "license": "MIT",
   "homepage": "https://github.com/sigmacomputing/plugin",
+  "main": "./dist/index.js",
   "repository": {
     "type": "git",
     "url": "https://github.com/sigmacomputing/plugin.git"
@@ -12,23 +13,13 @@
     "email": "[email protected]",
     "url": "https://github.com/sigmacomputing/plugin/issues"
   },
-  "module": "./src/index.ts",
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
   "files": [
-    "/dist",
-    "/src",
-    "!/src/**/__tests__/**"
+    "dist/*"
   ],
-  "exports": {
-    ".": "./dist/index.js",
-    "./react": "./dist/client/react/index.js",
-    "./package.json": "./package.json"
-  },
   "typesVersions": {
     "*": {
       "react": [
-        "dist/client/react/index.d.ts"
+        "dist/react/index.d.ts"
       ]
     }
   },
@@ -44,7 +35,8 @@
     "tsc": "ttsc --build tsconfig.build.json"
   },
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
   },
   "devDependencies": {
     "@jest/types": "^27.5.1",
@@ -56,8 +48,6 @@
     "jest-watch-typeahead": "^2.1.1",
     "lint-staged": "^13.0.3",
     "prettier": "^2.7.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
     "ts-jest": "^27.1.4",
     "ts-node": "^10.9.1",
     "ttypescript": "^1.5.13",

src/client.ts

@@ -0,0 +1,3 @@
+import { initialize } from "./client/initialize";
+
+export const client = initialize();

src/client/index.ts

@@ -5,7 +5,7 @@ import {
   WorkbookSelection,
   WorkbookVariable,
   Unsubscriber,
-} from 'types';
+} from '../types';
 
 export function initialize<T = {}>(): PluginInstance<T> {
   const pluginConfig: Partial<PluginConfig<T>> = {

src/client/initialize.ts

@@ -1,2 +1,5 @@
-export * from 'client';
-export * from 'types';
+export * from './types';
+export * from './react';
+export * from './client';
+
+export * from './utils/requestAnimationFramePolyfill';

src/client/react/index.tsx

@@ -0,0 +1,5 @@
+export * from './react/hooks';
+export {
+  SigmaClientProviderProps,
+  SigmaClientProvider,
+} from './react/Provider';

src/index.ts

@@ -1,6 +1,6 @@
 import { createContext } from 'react';
 
-import { client } from 'client';
-import { PluginInstance } from 'types';
+import { client } from '../client';
+import { PluginInstance } from '../types';
 
 export const PluginContext = createContext<PluginInstance>(client);

src/react.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
 
-import { PluginContext } from 'client/react/Context';
-import { PluginInstance } from 'types';
+import { PluginContext } from './Context';
+import { PluginInstance } from '../types';
 
 export interface SigmaClientProviderProps<T = any> {
   client: PluginInstance<T>;

src/client/react/Context.ts src/react/Context.tssrc/client/react/Context.ts renamed to src/react/Context.ts

@@ -1,15 +1,15 @@
 import { useContext, useEffect, useCallback, useRef, useState } from 'react';
 
-import { PluginContext } from 'client/react/Context';
+import { PluginContext } from './Context';
 import {
   PluginInstance,
   CustomPluginConfigOptions,
   WorkbookElementColumns,
   WorkbookElementData,
   WorkbookSelection,
   WorkbookVariable,
-} from 'types';
-import { deepEqual } from 'utils/deepEqual';
+} from '../types';
+import { deepEqual } from '../utils/deepEqual';
 
 /**
  * Gets the entire plugin instance