.babelrc

@@ -4,6 +4,7 @@
       "@babel/preset-typescript"
     ],
     "plugins": [
+      ["@babel/plugin-proposal-decorators", { "legacy": true }],
       "@babel/plugin-proposal-class-properties"
     ]
 }

.github/workflows/aws.yml

@@ -59,7 +59,7 @@ jobs:
         # Build a docker container and
         # push it to ECR so that it can
         # be deployed to ECS.
-        docker build -t $ECR_REGISTRY/$ECR_REPOSITORY:$IMAGE_TAG .
+        make prod -- -t $ECR_REGISTRY/$ECR_REPOSITORY:$IMAGE_TAG .
         docker push $ECR_REGISTRY/$ECR_REPOSITORY:$IMAGE_TAG
         echo "::set-output name=image::$ECR_REGISTRY/$ECR_REPOSITORY:$IMAGE_TAG"
 

.gitignore

@@ -1 +1,4 @@
 node_modules
+lib
+yarn-error.log
+public/app.bundle.js

Dockerfile

@@ -1,10 +1,11 @@
 # Dockerfile (tag: v3)
 FROM node:12.18.2
 WORKDIR /tmp
-COPY package.json /tmp/
-RUN npm config set registry http://registry.npmjs.org/ && npm install
+COPY package.json yarn.lock /tmp/
+RUN yarn install
 WORKDIR /usr/src/app
 COPY . /usr/src/app/
 RUN cp -a /tmp/node_modules /usr/src/app/
-CMD ["npm", "start"]
-EXPOSE 8080 
+CMD ["yarn", "bundle"]
+COPY /public /var/html/public
+EXPOSE 80 

Dockerfile.dev

@@ -0,0 +1,6 @@
+# Dockerfile (tag: v3)
+FROM node:12.18.2
+WORKDIR /usr/src/app
+RUN npm config set registry http://registry.npmjs.org/ && npm install
+CMD ["npm", "start"]
+EXPOSE 8080 

Dockerfile.server

@@ -0,0 +1,5 @@
+# Dockerfile (tag: v3)
+FROM node:12.18.2
+WORKDIR /usr/src/app
+RUN yarn install
+EXPOSE 5000 

Makefile

@@ -0,0 +1,5 @@
+dev:
+	@docker-compose -f docker-compose.dev.yml up
+
+prod:
+	@docker-compose -f docker-compose.yml up --build

README.md

@@ -4,10 +4,23 @@ Perspective.wiki is the wiki for Mind maps that everybody can edit.
 
 ## Table of contents
 
+1. [Setup](https://github.com/swapkats/project-perspective#setup)
 1. [Philosophy](https://github.com/swapkats/project-perspective#philosophy)
 2. [How we'll build it](https://github.com/swapkats/project-perspective#how-well-build-it)
 3. [Contribute](https://github.com/swapkats/project-perspective#contribute)
 
+## Setup
+
+To Setup development locally, install docker and run.
+
+`
+make dev
+`
+
+Dev server runs on `localhost:8080`.
+
+Prod development is done via github actions to aws on every new release. 
+
 ## Philosophy
 
 > Knowledge wants to be spread. It should not be constrained at any cost.
@@ -16,22 +29,23 @@ Project Perspective is a free open source project whose single aim is to spread
 
 Why Mindmaps? Mind maps are efficient for learning. Mind maps work in a way that is very natural to how our brains learn and store new information. They help us access more regions of our brain like linguistic and creative regions to improve learning experience.
 
-Perpective aims to be an upgrade over mind map in a sense that that prepective mind maps are designed to utilise more of our brain by simulating an environment natural to how our brains developed over time. With perpersitive maps we'll be able to add extra dimension to mind maps, letting the user play with information like our monkey ancestors did.
+Perspective aims to be an upgrade over mind map in a sense that that prepective mind maps are designed to utilise more of our brain by simulating an environment natural to how our brains developed over time. With perspective maps we'll be able to add extra dimension to mind maps, letting the user play with information like our monkey ancestors did.
 
 It aims to move away from slow auditorial learning process like books to step into a new generation learning medium by making use of all auditory, visual and kinesthetic mediums of learning.
 
 Finally Perspective.wiki is a public wiki anyone can edit the mind maps and maintain them just like wikipedia.
 
-## How we'll build it
-
-### Tecnical Stack
+### Stack
 
-1. Three.js
-2. Neo4j
-3. GraphQL
-4. Node
+- Three.js
+- Web components(Lit-Element)
+- RxJS & redux-observable
+- Neo4j with Apollo
+- Node
 
 
 ## Contribute
 
-Join our discord server https://discord.gg/zu7rU9
+Assign yourself stories from project board here https://github.com/swapkats/project-perspective/projects/1
+
+Join our discord server https://discord.gg/dFKJ9ja and say hi 

app/api.ts

@@ -0,0 +1,26 @@
+import ApolloClient, { gql } from 'apollo-boost';
+
+const client = new ApolloClient({
+  uri: 'http://localhost:5000/',
+});
+
+const getMap = (mapId: String) => client
+  .query({
+    query: gql`
+      query GetMap($mapId: String) {
+        Map(root: $mapId) {
+          _id
+          root
+          nodes {
+            text
+          }
+        }
+      }
+  `,
+    variables: {
+      $mapId: mapId,
+    },
+  })
+  .catch(console.error);
+
+export default { getMap };

app/contexts/cameraContext.ts

@@ -0,0 +1,19 @@
+const createContext = (scene) => {
+  let ctx = scene;
+
+  const setCamera = (newCtx) => {
+    ctx = newCtx;
+  };
+
+  const useCamera = () => {
+    if (!ctx) {
+      throw new Error('Context is not defined');
+    }
+
+    return ctx;
+  };
+
+  return { useCamera, setCamera };
+};
+
+export default createContext();

app/contexts/rendererContext.ts

@@ -0,0 +1,19 @@
+const createContext = (renderer) => {
+  let ctx = renderer;
+
+  const setRenderer = (newCtx) => {
+    ctx = newCtx;
+  };
+
+  const useRenderer = () => {
+    if (!ctx) {
+      throw new Error('Context is not defined');
+    }
+
+    return ctx;
+  };
+
+  return { useRenderer, setRenderer };
+};
+
+export default createContext();

app/contexts/sceneContext.ts

@@ -0,0 +1,19 @@
+const createContext = (scene) => {
+  let ctx = scene;
+
+  const setScene = (newCtx) => {
+    ctx = newCtx;
+  };
+
+  const useScene = () => {
+    if (!ctx) {
+      throw new Error('Context is not defined');
+    }
+
+    return ctx;
+  };
+
+  return { useScene, setScene };
+};
+
+export default createContext();