Fileupload (#3)

* mods

* remove iso js files

* working file upload

* update gitignore

* adjust paths

* emit true

* add tsconfig and get output to build/gen"

* fix path

.gitignore

@@ -10,6 +10,7 @@
 
 # production
 /build
+/dist
 
 # misc
 .DS_Store

.vscode/task.json

@@ -0,0 +1,10 @@
+{
+  "label": "tsc: watch",
+  "type": "typescript",
+  "tsconfig": "tsconfig-watch.json",
+  "option": "watch",
+  "runOptions": {
+    "runOn": "folderOpen"
+  },
+  "problemMatcher": ["$tsc-watch"]
+}

TODO.md

@@ -0,0 +1,16 @@
+## TODO: 
+need to upload an image (form upload)
+and spit out a url to said image. 
+
+1. upload image (png/jpg, filled, not hollow) -> return url of image
+2. image is worked into multiple 'layers' (diff colors) -> return url of each image layer
+3. each 'base layer' is organized by folder (1 layer image per folder to start)
+4. image in each folder is 'copied' and modified in variety of ways. -> return url for each modified layer
+5. now have multiple folders with multiple image layers, generative script creates multiple images from each layer -> return urls for each image.
+
+
+User Inputs
+A> upload image
+B> color selection: color selection(s)? #of Colors? 
+C> layer variety selection: # of various layers off of base, set metadata (rarity, frequency)
+D> final image selection: # of final images desired.

gen/tsconfig.json

@@ -0,0 +1,28 @@
+{
+    "extends": "../tsconfig.json",
+    "compilerOptions": {
+        "target": "es6",
+        "lib": [
+            "dom",
+            "dom.iterable",
+            "esnext"
+        ],
+        "skipLibCheck": true,
+        "esModuleInterop": true,
+        "allowSyntheticDefaultImports": true,
+        "forceConsistentCasingInFileNames": true,
+        "noFallthroughCasesInSwitch": true,
+        "module": "esnext",
+        "moduleResolution": "node",
+        "resolveJsonModule": true,
+        "isolatedModules": true,
+        "jsx": "react-jsx",
+        "noEmit": false,
+        "rootDir": "./",
+        "outDir": "../build/gen",
+        "composite": true
+    },
+    "include": [
+        "./"
+    ]
+}

package.json

@@ -3,6 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "type": "module",
+  "main": "dist/index.js",
   "dependencies": {
     "@chakra-ui/react": "^1.6.9",
     "@emotion/react": "11",
@@ -23,11 +24,12 @@
     "@types/jest": "^26.0.15",
     "@types/node": "^16.10.3",
     "@types/react": "^17.0.0",
-    "@types/react-dom": "^17.0.0"
+    "@types/react-dom": "^17.0.0",
+    "firebase": "^9.8.2"
   },
   "scripts": {
-    "prebuild": "tsc && eslint --fix ./src",
-    "gen": "node --experimental-specifier-resolution=node --max_old_space_size=12288 gen/generate.js",
+    "prebuild": "tsc -b && eslint --fix ./src",
+    "gen": "node --experimental-specifier-resolution=node --max_old_space_size=12288 build/gen/generate.js",
     "start": "react-scripts start",
     "build": "yarn gen && react-scripts build",
     "runit": "yarn build && yarn start",