feat: add adhoc-tls support (#4204)

Author: omBratteng

.gitpod.yml

@@ -2,6 +2,7 @@
 ports:
   - port: 5002
     onOpen: open-browser
+    protocol: https
   - port: 4000
     onOpen: ignore
   - port: 5000
@@ -37,6 +38,8 @@ tasks:
     before: |
       nvm install
       nvm use
+      mkdir -p packages/webapp/certificates
+      openssl req -x509 -newkey ec -pkeyopt ec_paramgen_curve:prime256v1 -nodes -keyout packages/webapp/certificates/adhoc-server.key -out packages/webapp/certificates/adhoc-server.crt -days 365 -subj "/O=Daily Dev GitPod/CN=localhost"
     init: |
       npm i -g pnpm@9.14.4
       pnpm install

README.md

@@ -34,12 +34,15 @@ The decision was made to allow faster iterations and to keep features parity in
 ## Projects
 
 ### [packages](https://github.com/dailydotdev/apps/tree/main/packages)
+
 contains a collection of smaller projects or libraries that are used across the daily.dev application suite. Here's a brief overview of each package mentioned:
 
 - ### [eslint-config](https://github.com/dailydotdev/apps/tree/main/packages/eslint-config)
+
   Shared ESLint settings for maintaining consistent code quality across the project.
 
 - ### [eslint-rules](https://github.com/dailydotdev/apps/tree/main/packages/eslint-rules)
+
   A custom ESLint plugin that defines a set of rules for the project, including a rule to enforce consistent color usage.
 
 - ### [extension](https://github.com/dailydotdev/apps/tree/main/packages/extension)
@@ -55,26 +58,27 @@ contains a collection of smaller projects or libraries that are used across the
   The main project contains most of the components used in the applications. Every component that needs to be used on both platforms should be placed in this project. This includes the design system components, custom hooks, and many more.
 
 - ### [storybook](https://github.com/dailydotdev/apps/tree/main/packages/storybook)
+
   The Storybook configuration for the project, used to develop and showcase UI components in isolation.
 
 - ### [webapp](https://github.com/dailydotdev/apps/tree/master/packages/webapp)
 
   The web app project. This is a Next.js project and has more pages than the extension, such as a registration page, post page, profile page, etc. For more information [click here](https://github.com/dailydotdev/apps/tree/master/packages/webapp).
 
 ## Local Environment
+
   To spin up a local environment, we suggest using GitPod. We have a GitPod button above, everything is already configured and should work out of the box. Click on it and let's roll!
 
   **Note:** Checkout getting started with GitPod using their [official docs](https://www.gitpod.io/docs/introduction/getting-started). If you're new to gitPod, don't worry, it's a simple and powerful tool that will help you get started with this project in no time.
 
-
 ## Want to Help?
 
 So you want to contribute to daily.dev app suite and make an impact, we are glad to hear it. :heart_eyes:
 
 Before you proceed we have a few guidelines for contribution that will make everything much easier.
 
 We would appreciate if you dedicate the time and read them carefully:
-https://github.com/dailydotdev/.github/blob/master/CONTRIBUTING.md
+[CONTRIBUTING.md](https://github.com/dailydotdev/.github/blob/master/CONTRIBUTING.md)
 
 ## Bootstrap Project
 

packages/webapp/.env

@@ -1,11 +1,11 @@
-NEXT_PUBLIC_API_URL=http://api.local.com
+NEXT_PUBLIC_API_URL=https://api.local.fylla.dev
 #NEXT_PUBLIC_API_URL=https://api.daily.dev
-NEXT_PUBLIC_SUBS_URL=ws://api.local.com/graphql
-NEXT_PUBLIC_DOMAIN=local.com
+NEXT_PUBLIC_SUBS_URL=wss://api.local.fylla.dev/graphql
+NEXT_PUBLIC_DOMAIN=local.fylla.dev
 
 NEXT_PUBLIC_WEBAPP_URL=/
-NEXT_PUBLIC_AUTH_URL=http://sso.local.com
-NEXT_PUBLIC_HEIMDALL_URL=http://sso.local.com
+NEXT_PUBLIC_AUTH_URL=https://sso.local.fylla.dev
+NEXT_PUBLIC_HEIMDALL_URL=https://sso.local.fylla.dev
 #NEXT_PUBLIC_AUTH_URL=https://sso.daily.dev
 
 NEXT_PUBLIC_ONESIGNAL_APP_ID=04cddacf-5920-47a6-b567-9ae334d26681

packages/webapp/.gitignore

@@ -4,3 +4,5 @@ next-env.d.ts
 # sw files that are generated on build
 public/sw.js
 workbox-*.js
+
+certificates

packages/webapp/README.md

@@ -2,7 +2,7 @@
 
 A Next.js + React web application of daily.dev.
 It utilizes the brand new incremental static generation feature of Next.js to deliver pages fast.
-Available at: https://app.daily.dev
+Available at: [app.daily.dev](https://app.daily.dev)
 
 ## Stack
 
@@ -25,13 +25,12 @@ Available at: https://app.daily.dev
 daily.dev web app requires a running environment of daily.dev.
 [Check out this guide](https://github.com/dailydotdev/daily#-running-dailydev-locally) of how to run daily.dev locally.
 
-Finally run `npm run dev` to run the service and listen to port `5002`.
-
+Finally run `npm run dev:notls` to run the service and listen to port `5002`.
 
 ## Want to Help?
 
 So you want to contribute to daily.dev web app and make an impact, we are glad to hear it. :heart_eyes:
 
 Before you proceed we have a few guidelines for contribution that will make everything much easier.
 We would appreciate if you dedicate the time and read them carefully:
-https://github.com/dailydotdev/.github/blob/master/CONTRIBUTING.md
+[CONTRIBUTING.md](https://github.com/dailydotdev/.github/blob/master/CONTRIBUTING.md)

packages/webapp/package.json

@@ -2,7 +2,8 @@
   "name": "webapp",
   "version": "0.0.0",
   "scripts": {
-    "dev": "next dev -p 5002",
+    "dev": "next dev -p 5002 --experimental-https --experimental-https-key ./certificates/adhoc-server.key --experimental-https-cert ./certificates/adhoc-server.crt",
+    "dev:notls": "next dev -p 5002",
     "build": "next build",
     "start": "next start",
     "lint:fix": "eslint . --ext .js,.jsx,.ts,.tsx --max-warnings 0 --fix",