FEAT : Env hint (#209)

Co-authored-by: Ivan Dalmet <ivan@dalmet.fr>
Co-authored-by: Yoann Fleury <yoann.fleury@yahoo.com>

Author: 3 people

.env.example

@@ -0,0 +1 @@
+ENV_NAME="LOCAL"

README.md

@@ -1,5 +1,26 @@
 # ↗️ Fork it! Community - Website
 
+## Installation
+
+1. Duplicate the `.env.example` file to a new `.env` file, and update the environment variables
+
+```bash
+cp .env.example .env
+```
+
+2. Install dependencies
+
+```bash
+pnpm install
+```
+
+3. Development
+
+```bash
+# Run the development server
+pnpm dev
+```
+
 ## 🚀 Project Structure
 
 Inside the project, you'll see the following folders and files:

astro.config.mjs

@@ -1,4 +1,4 @@
-import { defineConfig } from "astro/config";
+import { defineConfig, envField } from "astro/config";
 import react from "@astrojs/react";
 import tailwind from "@astrojs/tailwind";
 import mdx from "@astrojs/mdx";
@@ -17,6 +17,16 @@ export default defineConfig({
     contentIntellisense: true,
   },
 
+  env: {
+    schema: {
+      ENV_NAME: envField.string({
+        context: "server",
+        access: "public",
+        optional: true,
+      }),
+    },
+  },
+
   integrations: [
     react(),
     tailwind({

src/components/EnvHint/EnvHint.astro

@@ -0,0 +1,13 @@
+---
+import { ENV_NAME } from "astro:env/server";
+---
+
+{
+  !!ENV_NAME && (
+    <div class="pointer-events-none fixed left-0 right-0 top-0 z-[9999] h-[2px] bg-primary shadow-2xl">
+      <span class="fixed left-0 top-0 rounded-br-sm bg-primary px-1.5 py-0.5 font-heading text-2xs font-medium uppercase tracking-widest text-black">
+        {ENV_NAME}
+      </span>
+    </div>
+  )
+}

src/content/events/2024-belgium-ottignies-louvain-la-neuve/index.mdx

@@ -2,7 +2,6 @@
 type: "meetup"
 city: Ottignies-Louvain-la-Neuve
 country: Belgium
-title: Fork it! Meetup Belgium 2024
 date: 2024-11-19
 status: "cancelled"
 location:
@@ -42,5 +41,4 @@ schedule:
     startTime: 2024-11-19T19:30:00.000Z
 eventStatus: EventCancelled
 attendanceMode: OfflineEventAttendanceMode
-isFree: true
 ---

src/content/events/2024-malaisia-kuala-lumpur/index.mdx

@@ -48,7 +48,6 @@ schedule:
     startTime: 2024-10-17T20:30:00.000Z
 eventStatus: EventScheduled
 attendanceMode: OfflineEventAttendanceMode
-isFree: true
 afterEventContent:
   photos:
     href: https://photos.app.goo.gl/SD81bdUVpdfm1iRg7

src/content/events/2024-morocco-casablanca/index.mdx

@@ -1,5 +1,4 @@
 ---
-title: Fork it! Meetup Casablanca 2024
 city: Casablanca
 country: Morocco
 date: 2024-11-28
@@ -48,7 +47,6 @@ schedule:
     startTime: 2024-11-28T21:00:00.000Z
 eventStatus: EventScheduled
 attendanceMode: OfflineEventAttendanceMode
-isFree: true
 afterEventContent:
   photos:
     href: https://photos.app.goo.gl/r69idnA4gxWJj4U46

src/content/events/2024-thailand-bangkok/index.mdx

@@ -49,7 +49,6 @@ schedule:
 
 eventStatus: EventScheduled
 attendanceMode: OfflineEventAttendanceMode
-isFree: true
 afterEventContent:
   photos:
     href: https://photos.app.goo.gl/k74fQxdhqyX5gBWa9

src/content/events/2024-vietnam-da-nang/index.mdx

@@ -44,7 +44,6 @@ schedule:
     startTime: 2024-11-05T20:15:00.000Z
 eventStatus: EventScheduled
 attendanceMode: OfflineEventAttendanceMode
-isFree: true
 afterEventContent:
   photos:
     href: https://photos.app.goo.gl/kH76NbdFiNHzKbsD6

src/content/events/2024-vietnam-hanoi/index.mdx

@@ -2,7 +2,6 @@
 type: "meetup"
 city: Hanoi
 country: Vietnam
-title: Fork it! Meetup Hanoi 2024
 date: 2024-10-17
 status: "published"
 location:
@@ -47,7 +46,6 @@ schedule:
     startTime: 2024-10-17T20:30:00.000Z
 eventStatus: EventScheduled
 attendanceMode: OfflineEventAttendanceMode
-isFree : true
 afterEventContent:
   photos:
     href: https://photos.app.goo.gl/wRQu4Byv75qCjUwF9