# 🚀 Gitea Setup Guide - LinkedIn AI-Text Generator ## Steg-för-steg installation pĂ„ din Gitea-server --- ## Steg 1: Skapa Repository i Gitea 1. **Logga in** pĂ„ din Gitea-server (t.ex. `https://wolfnova.ai/gitea`) 2. Klicka pĂ„ **"+"** → **"New Repository"** 3. **Repository name:** `linkedin-ai-tools` 4. **Visibility:** Public (viktigt! annars fungerar inte bookmarklet) 5. **Initialize repository:** - ✅ Kryssa i "Initialize Repository" - ✅ Add README: (vi ersĂ€tter den senare) - License: None (eller vĂ€lj en) 6. **Create Repository** --- ## Steg 2: Ladda upp filer Du har tre alternativ: ### Alternativ A: Via Gitea Web UI (Enklast) 1. I ditt nya repo, klicka **"Upload file"** 2. Dra och slĂ€pp dessa filer: - `linkedin-ai.js` - `version.json` - `README.md` (ersĂ€tter befintlig) 3. **Commit message:** "Initial upload v2.0.0" 4. **Commit Changes** ### Alternativ B: Via Git CLI ```bash # Klona repot git clone https://wolfnova.ai/gitea/DITTANVÄNDARNAMN/linkedin-ai-tools.git cd linkedin-ai-tools # Kopiera filerna till mappen cp /path/to/linkedin-ai.js . cp /path/to/version.json . cp /path/to/README.md . # Commit och pusha git add . git commit -m "Initial upload v2.0.0" git push origin main ``` ### Alternativ C: Direkt redigera i Gitea 1. Klicka pĂ„ varje fil i repot 2. Klicka **"Edit"** 3. Klistra in innehĂ„llet 4. **Commit Changes** --- ## Steg 3: Hitta Raw URL 1. I Gitea-repot, klicka pĂ„ **`linkedin-ai.js`** 2. Klicka pĂ„ **"Raw"**-knappen 3. Kopiera URL:en frĂ„n adressfĂ€ltet **URL-format blir:** ``` https://wolfnova.ai/gitea/DITTANVÄNDARNAMN/linkedin-ai-tools/raw/branch/main/linkedin-ai.js ``` **Exempel:** ``` https://wolfnova.ai/gitea/wolfnova/linkedin-ai-tools/raw/branch/main/linkedin-ai.js ``` --- ## Steg 4: Skapa Bookmarklet Nu skapar du bookmarklet som laddar frĂ„n din Gitea: ### Bookmarklet-kod: ```javascript javascript:(function(){var s=document.createElement('script');s.src='https://wolfnova.ai/gitea/DITTANVÄNDARNAMN/linkedin-ai-tools/raw/branch/main/linkedin-ai.js';document.body.appendChild(s);})(); ``` **⚠ VIKTIGT:** Byt ut `DITTANVÄNDARNAMN` och domĂ€nen mot din faktiska Gitea-URL! ### Skapa bokmĂ€rket: 1. **Högerklicka** i bokmĂ€rkesfĂ€ltet 2. **"Add bookmark"** eller **"LĂ€gg till bokmĂ€rke"** 3. **Name:** `✹ LinkedIn AI` 4. **URL:** Klistra in bookmarklet-koden ovan (med din URL!) 5. **Save** --- ## Steg 5: Testa 1. GĂ„ till **LinkedIn.com** 2. **Markera vilken text som helst** 3. **Klicka pĂ„ `✹ LinkedIn AI`** i bokmĂ€rkesfĂ€ltet 4. **Popup ska dyka upp!** ✹ Om det fungerar: 🎉 **Grattis!** --- ## Steg 6: Dela med teamet ### Intern distribution: **Skapa en guide för ditt team:** ```markdown # AnvĂ€nd LinkedIn AI-Text Generator 1. Högerklicka i bokmĂ€rkesfĂ€ltet 2. VĂ€lj "Add bookmark" 3. Namn: ✹ LinkedIn AI 4. URL: [din bookmarklet-kod hĂ€r] 5. Spara Klart! Nu kan du markera text och klicka pĂ„ bokmĂ€rket. ``` ### Eller skapa en "installer-sida": Skapa `install.html` i Gitea-repot: ```html LinkedIn AI - Installation

✹ LinkedIn AI-Text Generator

Dra detta till ditt bokmÀrkesfÀlt:

✹ LinkedIn AI

