diff --git a/nextJSTypeScript/.conf/deps.json b/nextJSTypeScript/.conf/deps.json new file mode 100644 index 000000000..b213dfed7 --- /dev/null +++ b/nextJSTypeScript/.conf/deps.json @@ -0,0 +1,8 @@ +{ + "packages": [ + "openssh-client", + "sshpass", + "nodejs", + "npm" + ] +} diff --git a/nextJSTypeScript/.conf/id_rsa b/nextJSTypeScript/.conf/id_rsa new file mode 100644 index 000000000..eef640ef6 --- /dev/null +++ b/nextJSTypeScript/.conf/id_rsa @@ -0,0 +1,27 @@ +-----BEGIN RSA PRIVATE KEY----- +MIIEpQIBAAKCAQEAqpUaOa6i/TaSKwpdsHzLfGK95dDcFYpmYH5hUj0cBhVEVdl8 +JAG0MEDcZsjQHiBlfUiHmyU2iOWBoKUytpMnzYF6ggdZBv5hBMv3RcTlnNijxzxg +KvbjTm3LqAY8uu4SF9I8oDXVOn7xwZYgiC7s3XRGOP6TowSVEHsLB+cehWs4Y5io +3BngOlcOYZtVrh+i3A7xSHWP7n2IetJEo5C425oaOCZXUJT2egau6ODmvBItZjpG +mNdwVwrEI2H3o+LLI9tieNfyFcUFPNDRXbku1V0mXU9VjZ7WFihZXob11XNCEkY7 +Bg3SpzTntSRn9hZD7i3xDU9MSJz90rnn56ID1wIDAQABAoIBACI239i7/3Mcc/rw +DFSu4z2irIYg+1PSu7AVCT4uhaVutJMnmS+7q8GV8N8o3h18z/5uAs0KjMKuje6D +1AUsxOoCU2krQh8V/K2yn3k+AfQQu+DlakCT3onHmfassZeo0rY2c/SKd6dQ+Pqk +Owg1qUrN3Jvn7ALhk2iH1XGTWNrXj44AxVVhK3zADd/688stubo+mhj1vLJvk3IJ +j/cb9UtCnWDZ6U6E4C+5tfXqzrqbtlrWnIBe0qAwYI6+f4bSQxnNa42wNUh0v0mX +tiY9wnHEmE7nCQNQ8sBeBLEJm3xmFRhABNA+iAglsjfeBIbPNpy7rXty412CmHp0 +mLG0RskCgYEA4t4Ca3EDq/scg7fiplLjhk2AtsZumkYT/N+42x4VlioKfoaivLKf +6mjWUSr+c7Aq0Ssx9GdOFU0epNGbuvymCGBhq6v27SADMJTP2Dmg83FpcV6opOUM +SBz1tnrL9j74Eo9jGdnBjgxHOl4biO+uCjCZxcLoVjsfPpGnCeNSpFUCgYEAwHzM +GfiBR9wl+7cVrtP4YQgmzyZ6YCnqkfFasVAe6cN/0if5sqQRn3Fg3YFrP9GlKkkn +EMvow56nTWUmpx4KG4yanrocEYIsA4uv4kwyFOC/YD+67SQpgTEOjD0seDJoOgpz +ekkxNjMro8RJCK+DrV17qk3/dGY4b3u2M66P03sCgYEAhHCcswJX5WeD/vUzkGtl +PfsywADZgqCUfJRSg0Bt06sZU0Hf8Q7KQnsPWnUh9IGMjW2NDSPdtpu93vQq2J8z +gkJZ4nFShp2gnxTQvWbvKg80QiXDh/fbEqItY2kOduPNyHACp42y6+0JC+7yXh+l +13cF3ihpoCWFmO5IuIIHtb0CgYEAk5acwEUEi17HWOuWmog4591iNG8iYd2B2Akh +Ktdt/HtD5JV2JX0bbg924CA9ZZ+Pbo7Mf1p5zJQ3X2Zxbq3fviPe4ll88AfJS6at +Y2xc8hkpY9k5sF6L3F0K9IhrMnYj6GzfAiJgs1gk29rCzQAWjLUi/v/zIQLHvuMy +Xwo3iUUCgYEAo/27Qkb5nOdL8sJwFggDrdB1pPrxXN20KmYCJF1P9wPDhnj1fJ7+ +0Z/56XYzPA2rQx0vf5idvoGQ3KZS7QkOClLtcyevH3b38fnmAqv+dPLRHmrSd+3G +BspdMlr3rwZK8RKwXjDzLYpwSvjmf7PTGTPO3C7WTzg+m0U9RbSJKi4= +-----END RSA PRIVATE KEY----- diff --git a/nextJSTypeScript/.conf/id_rsa.pub b/nextJSTypeScript/.conf/id_rsa.pub new file mode 100644 index 000000000..86f8fe63f --- /dev/null +++ b/nextJSTypeScript/.conf/id_rsa.pub @@ -0,0 +1 @@ +ssh-rsa AAAAB3NzaC1yc2EAAAADAQABAAABAQCqlRo5rqL9NpIrCl2wfMt8Yr3l0NwVimZgfmFSPRwGFURV2XwkAbQwQNxmyNAeIGV9SIebJTaI5YGgpTK2kyfNgXqCB1kG/mEEy/dFxOWc2KPHPGAq9uNObcuoBjy67hIX0jygNdU6fvHBliCILuzddEY4/pOjBJUQewsH5x6FazhjmKjcGeA6Vw5hm1WuH6LcDvFIdY/ufYh60kSjkLjbmho4JldQlPZ6Bq7o4Oa8Ei1mOkaY13BXCsQjYfej4ssj22J41/IVxQU80NFduS7VXSZdT1WNntYWKFlehvXVc0ISRjsGDdKnNOe1JGf2FkPuLfENT0xInP3SuefnogPX \ No newline at end of file diff --git a/nextJSTypeScript/.conf/update.json b/nextJSTypeScript/.conf/update.json new file mode 100644 index 000000000..1da61ec5c --- /dev/null +++ b/nextJSTypeScript/.conf/update.json @@ -0,0 +1,6 @@ +[ + { + "source": ".vscode/launch.json", + "target": ".vscode/launch.json" + } +] diff --git a/nextJSTypeScript/.dockerignore b/nextJSTypeScript/.dockerignore new file mode 100644 index 000000000..c5500558b --- /dev/null +++ b/nextJSTypeScript/.dockerignore @@ -0,0 +1,7 @@ +Dockerfile +.dockerignore +node_modules +npm-debug.log +README.md +.next +.git diff --git a/nextJSTypeScript/.eslintrc.json b/nextJSTypeScript/.eslintrc.json new file mode 100644 index 000000000..bffb357a7 --- /dev/null +++ b/nextJSTypeScript/.eslintrc.json @@ -0,0 +1,3 @@ +{ + "extends": "next/core-web-vitals" +} diff --git a/nextJSTypeScript/.gitignore b/nextJSTypeScript/.gitignore new file mode 100644 index 000000000..8f322f0d8 --- /dev/null +++ b/nextJSTypeScript/.gitignore @@ -0,0 +1,35 @@ +# See https://help.github.com/articles/ignoring-files/ for more about ignoring files. + +# dependencies +/node_modules +/.pnp +.pnp.js + +# testing +/coverage + +# next.js +/.next/ +/out/ + +# production +/build + +# misc +.DS_Store +*.pem + +# debug +npm-debug.log* +yarn-debug.log* +yarn-error.log* + +# local env files +.env*.local + +# vercel +.vercel + +# typescript +*.tsbuildinfo +next-env.d.ts diff --git a/nextJSTypeScript/.vscode/launch.json b/nextJSTypeScript/.vscode/launch.json new file mode 100644 index 000000000..5a453f170 --- /dev/null +++ b/nextJSTypeScript/.vscode/launch.json @@ -0,0 +1,122 @@ +{ + "version": "0.2.0", + "configurations": [ + { + "name": "Next.js Proxy Server", + "type": "node", + "request": "attach", + "port": "${config:torizon_debug_port}", + "cwd": "${workspaceFolder}", + "sourceMaps": true, + "autoAttachChildProcesses": true, + "attachExistingChildren": true, + "preLaunchTask": "run-nextjs-local", + "postDebugTask": "kill-nextjs-local" + }, + { + "name": "Next.js Routing Server", + "type": "node", + "request": "attach", + "port": "${config:torizon_debug_port2}", + "cwd": "${workspaceFolder}", + "sourceMaps": true, + "autoAttachChildProcesses": true, + "attachExistingChildren": true, + "preLaunchTask": "wait-for-run-local" + }, + { + "name": "Next.js Pages Server", + "type": "node", + "request": "attach", + "port": "${config:torizon_debug_port3}", + "cwd": "${workspaceFolder}", + "sourceMaps": true, + "autoAttachChildProcesses": true, + "attachExistingChildren": true, + "preLaunchTask": "wait-for-run-local" + }, + { + "name": "Torizon AMD64", + "type": "node", + "request": "attach", + "port": "${config:torizon_debug_port}", + "address": "${config:torizon_ip}", + "restart": false, + "sourceMaps": true, + "continueOnAttach": true, + "localRoot": "${workspaceFolder}", + "remoteRoot": "${config:torizon_app_root}/app/", + "preLaunchTask": "start-torizon-debug-amd64" + }, + { + "name": "Torizon ARMv7", + "type": "node", + "request": "attach", + "port": "${config:torizon_debug_port}", + "address": "${config:torizon_ip}", + "restart": false, + "sourceMaps": true, + "continueOnAttach": true, + "localRoot": "${workspaceFolder}", + "remoteRoot": "${config:torizon_app_root}/app/", + "preLaunchTask": "start-torizon-debug-arm" + }, + { + "name": "Torizon ARMv8 Proxy Server", + "type": "node", + "request": "attach", + "port": "${config:torizon_debug_port}", + "address": "${config:torizon_ip}", + "sourceMaps": true, + "autoAttachChildProcesses": true, + "attachExistingChildren": true, + "remoteRoot": "${config:torizon_app_root}/app/out/", + "localRoot": "${workspaceFolder}/", + "preLaunchTask": "wait-for-run" + }, + { + "name": "Torizon ARMv8 Routing Server", + "type": "node", + "request": "attach", + "port": "${config:torizon_debug_port2}", + "address": "${config:torizon_ip}", + "sourceMaps": true, + "autoAttachChildProcesses": true, + "attachExistingChildren": true, + "remoteRoot": "${config:torizon_app_root}/app/out/", + "localRoot": "${workspaceFolder}/", + "preLaunchTask": "wait-for-run" + }, + { + "name": "Torizon ARMv8 Server Pages", + "type": "node", + "request": "attach", + "port": "${config:torizon_debug_port3}", + "address": "${config:torizon_ip}", + "sourceMaps": true, + "autoAttachChildProcesses": true, + "attachExistingChildren": true, + "remoteRoot": "${config:torizon_app_root}/app/out/", + "localRoot": "${workspaceFolder}/", + "preLaunchTask": "start-torizon-debug-arm64" + }, + ], + "compounds": [ + { + "name": "Next.js Local", + "configurations": [ + "Next.js Proxy Server", + "Next.js Routing Server", + "Next.js Pages Server" + ] + }, + { + "name": "Torizon ARMv8", + "configurations": [ + "Torizon ARMv8 Server Pages", + "Torizon ARMv8 Proxy Server", + "Torizon ARMv8 Routing Server", + ] + } + ] +} \ No newline at end of file diff --git a/nextJSTypeScript/.vscode/settings.json b/nextJSTypeScript/.vscode/settings.json new file mode 100644 index 000000000..e2a9869ce --- /dev/null +++ b/nextJSTypeScript/.vscode/settings.json @@ -0,0 +1,18 @@ +{ + "torizon_psswd": "", + "torizon_login": "", + "torizon_ip": "", + "host_ip": "", + "torizon_workspace": "${workspaceFolder}", + "torizon_debug_port": "9229", + "torizon_debug_ssh_port": "2229", + "torizon_debug_port2": "9230", + "torizon_debug_port3": "9231", + "torizon_gpu": "", + "torizon_arch": "", + "wait_sync": "1", + "torizon_run_as": "torizon", + "torizon_app_root": "/home/torizon", + "tcb.packageName": "__change__", + "tcb.version": "early-access" +} \ No newline at end of file diff --git a/nextJSTypeScript/.vscode/tasks.json b/nextJSTypeScript/.vscode/tasks.json new file mode 100644 index 000000000..952dcc52e --- /dev/null +++ b/nextJSTypeScript/.vscode/tasks.json @@ -0,0 +1,432 @@ +{ + "version": "2.0.0", + "tasks": [ + { + "label": "build-nextjs-local", + "detail": "hide", + "command": "npm", + "type": "process", + "options": { + "cwd": "${workspaceFolder}" + }, + "args": [ + "run", + "build" + ], + "problemMatcher": [ + "$tsc" + ], + "dependsOrder": "sequence", + "icon": { + "id": "flame", + "color": "terminal.ansiYellow" + }, + "dependsOn": [ + "npm-install" + ] + }, + { + "label": "run-nextjs-local", + "detail": "hide", + "command": "npm", + "type": "shell", + "isBackground": true, + "options": { + "cwd": "${workspaceFolder}" + }, + "args": [ + "run", + "dev" + ], + "problemMatcher": [ + { + "pattern": [ + { + "regexp": ".", + "file": 1, + "location": 2, + "severity": 3, + "code": 4, + "message": 5 + } + ], + "background": { + "activeOnStart": true, + "beginsPattern": ".", + "endsPattern": "for pages should be inspected at port" + } + } + ], + "presentation": { + "reveal": "always" + }, + "dependsOrder": "sequence", + "icon": { + "id": "flame", + "color": "terminal.ansiYellow" + }, + "dependsOn": [ + "npm-install" + ] + }, + { + "label": "kill-nextjs-local", + "detail": "hide", + "command": "pkill", + "type": "shell", + "options": { + "cwd": "${workspaceFolder}" + }, + "args": [ + "-9", + "npm run dev" + ], + "problemMatcher": [ + "$tsc" + ], + "dependsOrder": "sequence", + "icon": { + "id": "flame", + "color": "terminal.ansiYellow" + }, + }, + { + "label": "wait-for-run-local", + "command": "until $(curl --output /dev/null --silent --head --fail http://localhost:3000); do printf '.'; sleep 1; done", + "type": "shell", + "args": [], + "dependsOrder": "sequence", + "icon": { + "id": "watch", + "color": "terminal.ansiYellow" + } + }, + { + "label": "npm-install", + "type": "shell", + "options": { + "cwd": "${workspaceFolder}" + }, + "command": "[ ! -d 'node_modules' ] && npm install || true", + "dependsOrder": "sequence", + "icon": { + "id": "flame", + "color": "terminal.ansiYellow" + } + }, + { + "label": "npm-install-remote", + "command": "ssh", + "type": "process", + "args": [ + "-i", + "${workspaceFolder}/.conf/id_rsa", + "-o", + "UserKnownHostsFile=/dev/null", + "-o", + "StrictHostKeyChecking=no", + "-p", + "${config:torizon_debug_ssh_port}", + "${config:torizon_run_as}@${config:torizon_ip}", + "cd ${config:torizon_app_root}/app && npm install" + ], + "dependsOrder": "sequence", + "icon": { + "id": "flame", + "color": "terminal.ansiYellow" + } + }, + { + "label": "build-nextjs-arm", + "detail": "hide", + "command": "npm", + "type": "process", + "options": { + "cwd": "${workspaceFolder}" + }, + "args": [ + "run", + "output-arm" + ], + "dependsOrder": "sequence", + "icon": { + "id": "flame", + "color": "terminal.ansiYellow" + } + }, + { + "label": "deploy-torizon-arm", + "detail": "hide", + "command": "scp", + "type": "process", + "args": [ + "-i", + "${workspaceFolder}/.conf/id_rsa", + "-o", + "UserKnownHostsFile=/dev/null", + "-o", + "StrictHostKeyChecking=no", + "-P", + "${config:torizon_debug_ssh_port}", + "-pr", + "${workspaceFolder}/.next/standalone", + "${config:torizon_run_as}@${config:torizon_ip}:~/app" + ], + "dependsOrder": "sequence", + "problemMatcher": "$msCompile", + "icon": { + "id": "flame", + "color": "terminal.ansiYellow" + } + }, + { + "label": "start-torizon-debug-arm", + "detail": "hide", + "command": "ssh", + "type": "process", + "args": [ + "-i", + "${workspaceFolder}/.conf/id_rsa", + "-o", + "UserKnownHostsFile=/dev/null", + "-o", + "StrictHostKeyChecking=no", + "-p", + "${config:torizon_debug_ssh_port}", + "${config:torizon_run_as}@${config:torizon_ip}", + "npm run dev" + ], + "dependsOn": [ + "validate-settings", + "validate-arch-arm", + "apply-torizon-packages", + "npm-install", + "build-nextjs-arm", + "copy-docker-compose", + "pre-cleanup-arm", + "package-torizon-arm", + "build-container-torizon-debug-arm", + "push-container-torizon-debug-arm", + "pull-container-torizon-debug-arm", + "run-container-torizon-debug-arm", + "wait-a-bit", + "pos-cleanup", + "deploy-torizon-arm" + ], + "dependsOrder": "sequence", + "problemMatcher": "$msCompile", + "icon": { + "id": "flame", + "color": "terminal.ansiYellow" + } + }, + { + "label": "build-nextjs-arm64", + "detail": "hide", + "command": "npm", + "type": "process", + "options": { + "cwd": "${workspaceFolder}" + }, + "args": [ + "run", + "output-arm64" + ], + "dependsOrder": "sequence", + "icon": { + "id": "flame", + "color": "terminal.ansiYellow" + } + }, + { + "label": "output-nextjs-arm64", + "detail": "", + "command": "npm", + "type": "shell", + "options": { + "cwd": "${workspaceFolder}" + }, + "args": [ + "run", + "output-arm64" + ], + "dependsOrder": "sequence", + "icon": { + "id": "flame", + "color": "terminal.ansiYellow" + } + }, + { + "label": "deploy-torizon-arm64", + "detail": "hide", + "command": "scp", + "type": "process", + "args": [ + "-i", + "${workspaceFolder}/.conf/id_rsa", + "-o", + "UserKnownHostsFile=/dev/null", + "-o", + "StrictHostKeyChecking=no", + "-P", + "${config:torizon_debug_ssh_port}", + "-pr", + "${workspaceFolder}/.next/standalone", + "${config:torizon_run_as}@${config:torizon_ip}:~/app" + ], + "dependsOrder": "sequence", + "problemMatcher": "$msCompile", + "icon": { + "id": "flame", + "color": "terminal.ansiYellow" + } + }, + { + "label": "start-torizon-debug-arm64", + "detail": "", + "command": "ssh", + "type": "process", + "isBackground": true, + "args": [ + "-i", + "${workspaceFolder}/.conf/id_rsa", + "-o", + "UserKnownHostsFile=/dev/null", + "-o", + "StrictHostKeyChecking=no", + "-p", + "${config:torizon_debug_ssh_port}", + "${config:torizon_run_as}@${config:torizon_ip}", + "cd ${config:torizon_app_root}/app && npm run dev" + ], + "problemMatcher": [ + { + "pattern": [ + { + "regexp": ".", + "file": 1, + "location": 2, + "severity": 3, + "code": 4, + "message": 5 + } + ], + "background": { + "activeOnStart": true, + "beginsPattern": ".", + "endsPattern": "for pages should be inspected at port", + } + } + ], + "presentation": { + "reveal": "always" + }, + "dependsOn": [ + "validate-settings", + "validate-arch-arm64", + "apply-torizon-packages", + "output-nextjs-arm64", + "copy-docker-compose", + "pre-cleanup-arm64", + "build-container-torizon-debug-arm64", + "push-container-torizon-debug-arm64", + "pull-container-torizon-debug-arm64", + "run-container-torizon-debug-arm64", + "wait-a-bit", + "pos-cleanup", + "deploy-torizon-arm64", + "npm-install-remote" + ], + "dependsOrder": "sequence", + "icon": { + "id": "flame", + "color": "terminal.ansiYellow" + } + }, + { + "label": "build-nextjs-amd64", + "detail": "hide", + "command": "npm", + "type": "process", + "options": { + "cwd": "${workspaceFolder}" + }, + "args": [ + "run", + "output-amd64" + ], + "dependsOrder": "sequence", + "icon": { + "id": "flame", + "color": "terminal.ansiYellow" + } + }, + { + "label": "deploy-torizon-amd64", + "detail": "hide", + "command": "scp", + "type": "process", + "args": [ + "-i", + "${workspaceFolder}/.conf/id_rsa", + "-o", + "UserKnownHostsFile=/dev/null", + "-o", + "StrictHostKeyChecking=no", + "-P", + "${config:torizon_debug_ssh_port}", + "-pr", + "${workspaceFolder}/.next/standalone", + "${config:torizon_run_as}@${config:torizon_ip}:~/app" + ], + "dependsOrder": "sequence", + "problemMatcher": "$msCompile", + "icon": { + "id": "flame", + "color": "terminal.ansiYellow" + } + }, + { + "label": "start-torizon-debug-amd64", + "detail": "hide", + "command": "ssh", + "type": "process", + "args": [ + "-i", + "${workspaceFolder}/.conf/id_rsa", + "-o", + "UserKnownHostsFile=/dev/null", + "-o", + "StrictHostKeyChecking=no", + "-p", + "${config:torizon_debug_ssh_port}", + "${config:torizon_run_as}@${config:torizon_ip}", + "npm run dev" + ], + "dependsOn": [ + "validate-settings", + "validate-arch-amd64", + "apply-torizon-packages", + "npm-install", + "build-nextjs-amd64", + "copy-docker-compose", + "pre-cleanup-amd64", + "package-torizon-amd64", + "build-container-torizon-debug-amd64", + "push-container-torizon-debug-amd64", + "pull-container-torizon-debug-amd64", + "run-container-torizon-debug-amd64", + "wait-a-bit", + "pos-cleanup", + "deploy-torizon-amd64" + ], + "dependsOrder": "sequence", + "problemMatcher": "$msCompile", + "icon": { + "id": "flame", + "color": "terminal.ansiYellow" + } + } + ], + "inputs": [] +} \ No newline at end of file diff --git a/nextJSTypeScript/Dockerfile b/nextJSTypeScript/Dockerfile new file mode 100644 index 000000000..e2b99d56c --- /dev/null +++ b/nextJSTypeScript/Dockerfile @@ -0,0 +1,76 @@ + +ARG IMAGE=arm64v8/node:18-alpine + +# Install dependencies only when needed +FROM ${IMAGE} AS deps +# Check https://github.com/nodejs/docker-node/tree/b4117f9333da4138b03a546ec926ef50a31506c3#nodealpine to understand why libc6-compat might be needed. +RUN apk add --no-cache libc6-compat +WORKDIR /app + + +## -> SET ACCORDING TO PACKAGE MANAGER + +# -> YARN +COPY package.json yarn.lock ./ +RUN yarn install --frozen-lockfile + +# -> NPM +# If using npm with a `package-lock.json` comment out above and use below instead +# COPY package.json package-lock.json ./ +# RUN npm install + + +# -> PNPM +# RUN curl -L https://unpkg.com/@pnpm/self-installer | node +# COPY package.json pnpm-lock.yaml ./ +# RUN pnpm install --frozen-lockfile + +# Rebuild the source code only when needed +FROM ${IMAGE} AS builder +WORKDIR /app +COPY --from=deps /app/node_modules ./node_modules +COPY . . + +## -> SET ACCORDING TO PACKAGE MANAGER + +# -> YARN +RUN yarn build + +# -> NPM +# RUN npm run build + +# -> PNPM +# RUN pnpm run build + +# If using npm comment out above and use below instead +# RUN npm run build + +# Production image, copy all the files and run next +FROM ${IMAGE} AS runner +WORKDIR /app + +ENV NODE_ENV production +# Uncomment the following line in case you want to disable telemetry during runtime. +# ENV NEXT_TELEMETRY_DISABLED 1 + +RUN addgroup --system --gid 1001 nodejs +RUN adduser --system --uid 1001 nextjs + +# You only need to copy next.config.js if you are NOT using the default configuration +# COPY --from=builder /app/next.config.js ./ +COPY --from=builder /app/public ./public +COPY --from=builder /app/package.json ./package.json + + +# Automatically leverage output traces to reduce image size +# https://nextjs.org/docs/advanced-features/output-file-tracing +COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./ +COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static + +USER nextjs + +EXPOSE 3000 + +ENV PORT 3000 + +CMD ["node", "server.js"] \ No newline at end of file diff --git a/nextJSTypeScript/Dockerfile.debug b/nextJSTypeScript/Dockerfile.debug new file mode 100644 index 000000000..30251978a --- /dev/null +++ b/nextJSTypeScript/Dockerfile.debug @@ -0,0 +1,136 @@ +# ARGUMENTS -------------------------------------------------------------------- +## +# Board architecture +## +ARG IMAGE_ARCH= +# For armv7 use: +#ARG IMAGE_ARCH=arm + +## +# Base container version +## +ARG BASE_VERSION=3-bookworm + +## +# Application Name +## +ARG APP_EXECUTABLE=__change__ + +## +# Debug port +## +ARG SSH_DEBUG_PORT= + +## +# Run as +## +ARG SSHUSERNAME= + +## +# Board GPU vendor prefix +## +ARG GPU= + +# BUILD ------------------------------------------------------------------------ +## +# Deploy Step +## +FROM --platform=linux/${IMAGE_ARCH} \ + torizon/wayland-base${GPU}:${BASE_VERSION} AS Debug + +ARG IMAGE_ARCH +ARG GPU +ARG SSH_DEBUG_PORT +ARG APP_EXECUTABLE +ARG SSHUSERNAME +ENV APP_EXECUTABLE ${APP_EXECUTABLE} + +# SSH for remote debug +EXPOSE ${SSH_DEBUG_PORT} +EXPOSE 9229 + +# WORKDIR instruction sets the working directory for any RUN, CMD, ENTRYPOINT, COPY and ADD instructions that follow it in the Dockerfile +WORKDIR /app + +# Make sure we don't get notifications we can't answer during building. +ENV DEBIAN_FRONTEND="noninteractive" + +# for vivante GPU we need some "special" sauce +RUN apt-get -q -y update && \ + if [ "${GPU}" = "-vivante" ]; then \ + apt-get -q -y install \ + imx-gpu-viv-wayland-dev \ + ; else \ + apt-get -q -y install \ + libgl1 \ + ; fi \ + && \ + apt-get clean && apt-get autoremove && \ + rm -rf /var/lib/apt/lists/* + +# your regular RUN statements here +# Install required packages +RUN apt-get -q -y update && \ + apt-get -q -y install \ + gcc \ + g++ \ + make \ + openssl \ + openssh-server \ + rsync \ + file \ + curl \ + && \ + apt-get clean && apt-get autoremove && \ + rm -rf /var/lib/apt/lists/* + +# automate for torizonPackages.json +RUN apt-get -q -y update && \ + apt-get -q -y install \ + # DOES NOT REMOVE THIS LABEL: this is used for VS Code automation + # __torizon_packages_dev_start__ + # __torizon_packages_dev_end__ + # DOES NOT REMOVE THIS LABEL: this is used for VS Code automation + && \ + apt-get clean && apt-get autoremove && \ + rm -rf /var/lib/apt/lists/* + +# install the node.js v18 +RUN curl -fsSL https://deb.nodesource.com/setup_18.x | bash - && \ + apt-get install -y nodejs + +RUN npm config set registry https://registry.npmjs.org/ + +# Install app dependencies +# A wildcard is used to ensure both package.json AND package-lock.json are copied +# where available (npm@5+) +COPY package*.json ./ +RUN npm install --target_arch=${IMAGE_ARCH} + +# Next.js port +EXPOSE 3000 +ENV PORT 3000 + +# ⚠️ DEBUG PURPOSES ONLY!! +# copies RSA key to enable SSH login for user +COPY .conf/id_rsa.pub /id_rsa.pub + +# create folders needed for the different components +# configures SSH access to the container and sets environment by default +RUN mkdir /var/run/sshd && \ + sed 's@session\s*required\s*pam_loginuid.so@session optional pam_loginuid.so@g' \ + -i /etc/pam.d/sshd && \ + if test $SSHUSERNAME != root ; \ + then mkdir -p /home/$SSHUSERNAME/.ssh ; \ + else mkdir -p /root/.ssh ; fi && \ + if test $SSHUSERNAME != root ; \ + then cp /id_rsa.pub /home/$SSHUSERNAME/.ssh/authorized_keys ; \ + else cp /id_rsa.pub /root/.ssh/authorized_keys ; fi && \ + echo "PermitUserEnvironment yes" >> /etc/ssh/sshd_config && \ + echo "Port ${SSH_DEBUG_PORT}" >> /etc/ssh/sshd_config && \ + su -c "env" $SSHUSERNAME > /etc/environment + +RUN rm -r /etc/ssh/ssh*key && \ + dpkg-reconfigure openssh-server + +CMD [ "/usr/sbin/sshd", "-D" ] \ No newline at end of file diff --git a/nextJSTypeScript/next.config.js b/nextJSTypeScript/next.config.js new file mode 100644 index 000000000..793352b7b --- /dev/null +++ b/nextJSTypeScript/next.config.js @@ -0,0 +1,7 @@ +/** @type {import('next').NextConfig} */ +const nextConfig = { + reactStrictMode: true, + output: "standalone", +}; + +module.exports = nextConfig; diff --git a/nextJSTypeScript/package.json b/nextJSTypeScript/package.json new file mode 100644 index 000000000..ac0f6aaf2 --- /dev/null +++ b/nextJSTypeScript/package.json @@ -0,0 +1,27 @@ +{ + "name": "nextjs_typescript_template", + "version": "0.1.0", + "private": true, + "scripts": { + "dev": "next dev", + "build": "next build", + "start": "next start", + "lint": "next lint" + }, + "dependencies": { + "react": "^18", + "react-dom": "^18", + "next": "13.5.6" + }, + "devDependencies": { + "typescript": "^5", + "@types/node": "^20", + "@types/react": "^18", + "@types/react-dom": "^18", + "autoprefixer": "^10", + "postcss": "^8", + "tailwindcss": "^3", + "eslint": "^8", + "eslint-config-next": "13.5.6" + } +} \ No newline at end of file diff --git a/nextJSTypeScript/pages/_app.tsx b/nextJSTypeScript/pages/_app.tsx new file mode 100644 index 000000000..021681f4d --- /dev/null +++ b/nextJSTypeScript/pages/_app.tsx @@ -0,0 +1,6 @@ +import '@/styles/globals.css' +import type { AppProps } from 'next/app' + +export default function App({ Component, pageProps }: AppProps) { + return +} diff --git a/nextJSTypeScript/pages/_document.tsx b/nextJSTypeScript/pages/_document.tsx new file mode 100644 index 000000000..54e8bf3e2 --- /dev/null +++ b/nextJSTypeScript/pages/_document.tsx @@ -0,0 +1,13 @@ +import { Html, Head, Main, NextScript } from 'next/document' + +export default function Document() { + return ( + + + +
+ + + + ) +} diff --git a/nextJSTypeScript/pages/api/hello.ts b/nextJSTypeScript/pages/api/hello.ts new file mode 100644 index 000000000..f8bcc7e5c --- /dev/null +++ b/nextJSTypeScript/pages/api/hello.ts @@ -0,0 +1,13 @@ +// Next.js API route support: https://nextjs.org/docs/api-routes/introduction +import type { NextApiRequest, NextApiResponse } from 'next' + +type Data = { + name: string +} + +export default function handler( + req: NextApiRequest, + res: NextApiResponse +) { + res.status(200).json({ name: 'John Doe' }) +} diff --git a/nextJSTypeScript/pages/index.tsx b/nextJSTypeScript/pages/index.tsx new file mode 100644 index 000000000..000a75138 --- /dev/null +++ b/nextJSTypeScript/pages/index.tsx @@ -0,0 +1,118 @@ +import Image from 'next/image' +import { Inter } from 'next/font/google' + +const inter = Inter({ subsets: ['latin'] }) + +export default function Home() { + return ( +
+
+

