update branch

.dockerignore

@@ -1,4 +1,5 @@
 node_modules
-Dockerfile
-build
-charts
+.next
+dist
+.env.local
+Dockerfile

.drone.yml

@@ -0,0 +1,127 @@
+kind: pipeline
+type: docker
+name: Node-Editor
+
+globals:
+  - &docker_creds
+    username:
+      from_secret: docker_username
+    password:
+      from_secret: docker_password
+  - &env
+    AUTH0_SECRET: secret
+    AUTH0_ISSUER_BASE_URL: url
+    AUTH0_CLIENT_ID: client_id
+    AUTH0_CLIENT_SECRET: client_secret
+    AUTH0_AUDIENCE: https://api.polyglot-edu.com
+    AUTH0_SCOPE: 'openid profile email read:products'
+    DEPLOY_URL: polyglot-edu.com
+    BACK_URL: https://polyglot-api.polyglot-edu.com
+    TEST_MODE: true
+  - &condition
+    event:
+      - push
+
+steps:
+  - name: Build and push image to Docker # building the encore docker image
+    image: plugins/docker
+    settings:
+      repo: docker.polyglot-edu.com/polyglot-edu/node-editor # must be lowercase
+      registry: docker.polyglot-edu.com
+      dockerfile: ./Dockerfile
+      tags: ['${DRONE_BRANCH}']
+      build_args:
+        - 'DEPLOY_URL=polyglot-edu.com'
+        - 'BACK_URL=https://polyglot-api.polyglot-edu.com'
+        - 'TEST_MODE=true'
+      <<: *docker_creds
+    when:
+      <<: *condition
+  - name: Deploy Production # deploy to kubernetes using a Helm chart
+    image: pelotech/drone-helm3
+    environment:
+      CFORIGIN:
+        from_secret: cf_origin
+      DOCKERCONFIG:
+        from_secret: dockerconfigjson
+      <<: *env
+    settings:
+      mode: upgrade
+      chart: ./charts
+      release: node-editor-${DRONE_BRANCH}
+      namespace: node-editor-${DRONE_BRANCH}
+      debug: true
+      kube_service_account: admin-user
+      kube_api_server: 'https://131.114.23.149:6443'
+      kube_token:
+        from_secret: kube_token
+      values:
+        - 'url=polyglot-edu.com'
+        - 'cfOriginKey=$CFORIGIN'
+        - 'dockerconfigjson=$DOCKERCONFIG'
+        - 'image.repository=docker.polyglot-edu.com/polyglot-edu/node-editor'
+        - 'image.tag=${DRONE_BRANCH}'
+        - 'env.authSecret=$AUTH0_SECRET'
+        - 'env.authIssuerUrl=$AUTH0_ISSUER_BASE_URL'
+        - 'env.authClientId=$AUTH0_CLIENT_ID'
+        - 'env.authClientSecret=$AUTH0_CLIENT_SECRET'
+        - 'env.authAudience=$AUTH0_AUDIENCE'
+        - 'env.authScope=$AUTH0_SCOPE'
+        - 'env.backUrl=$BACK_URL'
+        - 'env.testMode=$TEST_MODE'
+      cleanup_failed_upgrade: true
+      force_upgrade: true
+      skip_tls_verify: true
+      create_namespace: true
+    depends_on:
+      - Build and push image to Docker
+    when:
+      <<: *condition
+      branch:
+        include:
+          - dev #remove it later
+          - main
+  - name: Deploy Development # deploy to kubernetes using a Helm chart
+    image: pelotech/drone-helm3
+    environment:
+      CFORIGIN:
+        from_secret: cf_origin
+      DOCKERCONFIG:
+        from_secret: dockerconfigjson
+      <<: *env
+    settings:
+      mode: upgrade
+      chart: ./charts
+      release: node-editor-${DRONE_BRANCH}
+      namespace: node-editor-${DRONE_BRANCH}
+      debug: true
+      kube_service_account: admin-user
+      kube_api_server: 'https://131.114.23.149:6443'
+      kube_token:
+        from_secret: kube_token
+      values:
+        - 'url=${DRONE_BRANCH}-dashboard.polyglot-edu.com'
+        - 'cfOriginKey=$CFORIGIN'
+        - 'dockerconfigjson=$DOCKERCONFIG'
+        - 'image.repository=docker.polyglot-edu.com/polyglot-edu/node-editor'
+        - 'image.tag=${DRONE_BRANCH}'
+        - 'env.authSecret=$AUTH0_SECRET'
+        - 'env.authIssuerUrl=$AUTH0_ISSUER_BASE_URL'
+        - 'env.authClientId=$AUTH0_CLIENT_ID'
+        - 'env.authClientSecret=$AUTH0_CLIENT_SECRET'
+        - 'env.authAudience=$AUTH0_AUDIENCE'
+        - 'env.authScope=$AUTH0_SCOPE'
+        - 'env.backUrl=$BACK_URL'
+        - 'env.testMode=$TEST_MODE'
+      cleanup_failed_upgrade: true
+      force_upgrade: true
+      skip_tls_verify: true
+      create_namespace: true
+    depends_on:
+      - Build and push image to Docker
+    when:
+      <<: *condition
+      branch:
+        exclude:
+          - dev #remove it later
+          - main

