From be34a6969c4245dc35373e2fd07224a438f02169 Mon Sep 17 00:00:00 2001
From: tchardin <tdotchardin@gmail.com>
Date: Wed, 26 Jan 2022 15:22:36 -0600
Subject: [PATCH 1/2] try building fs-portal with cra

---
 .codesandbox/ci.json                          |  2 +-
 .../examples/fs-portal-cra/package.json       | 26 +++++++++++++++++++
 .../examples/fs-portal-cra/src/index.tsx      | 13 ++++++++++
 .../fs-portal-cra/src/service-worker.js       |  1 +
 4 files changed, 41 insertions(+), 1 deletion(-)
 create mode 100644 .codesandbox/examples/fs-portal-cra/package.json
 create mode 100644 .codesandbox/examples/fs-portal-cra/src/index.tsx
 create mode 100644 .codesandbox/examples/fs-portal-cra/src/service-worker.js

diff --git a/.codesandbox/ci.json b/.codesandbox/ci.json
index cfee170..1bd980c 100644
--- a/.codesandbox/ci.json
+++ b/.codesandbox/ci.json
@@ -11,5 +11,5 @@
     "packages/ipld-selectors",
     "packages/cachestore"
   ],
-  "sandboxes": ["/.codesandbox/examples/fs-portal"]
+  "sandboxes": ["/.codesandbox/examples/fs-portal-cra"]
 }
diff --git a/.codesandbox/examples/fs-portal-cra/package.json b/.codesandbox/examples/fs-portal-cra/package.json
new file mode 100644
index 0000000..0e95581
--- /dev/null
+++ b/.codesandbox/examples/fs-portal-cra/package.json
@@ -0,0 +1,26 @@
+{
+  "name": "fs-portal-cra",
+  "version": "1.0.0",
+  "description": "React and TypeScript example starter project",
+  "keywords": ["typescript", "react", "starter"],
+  "main": "src/index.tsx",
+  "dependencies": {
+    "@dcdn/fs-portal": "latest",
+    "@dcdn/service-worker": "latest",
+    "react": "17.0.2",
+    "react-dom": "17.0.2",
+    "react-scripts": "4.0.3"
+  },
+  "devDependencies": {
+    "@types/react": "17.0.20",
+    "@types/react-dom": "17.0.9",
+    "typescript": "4.4.2"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test --env=jsdom",
+    "eject": "react-scripts eject"
+  },
+  "browserslist": [">0.2%", "not dead", "not ie <= 11", "not op_mini all"]
+}
diff --git a/.codesandbox/examples/fs-portal-cra/src/index.tsx b/.codesandbox/examples/fs-portal-cra/src/index.tsx
new file mode 100644
index 0000000..59dfdd2
--- /dev/null
+++ b/.codesandbox/examples/fs-portal-cra/src/index.tsx
@@ -0,0 +1,13 @@
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+import {FsPortal} from '@dcdn/fs-portal';
+import '@dcdn/fs-portal/styles.css';
+import '@reach/dialog/styles.css';
+
+const WORKER_URL = 'https://client.myel.workers.dev';
+
+const app = document.getElementById('app');
+ReactDOM.render(
+  <FsPortal swUrl="/service-worker.js" cfwUrl={WORKER_URL} />,
+  app
+);
diff --git a/.codesandbox/examples/fs-portal-cra/src/service-worker.js b/.codesandbox/examples/fs-portal-cra/src/service-worker.js
new file mode 100644
index 0000000..e0df9f7
--- /dev/null
+++ b/.codesandbox/examples/fs-portal-cra/src/service-worker.js
@@ -0,0 +1 @@
+import '@dcdn/service-worker/dist/index.min.js';

From 0de659d3d1e6a98faa1ceb0d4ace82bf95fa711d Mon Sep 17 00:00:00 2001
From: tchardin <tdotchardin@gmail.com>
Date: Wed, 26 Jan 2022 15:31:07 -0600
Subject: [PATCH 2/2] import controller directly

---
 .codesandbox/examples/fs-portal-cra/src/service-worker.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/.codesandbox/examples/fs-portal-cra/src/service-worker.js b/.codesandbox/examples/fs-portal-cra/src/service-worker.js
index e0df9f7..14494be 100644
--- a/.codesandbox/examples/fs-portal-cra/src/service-worker.js
+++ b/.codesandbox/examples/fs-portal-cra/src/service-worker.js
@@ -1 +1,4 @@
-import '@dcdn/service-worker/dist/index.min.js';
+import {Controller} from '@dcdn/service-worker/src/controller';
+
+const ctrl = new Controller();
+ctrl.start();