Convert background and content scripts to modules

Author: ayoung19

package.json

@@ -1,6 +1,7 @@
 {
   "name": "react-typescript-chrome-extension-boilerplate",
-  "version": "0.1.0",
+  "description": "Minimal boilerplate for making chrome extensions using React and TypeScript",
+  "version": "1.0.0",
   "private": true,
   "dependencies": {
     "@craco/craco": "^6.4.3",

src/scripts/background.ts

@@ -1,3 +1,3 @@
-console.log("yo");
+import { capitalize } from "../utils";
 
-export {};
+console.log(capitalize("hello from the background script!"));

src/scripts/content.ts

@@ -1,3 +1,3 @@
-console.log("yo");
+import { capitalize } from "../utils";
 
-export {};
+console.log(capitalize("hello from the content script!"));

src/utils.ts

@@ -0,0 +1,2 @@
+export const capitalize = (s: string) =>
+  s.slice(0, 1).toUpperCase().concat(s.slice(1).toLowerCase());