+ Get started by editing  + pages/index.tsx +

+ +
+ +
+ Next.js Logo +
+ + +
+ ) +} diff --git a/nextJSTypeScript/postcss.config.js b/nextJSTypeScript/postcss.config.js new file mode 100644 index 000000000..33ad091d2 --- /dev/null +++ b/nextJSTypeScript/postcss.config.js @@ -0,0 +1,6 @@ +module.exports = { + plugins: { + tailwindcss: {}, + autoprefixer: {}, + }, +} diff --git a/nextJSTypeScript/public/favicon.ico b/nextJSTypeScript/public/favicon.ico new file mode 100644 index 000000000..718d6fea4 Binary files /dev/null and b/nextJSTypeScript/public/favicon.ico differ diff --git a/nextJSTypeScript/public/next.svg b/nextJSTypeScript/public/next.svg new file mode 100644 index 000000000..5174b28c5 --- /dev/null +++ b/nextJSTypeScript/public/next.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/nextJSTypeScript/public/vercel.svg b/nextJSTypeScript/public/vercel.svg new file mode 100644 index 000000000..d2f842227 --- /dev/null +++ b/nextJSTypeScript/public/vercel.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/nextJSTypeScript/styles/globals.css b/nextJSTypeScript/styles/globals.css new file mode 100644 index 000000000..b5c61c956 --- /dev/null +++ b/nextJSTypeScript/styles/globals.css @@ -0,0 +1,3 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; diff --git a/nextJSTypeScript/tailwind.config.ts b/nextJSTypeScript/tailwind.config.ts new file mode 100644 index 000000000..b7d25c617 --- /dev/null +++ b/nextJSTypeScript/tailwind.config.ts @@ -0,0 +1,11 @@ +import type { Config } from "tailwindcss"; + +const config: Config = { + content: [ + "./pages/**/*.{js,ts,jsx,tsx,mdx}", + "./components/**/*.{js,ts,jsx,tsx,mdx}", + "./app/**/*.{js,ts,jsx,tsx,mdx}", + ], + plugins: [], +}; +export default config; diff --git a/nextJSTypeScript/tsconfig.json b/nextJSTypeScript/tsconfig.json new file mode 100644 index 000000000..670224f3e --- /dev/null +++ b/nextJSTypeScript/tsconfig.json @@ -0,0 +1,22 @@ +{ + "compilerOptions": { + "target": "es5", + "lib": ["dom", "dom.iterable", "esnext"], + "allowJs": true, + "skipLibCheck": true, + "strict": true, + "noEmit": true, + "esModuleInterop": true, + "module": "esnext", + "moduleResolution": "bundler", + "resolveJsonModule": true, + "isolatedModules": true, + "jsx": "preserve", + "incremental": true, + "paths": { + "@/*": ["./*"] + } + }, + "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], + "exclude": ["node_modules"] +}