AnvÀndning

  1. GĂ„ till LinkedIn
  2. Markera text
  3. Klicka pÄ bokmÀrket
  4. VĂ€lj funktion
``` Dela lĂ€nken: `https://wolfnova.ai/gitea/DITTANVÄNDARNAMN/linkedin-ai-tools/src/branch/main/install.html` --- ## Hantera CORS (Om problem uppstĂ„r) Om bookmarklet inte kan ladda scriptet pĂ„ grund av CORS, lĂ€gg till dessa headers i Gitea: ### Nginx config (om du anvĂ€nder Nginx framför Gitea): ```nginx location /gitea/wolfnova/linkedin-ai-tools/raw/ { add_header Access-Control-Allow-Origin *; add_header Access-Control-Allow-Methods "GET, OPTIONS"; proxy_pass http://localhost:3000; } ``` ### Alternativt: AnvĂ€nd CDN Om CORS Ă€r ett problem, anvĂ€nd en CDN som automatiskt lĂ€gger till CORS-headers: 1. LĂ€gg scriptet pĂ„ **jsDelivr** eller **cdnjs** 2. Eller anvĂ€nd din egen Nginx/Apache med CORS-headers --- ## Uppdatera Scriptet NĂ€r du vill uppdatera: 1. **Redigera `linkedin-ai.js`** i Gitea 2. **Uppdatera `version.json`:** ```json { "version": "2.1.0", "released": "2026-01-20", ... } ``` 3. **Commit changes** 4. **✅ Alla anvĂ€ndare fĂ„r automatiskt uppdateringen!** Ingen behöver uppdatera sitt bokmĂ€rke manuellt! --- ## Felsökning ### Problem: Script laddar inte **Kontrollera:** ```bash # Testa om URL:en Ă€r tillgĂ€nglig curl https://wolfnova.ai/gitea/DITTANVÄNDARNAMN/linkedin-ai-tools/raw/branch/main/linkedin-ai.js # Ska returnera JavaScript-kod, inte HTML ``` **Lösning:** - Kontrollera att repot Ă€r Public - Verifiera att filen heter exakt `linkedin-ai.js` - Kolla att branch heter `main` (inte `master`) ### Problem: CORS-fel i Console **Fel:** ``` Access to script at '...' from origin 'https://linkedin.com' has been blocked by CORS policy ``` **Lösning:** 1. LĂ€gg till CORS-headers (se ovan) 2. Eller anvĂ€nd **fallback inline bookmarklet** (se nedan) ### Problem: CSP-blockering Vissa sidor (LinkedIn, GitHub) blockerar externa scripts. **Lösning: Hybrid Bookmarklet** ```javascript javascript:(function(){ fetch('https://wolfnova.ai/gitea/DITTANVÄNDARNAMN/linkedin-ai-tools/raw/branch/main/linkedin-ai.js') .then(r => r.text()) .then(code => eval(code)) .catch(e => { alert('❌ Kunde inte ladda script. Kontrollera att servern Ă€r tillgĂ€nglig.'); console.error(e); }); })(); ``` --- ## Backup: Fallback Inline Bookmarklet Om Gitea-lösningen inte fungerar pĂ„ grund av CORS/CSP, ha denna som backup: **Minifierad inline-version** (ingen server behövs): ```javascript [Din nuvarande inline bookmarklet-kod hĂ€r som backup] ``` --- ## Fördelar med Gitea-lösningen ✅ **Centraliserad uppdatering** - Uppdatera en gĂ„ng, alla fĂ„r uppdateringen ✅ **Versionskontroll** - Git-historik över alla Ă€ndringar ✅ **Collaboration** - Flera kan bidra till utvecklingen ✅ **Self-hosted** - Full kontroll över koden ✅ **Privat eller public** - Du bestĂ€mmer ✅ **CI/CD möjligt** - Kan koppla pĂ„ automatiska tester --- ## NĂ€sta steg Efter basic setup, övervĂ€g: 1. **LĂ€gg till fler funktioner** i `linkedin-ai.js` 2. **Skapa installer-sida** för enklare distribution 3. **SĂ€tt upp monitoring** - logga hur ofta scriptet laddas 4. **Version check** - Notifiera anvĂ€ndare om nya versioner 5. **A/B testing** - Testa olika prompts och UI-varianter --- ## Support Problem? Kontakta: - **Email:** [din email] - **Gitea:** https://wolfnova.ai/gitea/DITTANVÄNDARNAMN/linkedin-ai-tools/issues --- **Lycka till! 🚀** Wolfnova Innovation