Compile package into JavaScript and remove extraneous files

package.json

@@ -3,15 +3,15 @@
   "author": "MAPC Digital Services",
   "version": "0.2.2",
   "private": false,
-  "main": "src/index.tsx",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
   "files": [
-    "/src/index.tsx",
-    "/src/components",
-    "/src/assets"
+    "/dist"
   ],
   "license": "CDDL-1.0",
   "babel": {
     "presets": [
+      "react-app",
       "@babel/preset-react"
     ],
     "plugins": [
@@ -21,36 +21,19 @@
           "loose": true
         }
       ]
+    ],
+    "ignore": [
+      "./src/stories", "./src/assets"
     ]
   },
-  "dependencies": {
-    "@emotion/react": "^11.1.4",
-    "@fortawesome/fontawesome-svg-core": "^1.2.34",
-    "@fortawesome/free-brands-svg-icons": "^5.15.2",
-    "@fortawesome/free-solid-svg-icons": "^5.15.2",
-    "@fortawesome/react-fontawesome": "^0.1.14",
-    "@testing-library/jest-dom": "^5.11.4",
-    "@testing-library/react": "^11.1.0",
-    "@testing-library/user-event": "^12.1.10",
-    "@types/jest": "^26.0.15",
-    "@types/node": "^12.0.0",
-    "@types/react": "^16.9.53",
-    "@types/react-dom": "^16.9.8",
-    "mapbox-gl": "^2.1.1",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
-    "react-scripts": "4.0.1",
-    "typescript": "^4.0.3",
-    "web-vitals": "^0.2.4"
-  },
   "scripts": {
     "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
     "storybook": "start-storybook -p 6006 -s public",
     "build-storybook": "build-storybook -o docs -s ./src/assets",
-    "compile": "rm -rf dist && mkdir dist && yarn autoclean && babel src/components src/assets --out-dir dist --copy-files --ignore __tests__,spec.js,test.js,stories.js,__snapshots__"
+    "compile": "tsc && rm -rf dist && mkdir dist && NODE_ENV=production babel src --out-dir dist --extensions .ts,.tsx && mkdir -p ./dist/assets/images && cp -a ./src/assets/images ./dist/assets/"
   },
   "eslintConfig": {
     "extends": [
@@ -70,6 +53,26 @@
       "last 1 safari version"
     ]
   },
+  "dependencies": {
+    "@emotion/react": "^11.1.4",
+    "@fortawesome/fontawesome-svg-core": "^1.2.34",
+    "@fortawesome/free-brands-svg-icons": "^5.15.2",
+    "@fortawesome/free-solid-svg-icons": "^5.15.2",
+    "@fortawesome/react-fontawesome": "^0.1.14",
+    "@testing-library/jest-dom": "^5.11.4",
+    "@testing-library/react": "^11.1.0",
+    "@testing-library/user-event": "^12.1.10",
+    "@types/jest": "^26.0.15",
+    "@types/node": "^12.0.0",
+    "@types/react": "^16.9.53",
+    "@types/react-dom": "^16.9.8",
+    "mapbox-gl": "^2.1.1",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
+    "react-scripts": "4.0.1",
+    "typescript": "^4.0.3",
+    "web-vitals": "^0.2.4"
+  },
   "devDependencies": {
     "@babel/cli": "^7.12.10",
     "@babel/preset-react": "^7.12.10",

src/images.d.ts

@@ -0,0 +1,15 @@
+declare module "*.png" {
+  const value: string;
+  export default value;
+}
+
+declare module "*.svg" {
+  const value: string;
+  export default value;
+}
+
+declare module "*.jpg" {
+  const value: string;
+  export default value;
+}
+

src/stories/Map.stories.tsx

@@ -8,7 +8,7 @@ import { Layer } from '../components/maps/Layer';
 import { Source } from '../components/maps/Source';
 import { Tooltip } from '../components/maps/Tooltip';
 import { MapLegend } from '../components/maps/MapLegend';
-import { data } from '../assets/WasteWaterData';
+import { data } from '../assets/data/WasteWaterData';
 
 export default {
   title: 'Maps/Basemap',

tsconfig.json

@@ -1,26 +1,18 @@
 {
   "compilerOptions": {
-    "target": "es5",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
     "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "noFallthroughCasesInSwitch": true,
-    "module": "esnext",
+    "declaration": true,
+    "esModuleInterop": true,
+    "jsx": "react",
+    "lib": ["dom", "es2015"],
     "moduleResolution": "node",
+    "outDir": "./dist",
     "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react-jsx"
+    "sourceMap": true,
+    "strict": true,
+    "target": "es2019",
+    "types": ["@emotion/core"]
   },
-  "include": [
-    "src"
-  ]
+  "include": ["src"],
+  "exclude": ["src/stories", "src/assets"]
 }