.eslintrc.json

@@ -0,0 +1,32 @@
+{
+  "extends": [
+    "next",
+    "next/core-web-vitals",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:storybook/recommended"
+  ],
+  "globals": {
+    "React": "readonly"
+  },
+  "overrides": [
+    {
+      "files": ["*.stories.@(ts|tsx|js|jsx|mjs|cjs)"],
+      "rules": {
+        // example of overriding a rule
+        "storybook/hierarchy-separator": "error"
+      }
+    }
+  ],
+  "rules": {
+    "@typescript-eslint/no-unused-vars": "warn",
+    "@typescript-eslint/ban-types": [
+      "error",
+      {
+        "extendDefaults": true,
+        "types": {
+          "{}": false
+        }
+      }
+    ]
+  }
+}

.github/workflows/deploy-prod.yml

@@ -36,6 +36,16 @@ jobs:
         labels: ${{ steps.meta.outputs.labels }}
         cache-from: type=gha
         cache-to: type=gha,mode=max
+        build-args: |
+            "DEPLOY_URL=https://polyglot-webapp.polyglot-edu.com"
+            "BACK_URL=https://polyglot-api-staging.polyglot-edu.com"
+            "TEST_MODE=true"
+            "AUTH0_SECRET=${{ secrets.AUTH0_SECRET }}"
+            "AUTH0_ISSUER_BASE_URL=${{ secrets.AUTH0_ISSUER_BASE_URL }}"
+            "AUTH0_CLIENT_ID=${{ secrets.AUTH0_CLIENT_ID }}"
+            "AUTH0_CLIENT_SECRET=${{ secrets.AUTH0_CLIENT_SECRET }}"
+            "AUTH0_AUDIENCE=${{ secrets.AUTH0_AUDIENCE }}"
+            "AUTH0_SCOPE=${{ secrets.AUTH0_SCOPE }}"
     - name: Push to ghcr.io with retries
       uses: nick-invision/retry@v2
       with:

.gitignore

@@ -8,16 +8,29 @@
 # testing
 /coverage
 
+# next.js
+/.next/
+/out/
+
 # production
 /build
 
 # misc
 .DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
+*.pem
 
+# debug
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+.pnpm-debug.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

.prettierignore

@@ -1,7 +1,6 @@
 .yarn
-.build
+.next
 dist
 node_modules
 charts
-.github
-.public
+.github

.prettierrc

@@ -0,0 +1,8 @@
+{
+  "trailingComma": "es5",
+  "tabWidth": 2,
+  "semi": true,
+  "singleQuote": true,
+  "organizeImportsSkipDestructiveCodeActions": true,
+  "endOfLine": "crlf"
+}

Dockerfile

@@ -1,18 +1,37 @@
 FROM node:21-alpine
 
+ARG TEST_MODE=false
+ARG DEPLOY_URL=https://staging.polyglot-edu.com
+ARG BACK_URL=https://polyglot-api-staging.polyglot-edu.com
+ARG AUTH0_SECRET
+ARG AUTH0_AUDIENCE
+ARG AUTH0_SCOPE
+ARG AUTH0_CLIENT_ID
+ARG AUTH0_CLIENT_SECRET
+ARG AUTH0_ISSUER_BASE_URL
+
+
 ARG WORKDIR=web-client
 
 WORKDIR $WORKDIR
 
 COPY package.json .
 COPY package-lock.json .
-
-RUN npm install -g serve
+COPY tsconfig.json .
 
 RUN npm install
 
 COPY . .
 
-RUN npm run build
-
-CMD serve -s build
+RUN export DEPLOY_URL=${DEPLOY_URL} && \
+    export TEST_MODE=${TEST_MODE} && \
+    export BACK_URL=${BACK_URL} && \
+    export AUTH0_SECRET=${AUTH0_SECRET} && \
+    export AUTH0_ISSUER_BASE_URL=${AUTH0_ISSUER_BASE_URL} && \
+    export AUTH0_CLIENT_ID=${AUTH0_CLIENT_ID} && \
+    export AUTH0_CLIENT_SECRET=${AUTH0_CLIENT_SECRET} && \
+    export AUTH0_AUDIENCE=${AUTH0_AUDIENCE} && \
+    export AUTH0_SCOPE=${AUTH0_SCOPE} && \
+    npm run build
+
+CMD npm run start

License.txt

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 PolyGlot-Edu
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.