Merge pull request #28 from ProLoser/copilot/add-google-token

Author: ProLoser

.env.example

@@ -1 +1,2 @@
-APIFY_TOKEN=apify_api_1234567890
+APIFY_TOKEN=apify_api_1234567890
+GOOGLE_TOKEN=your_google_maps_api_key_here

.github/workflows/deploy.yml

@@ -24,11 +24,13 @@ jobs:
       - name: Checkout
         uses: actions/checkout@v4
 
-      - name: Inject APIFY_TOKEN into map.js
+      - name: Inject tokens
         env:
           APIFY_TOKEN: ${{ secrets.APIFY_TOKEN }}
+          GOOGLE_TOKEN: ${{ secrets.GOOGLE_TOKEN }}
         run: |
           sed -i "s/__APIFY_TOKEN__/${APIFY_TOKEN}/g" map.js
+          sed -i "s/__GOOGLE_TOKEN__/${GOOGLE_TOKEN}/g" index.html
 
       - name: Setup Pages
         uses: actions/configure-pages@v4

README.md

@@ -17,9 +17,10 @@ Latest version has a button to quickly add events to your calendar of choice
    cp .env.example .env
    ```
 
-2. Add your Apify API token to `.env`:
+2. Add your Apify API token and Google Maps API key to `.env`:
    ```
    APIFY_TOKEN=your_actual_apify_token_here
+   GOOGLE_TOKEN=your_actual_google_maps_api_key_here
    ```
 
 3. Open `index.html` in your browser directly, or use a local server:
@@ -33,15 +34,16 @@ Latest version has a button to quickly add events to your calendar of choice
 
 The site automatically deploys to GitHub Pages when you push to the `gh-pages` branch.
 
-**Required GitHub Secret:**
+**Required GitHub Secrets:**
 
-You need to add your Apify API token as a GitHub secret:
+You need to add your Apify API token and Google Maps API key as GitHub secrets:
 
 1. Go to your repository on GitHub
 2. Navigate to **Settings** → **Secrets and variables** → **Actions**
 3. Click **New repository secret**
-4. Name: `APIFY_TOKEN`
-5. Value: Your Apify API token
-6. Click **Add secret**
+4. Add the following secrets:
+   - Name: `APIFY_TOKEN`, Value: Your Apify API token
+   - Name: `GOOGLE_TOKEN`, Value: Your Google Maps API key
+5. Click **Add secret** for each
 
-The GitHub Actions workflow will automatically inject this token into the JavaScript file at build time.
+The GitHub Actions workflow will automatically inject these tokens into the JavaScript files at build time.

index.html

@@ -72,7 +72,7 @@ <h2>Showing <output name="countEvents" for="date">0</output> Events</h2>
   </form>
   <script async defer src="https://cdn.jsdelivr.net/npm/add-to-calendar-button@2"></script>
   <script src="map.js"></script>
-  <script async src="https://maps.googleapis.com/maps/api/js?v=3.exp&loading=async&key=AIzaSyA6u8cQEcT8e94ZGBdbdWkC17aUP1etCos&libraries=marker&callback=initialize"></script>
+  <script async src="https://maps.googleapis.com/maps/api/js?v=3.exp&loading=async&key=__GOOGLE_TOKEN__&libraries=marker&callback=initialize"></script>
 
 <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-0NECRETGYD"></script>