kalvium-worklog 1.1.0 → 1.2.0

package/README.md

@@ -11,66 +11,40 @@ npm install -g kalvium-worklog
 ## Quick Start
 
 ```bash
-# Full setup (login + discover position + schedule + phone webapp)
+# Full setup (login + discover position + schedule)
 kalvium-worklog install
 
 # Or step by step:
 kalvium-worklog login       # log in via browser (Google + 2FA)
 kalvium-worklog discover    # auto-discover your position ID
 kalvium-worklog schedule 14:00  # daily auto-submit at 2 PM
-kalvium-worklog webapp      # generate phone web app
 ```
 
 ## Commands
 
 | Command | Description |
 |---------|-------------|
-| `kalvium-worklog install` | Full setup: login + discover + schedule + webapp |
+| `kalvium-worklog install` | Full setup: login + discover + schedule |
 | `kalvium-worklog login` | Log in to Kalvium (opens browser, waits for Google + 2FA) |
 | `kalvium-worklog discover` | Auto-discover your internship position ID |
-| `kalvium-worklog submit [text]` | Submit worklog (default: "working") |
+| `kalvium-worklog submit [text]` | Submit worklog (default: "Working on assigned task") |
 | `kalvium-worklog submit "built a feature"` | Submit with custom text |
-| `kalvium-worklog submit --status remote` | Submit with custom status |
 | `kalvium-worklog submit --dry-run` | Test without submitting |
 | `kalvium-worklog status` | Check recent worklog entries |
 | `kalvium-worklog schedule 14:00` | Set up daily auto-submit at 2 PM |
 | `kalvium-worklog schedule --remove` | Remove daily auto-submit |
-| `kalvium-worklog webapp [path]` | Generate phone web app HTML |
 | `kalvium-worklog daily` | Run daily submit (used by scheduler) |
+| `kalvium-worklog catchup` | Check if today's worklog is missing and submit if needed |
 
 ## Features
 
 - **Cross-platform**: macOS (launchd), Windows (Task Scheduler), Linux (cron)
 - **Auto re-login**: If the token expires, automatically opens browser, waits for login, and retries
 - **Token auto-refresh**: Refresh token rotates on each use, lasts 6 days
-- **Phone web app**: Submit from your iPhone/Android (no computer needed after setup)
 - **Auto-discovers position ID**: Works for any user, no hardcoded IDs
 - **Weekend skipping**: Auto-submit skips Saturdays and Sundays
-
-## Work Statuses
-
-| Key | Label |
-|-----|-------|
-| `on_site` | Working on-site (Company location) |
-| `remote` | Working Remotely (Not in the Kalvium environment) |
-| `classroom` | Working out of the Kalvium environment (Classroom) |
-| `holiday` | Today was a company Holiday |
-| `leave` | Took an approved leave from work |
-
-```bash
-kalvium-worklog submit "worked from home" --status remote
-```
-
-## Phone Web App
-
-After running `kalvium-worklog webapp`:
-
-1. AirDrop `~/KalviumWorklog.html` to your phone
-2. Open in **Safari** (iPhone) or **Chrome** (Android)
-3. **Add to Home Screen**
-4. Tap the icon to submit worklogs from your phone
-
-The phone app works independently — it refreshes its own token and auto-retries if the token expires.
+- **Network retry**: Retries up to 5 times on network failure (covers laptop waking up, internet reconnecting)
+- **Catch-up on wake**: If the scheduled time was missed (laptop asleep/offline), submits when the device wakes up
 
 ## How It Works
 
@@ -81,9 +55,10 @@ One-time setup:
 Daily auto-submit (scheduler):
   Refresh token → PUT worklog API → done
   If token expired → auto open browser → re-login → retry
+  If network fails → retry up to 5 times (1 min apart)
 
-Manual submit:
-  kalvium-worklog submit "my update" → refresh token → PUT worklog
+Catch-up (on login/wake, every 30 min):
+  Check if today's worklog is submitted → if not, submit it
 ```
 
 ## Token Lifecycle
@@ -100,10 +75,10 @@ Manual submit:
 ├── refresh_token.json    # Current token (auto-rotates)
 ├── config.json           # Position ID + API URL
 ├── daily_submit.js       # Scheduler entry point
+├── catchup_submit.js     # Catch-up entry point
 └── worklog.log           # Log file
 
 ~/.kalvium_profile/       # Browser profile (saved login)
-~/KalviumWorklog.html     # Phone web app
 ```
 
 ## Uninstall
@@ -111,7 +86,7 @@ Manual submit:
 ```bash
 kalvium-worklog schedule --remove
 npm uninstall -g kalvium-worklog
-rm -rf ~/.kalvium ~/.kalvium_profile ~/KalviumWorklog.html
+rm -rf ~/.kalvium ~/.kalvium_profile
 ```
 
 ## Requirements

package/dist/cli.js

@@ -4,7 +4,6 @@ import { captureToken } from "./capture-token.js";
 import { discoverPosition } from "./discover-position.js";
 import { submitWorklog, checkStatus, dailySubmit, catchUpSubmit } from "./submit.js";
 import { setupScheduler, removeScheduler } from "./scheduler.js";
-import { generateWebapp } from "./generate-webapp.js";
 import { loadToken, saveConfig, getPositionIdFromToken } from "./config.js";
 import { existsSync } from "fs";
 import { join, dirname } from "path";
@@ -42,7 +41,6 @@ program
 program
     .command("submit [text]")
     .description("Submit worklog (default text: 'Working on assigned task')")
-    .option("--status <type>", "Work status", "on_site")
     .option("--dry-run", "Test without submitting")
     .action(async (text, opts) => {
     // Skip weekends (unless dry run)
@@ -53,7 +51,6 @@ program
     }
     const result = await submitWorklog({
         text: text ?? "Working on assigned task",
-        status: opts.status,
         dryRun: opts.dryRun,
     });
     if (!result.success)
@@ -135,19 +132,10 @@ program
     if (!ok)
         process.exit(1);
 });
-// ─── webapp ────────────────────────────────────────────────────────────────
-program
-    .command("webapp [path]")
-    .description("Generate phone web app HTML (default: ~/KalviumWorklog.html)")
-    .action(async (path) => {
-    const ok = await generateWebapp(path);
-    if (!ok)
-        process.exit(1);
-});
 // ─── install (full setup) ──────────────────────────────────────────────────
 program
     .command("install")
-    .description("Full setup: login + discover + schedule + webapp")
+    .description("Full setup: login + discover + schedule")
     .action(async () => {
     const readline = await import("readline");
     const rl = readline.createInterface({
@@ -205,9 +193,6 @@ program
         }
     }
     await setupScheduler({ hour, minute });
-    // Step 4: Webapp
-    console.log("\n── Step 4: Generate phone web app ──");
-    await generateWebapp();
     console.log("\n✅ Setup complete!\n");
     console.log("Commands:");
     console.log("  kalvium-worklog submit              # submit with default text");
@@ -230,7 +215,7 @@ if (process.argv.length <= 2) {
         console.log("    kalvium-worklog install");
         console.log("");
         console.log("  This will log you in, discover your position ID,");
-        console.log("  set up daily auto-submit, and generate a phone web app.");
+        console.log("  and set up daily auto-submit.");
         console.log("");
         console.log("  Or run kalvium-worklog --help to see all commands.");
         console.log("");

package/dist/index.d.ts

@@ -1,10 +1,9 @@
 export { captureToken } from "./capture-token.js";
 export { discoverPosition } from "./discover-position.js";
-export { submitWorklog, checkStatus, dailySubmit, catchUpSubmit, STATUS_OPTIONS } from "./submit.js";
+export { submitWorklog, checkStatus, dailySubmit, catchUpSubmit } from "./submit.js";
 export type { SubmitOptions, SubmitResult } from "./submit.js";
 export { setupScheduler, removeScheduler } from "./scheduler.js";
 export type { ScheduleOptions } from "./scheduler.js";
-export { generateWebapp } from "./generate-webapp.js";
 export { refreshToken } from "./refresh.js";
 export { loadToken, saveToken, loadConfig, saveConfig, getWorklogApi, INSTALL_DIR, TOKEN_FILE, CONFIG_FILE, LOG_FILE, } from "./config.js";
 export type { TokenData, ConfigData } from "./config.js";

package/dist/index.js

@@ -1,7 +1,6 @@
 export { captureToken } from "./capture-token.js";
 export { discoverPosition } from "./discover-position.js";
-export { submitWorklog, checkStatus, dailySubmit, catchUpSubmit, STATUS_OPTIONS } from "./submit.js";
+export { submitWorklog, checkStatus, dailySubmit, catchUpSubmit } from "./submit.js";
 export { setupScheduler, removeScheduler } from "./scheduler.js";
-export { generateWebapp } from "./generate-webapp.js";
 export { refreshToken } from "./refresh.js";
 export { loadToken, saveToken, loadConfig, saveConfig, getWorklogApi, INSTALL_DIR, TOKEN_FILE, CONFIG_FILE, LOG_FILE, } from "./config.js";

package/dist/postinstall.js

@@ -50,7 +50,6 @@ else if (isGlobal) {
     log("    1. Open a browser for you to log in to Kalvium");
     log("    2. Auto-discover your internship position ID");
     log("    3. Set up daily auto-submit at your chosen time");
-    log("    4. Generate a phone web app");
     log("");
     log("  Or set up step by step:");
     log("    " + BOLD + "kalvium-worklog login" + NC + "       log in");

package/dist/submit.d.ts

@@ -1,6 +1,5 @@
 export interface SubmitOptions {
     text?: string;
-    status?: string;
     dryRun?: boolean;
 }
 export interface SubmitResult {
@@ -8,7 +7,6 @@ export interface SubmitResult {
     message: string;
     worklogId?: string;
 }
-export declare const STATUS_OPTIONS: Record<string, string>;
 /**
  * Submit worklog with auto-relogin retry.
  * If the refresh token has expired, automatically opens a browser

package/dist/submit.js

@@ -1,13 +1,8 @@
 import { getWorklogApi, log } from "./config.js";
 import { refreshToken } from "./refresh.js";
 import { captureToken } from "./capture-token.js";
-export const STATUS_OPTIONS = {
-    on_site: "Working on-site (Company location)",
-    remote: "Working Remotely (Not in the Kalvium environment)",
-    classroom: "Working out of the Kalvium environment (Classroom)",
-    holiday: "Today was a company Holiday",
-    leave: "Took an approved leave from work",
-};
+const STATUS_KEY = "on_site";
+const STATUS_LABEL = "Working on-site (Company location)";
 /**
  * Submit worklog with auto-relogin retry.
  * If the refresh token has expired, automatically opens a browser
@@ -15,7 +10,6 @@ export const STATUS_OPTIONS = {
  */
 export async function submitWorklog(options = {}) {
     const text = options.text ?? "Working on assigned task";
-    const statusKey = options.status ?? "on_site";
     const dryRun = options.dryRun ?? false;
     const worklogApi = getWorklogApi();
     if (!worklogApi) {
@@ -24,11 +18,10 @@ export async function submitWorklog(options = {}) {
             message: "No config found. Run `kalvium-worklog discover` first.",
         };
     }
-    const statusLabel = STATUS_OPTIONS[statusKey] ?? STATUS_OPTIONS.on_site;
     const body = JSON.stringify({
-        title: statusLabel,
-        description: statusLabel,
-        category: statusKey,
+        title: STATUS_LABEL,
+        description: STATUS_LABEL,
+        category: STATUS_KEY,
         timeSpent: 0,
         priorityLevel: "medium",
         blockers: "",
@@ -36,7 +29,7 @@ export async function submitWorklog(options = {}) {
     });
     if (dryRun) {
         console.log(`[DRY RUN] Would submit to ${worklogApi}`);
-        console.log(`  text='${text}', status=${statusKey}`);
+        console.log(`  text='${text}', status=${STATUS_KEY}`);
         console.log(`  Body: ${body}`);
         return { success: true, message: "Dry run" };
     }
@@ -196,7 +189,6 @@ export async function dailySubmit() {
         }
         const result = await submitWorklog({
             text: "Working on assigned task",
-            status: "on_site",
         });
         if (result.success) {
             log(`[INFO] SUCCESS: ${result.message}`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kalvium-worklog",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "Auto-submit your daily Kalvium worklog without opening the website",
   "keywords": [
     "kalvium",
@@ -27,8 +27,7 @@
     "kworklog": "dist/cli.js"
   },
   "files": [
-    "dist",
-    "templates"
+    "dist"
   ],
   "scripts": {
     "build": "tsc",

package/templates/worklog_standalone.html

@@ -1,423 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
-    <meta name="apple-mobile-web-app-capable" content="yes">
-    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
-    <meta name="apple-mobile-web-app-title" content="Worklog">
-    <meta name="theme-color" content="#0f172a">
-    <title>Kalvium Worklog</title>
-    <style>
-        * { box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }
-        body {
-            font-family: -apple-system, sans-serif;
-            background: #0f172a; color: #f8fafc;
-            min-height: 100vh; display: flex; flex-direction: column;
-            align-items: center; justify-content: center; padding: 20px;
-            -webkit-user-select: none; user-select: none;
-        }
-        .card {
-            background: #1e293b; border-radius: 20px; padding: 28px 22px;
-            width: 100%; max-width: 380px; box-shadow: 0 10px 40px rgba(0,0,0,0.4);
-        }
-        .header { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; }
-        .logo { width: 36px; height: 36px; border-radius: 10px; background: #3b82f6;
-                display: flex; align-items: center; justify-content: center;
-                font-weight: 800; font-size: 18px; color: white; flex-shrink: 0; }
-        h1 { font-size: 20px; font-weight: 700; }
-        .sub { color: #64748b; font-size: 13px; margin-bottom: 20px; }
-        textarea {
-            width: 100%; min-height: 80px; border-radius: 12px;
-            border: 2px solid #334155; background: #0f172a; color: #f8fafc;
-            padding: 14px; font-size: 16px; resize: none; margin-bottom: 14px;
-            -webkit-user-select: text; user-select: text; font-family: inherit;
-        }
-        textarea:focus { outline: none; border-color: #3b82f6; }
-        .btn {
-            width: 100%; padding: 15px; border-radius: 12px; border: none;
-            font-size: 16px; font-weight: 600; cursor: pointer; transition: 0.15s;
-            -webkit-user-select: none; user-select: none;
-        }
-        .btn-submit { background: #3b82f6; color: white; margin-bottom: 8px; }
-        .btn-submit:active { transform: scale(0.97); background: #2563eb; }
-        .btn-submit:disabled { opacity: 0.4; }
-        .btn-status { background: #334155; color: #94a3b8; font-size: 14px; }
-        .btn-status:active { transform: scale(0.97); }
-        .btn-setup { background: transparent; color: #64748b; font-size: 13px;
-                     margin-top: 12px; text-decoration: underline; }
-        #result {
-            margin-top: 14px; padding: 12px 14px; border-radius: 10px;
-            font-size: 14px; display: none; line-height: 1.4;
-        }
-        .success { background: #064e3b; color: #6ee7b7; }
-        .error { background: #7f1d1d; color: #fca5a5; }
-        .loading { background: #1e293b; color: #94a3b8; }
-        .spinner { display: inline-block; width: 14px; height: 14px;
-                   border: 2px solid #64748b; border-top-color: #f8fafc;
-                   border-radius: 50%; animation: spin 0.8s linear infinite;
-                   vertical-align: middle; margin-right: 6px; }
-        @keyframes spin { to { transform: rotate(360deg); } }
-        .setup-panel { display: none; margin-top: 16px; }
-        .setup-panel textarea { min-height: 120px; font-size: 12px; }
-        .token-status { font-size: 12px; color: #64748b; text-align: center; margin-top: 10px; }
-        .setup-tabs { display: flex; gap: 8px; margin-bottom: 12px; }
-        .tab-btn { flex: 1; padding: 10px; border-radius: 8px; border: none;
-                   font-size: 13px; cursor: pointer; background: #0f172a; color: #64748b; }
-        .tab-btn.active { background: #3b82f6; color: white; }
-        .tab-content { display: none; }
-        .tab-content.active { display: block; }
-        .hint { font-size: 12px; color: #64748b; margin-top: 8px; line-height: 1.5; }
-    </style>
-</head>
-<body>
-    <div class="card">
-        <div class="header">
-            <div class="logo">K</div>
-            <div>
-                <h1>Kalvium Worklog</h1>
-                <div class="sub" id="dateDisplay"></div>
-            </div>
-        </div>
-
-        <textarea id="text" placeholder="What did you worked on today?">Working on assigned task</textarea>
-
-        <button class="btn btn-submit" id="submitBtn" onclick="submitWorklog()">Submit Worklog</button>
-        <button class="btn btn-status" onclick="checkStatus()">Check Status</button>
-        <button class="btn btn-setup" onclick="toggleSetup()">Setup / Token</button>
-
-        <div class="setup-panel" id="setupPanel">
-            <div class="setup-tabs">
-                <button class="tab-btn active" onclick="switchTab('paste')">Paste Token</button>
-                <button class="tab-btn" onclick="switchTab('url')">From URL</button>
-            </div>
-
-            <div class="tab-content active" id="tab-paste">
-                <p class="sub" style="margin-bottom:10px">Paste token JSON from computer setup:</p>
-                <textarea id="tokenInput" placeholder='{"refresh_token":"eyJ...","access_token":"eyJ..."}'></textarea>
-                <button class="btn btn-submit" onclick="saveToken()" style="margin-top:8px">Save Token</button>
-            </div>
-
-            <div class="tab-content" id="tab-url">
-                <p class="sub" style="margin-bottom:10px">If you opened a link with a token, it will be loaded automatically.</p>
-                <p class="hint" id="urlStatus">No token found in URL.</p>
-            </div>
-        </div>
-
-        <div class="token-status" id="tokenStatus"></div>
-        <div id="result"></div>
-    </div>
-
-<script>
-// ─── Config ──────────────────────────────────────────────────────────────
-const KEYCLOAK_URL = "https://auth.kalvium.community/auth/realms/kalvium/protocol/openid-connect/token";
-const CLIENT_ID = "login_client";
-const WORK_STATUS = "Working on-site (Company location)";
-const CATEGORY = "on_site";
-const API_BASE = "https://student-api.kalvium.community/api/internships/worklogs";
-
-// ─── JWT decode (extract position_id from token sub claim) ───────────────
-function decodeJwt(token) {
-    try {
-        const payload = token.split('.')[1];
-        const decoded = atob(payload.replace(/-/g, '+').replace(/_/g, '/'));
-        return JSON.parse(decoded);
-    } catch (e) { return null; }
-}
-
-function getPositionId() {
-    const tokens = getTokenData();
-    if (!tokens || !tokens.access_token) return null;
-    const payload = decodeJwt(tokens.access_token);
-    return payload ? payload.sub : null;
-}
-
-function getWorklogApi() {
-    const posId = getPositionId();
-    return posId ? `${API_BASE}/${posId}` : null;
-}
-
-// ─── Token Management ────────────────────────────────────────────────────
-function getTokenData() {
-    try { return JSON.parse(localStorage.getItem("kalvium_tokens")); }
-    catch { return null; }
-}
-
-function saveTokenData(data) {
-    localStorage.setItem("kalvium_tokens", JSON.stringify(data));
-}
-
-let pendingAction = null;
-
-async function refreshAccessToken() {
-    const tokens = getTokenData();
-    if (!tokens || !tokens.refresh_token) {
-        const err = new Error("No token stored");
-        err.code = "NO_TOKEN";
-        throw err;
-    }
-
-    const body = new URLSearchParams({
-        grant_type: "refresh_token",
-        client_id: CLIENT_ID,
-        refresh_token: tokens.refresh_token
-    });
-
-    const res = await fetch(KEYCLOAK_URL, {
-        method: "POST",
-        headers: { "Content-Type": "application/x-www-form-urlencoded" },
-        body: body
-    });
-
-    const data = await res.json();
-    if (data.error) {
-        const err = new Error(`Token expired (${data.error})`);
-        err.code = "TOKEN_EXPIRED";
-        throw err;
-    }
-
-    saveTokenData(data);
-    updateTokenStatus();
-    return data.access_token;
-}
-
-function showTokenExpiredUI(originalError) {
-    const result = document.getElementById("result");
-    result.style.display = "block";
-    result.className = "error";
-    result.innerHTML = `
-        ✗ ${originalError.message}<br><br>
-        <b>Token expired.</b> Get a new token from your computer:<br>
-        1. Run <code>python ~/.kalvium/capture_token.py</code> on your computer<br>
-        2. Copy the token JSON<br>
-        3. Tap "Setup / Token" below and paste it<br>
-        4. Your action will retry automatically
-    `;
-    document.getElementById("setupPanel").style.display = "block";
-    document.getElementById("tokenInput").focus();
-}
-
-// ─── Submit Worklog ──────────────────────────────────────────────────────
-async function submitWorklog() {
-    const text = document.getElementById("text").value.trim();
-    if (!text) return alert("Enter some text first");
-
-    pendingAction = { type: 'submit', text: text };
-    await doSubmit(text);
-}
-
-async function doSubmit(text) {
-    const btn = document.getElementById("submitBtn");
-    const result = document.getElementById("result");
-    btn.disabled = true;
-    result.style.display = "block";
-    result.className = "loading";
-    result.innerHTML = '<span class="spinner"></span>Refreshing token...';
-
-    try {
-        const accessToken = await refreshAccessToken();
-        const worklogApi = getWorklogApi();
-        if (!worklogApi) throw new Error("Could not determine position ID from token");
-
-        result.innerHTML = '<span class="spinner"></span>Submitting worklog...';
-
-        const body = JSON.stringify({
-            title: WORK_STATUS, description: WORK_STATUS, category: CATEGORY,
-            timeSpent: 0, priorityLevel: "medium", blockers: "",
-            worklogs: JSON.stringify({ content: `<p>${text}</p>` })
-        });
-
-        const res = await fetch(worklogApi, {
-            method: "PUT",
-            headers: {
-                "authorization": `Bearer ${accessToken}`,
-                "content-type": "application/json",
-                "origin": "https://kalvium.community",
-                "referer": "https://kalvium.community/"
-            },
-            body: body
-        });
-
-        const data = await res.json();
-        if (res.ok && data.worklogId) {
-            result.className = "success";
-            result.innerHTML = `✓ Submitted!<br>ID: ${data.worklogId} | Status: ${data.status}`;
-            pendingAction = null;
-        } else if (res.status === 401 || res.status === 403) {
-            const err = new Error("Token rejected by server");
-            err.code = "TOKEN_EXPIRED";
-            throw err;
-        } else if (res.status === 404) {
-            result.className = "success";
-            result.innerHTML = "✓ Already submitted today!";
-            pendingAction = null;
-        } else {
-            result.className = "error";
-            result.innerHTML = `✗ ${data.message || "Failed"}`;
-        }
-    } catch (e) {
-        if (e.code === "TOKEN_EXPIRED" || e.code === "NO_TOKEN") {
-            showTokenExpiredUI(e);
-        } else {
-            result.className = "error";
-            result.innerHTML = `✗ ${e.message}`;
-        }
-    }
-    btn.disabled = false;
-}
-
-// ─── Check Status ────────────────────────────────────────────────────────
-async function checkStatus() {
-    pendingAction = { type: 'status' };
-    await doCheckStatus();
-}
-
-async function doCheckStatus() {
-    const result = document.getElementById("result");
-    result.style.display = "block";
-    result.className = "loading";
-    result.innerHTML = '<span class="spinner"></span>Checking...';
-
-    try {
-        const accessToken = await refreshAccessToken();
-        const worklogApi = getWorklogApi();
-        if (!worklogApi) throw new Error("Could not determine position ID from token");
-
-        const res = await fetch(worklogApi, {
-            headers: { "authorization": `Bearer ${accessToken}` }
-        });
-
-        if (res.status === 401 || res.status === 403) {
-            const err = new Error("Token rejected by server");
-            err.code = "TOKEN_EXPIRED";
-            throw err;
-        }
-
-        const worklogs = await res.json();
-        const today = new Date().toISOString().slice(0, 10);
-
-        let html = "";
-        for (const w of worklogs.slice(0, 5)) {
-            const date = (w.worklogDate || "").slice(0, 10);
-            const status = w.status || "?";
-            let content = "";
-            if (w.worklogs) content = (w.worklogs.content || "").replace(/<\/?p>/g, "");
-            const marker = date === today ? " ← TODAY" : "";
-            html += `${date} | ${status} | ${content}${marker}<br>`;
-        }
-        result.className = "success";
-        result.innerHTML = html;
-        pendingAction = null;
-    } catch (e) {
-        if (e.code === "TOKEN_EXPIRED" || e.code === "NO_TOKEN") {
-            showTokenExpiredUI(e);
-        } else {
-            result.className = "error";
-            result.innerHTML = `✗ ${e.message}`;
-        }
-    }
-}
-
-// ─── Setup ───────────────────────────────────────────────────────────────
-function toggleSetup() {
-    document.getElementById("setupPanel").style.display =
-        document.getElementById("setupPanel").style.display === "block" ? "none" : "block";
-}
-
-function switchTab(tab) {
-    document.querySelectorAll(".tab-btn").forEach(b => b.classList.remove("active"));
-    document.querySelectorAll(".tab-content").forEach(c => c.classList.remove("active"));
-    event.target.classList.add("active");
-    document.getElementById("tab-" + tab).classList.add("active");
-}
-
-function saveToken() {
-    const input = document.getElementById("tokenInput").value.trim();
-    try {
-        const data = JSON.parse(input);
-        if (data.refresh_token) {
-            saveTokenData(data);
-            updateTokenStatus();
-            document.getElementById("tokenInput").value = "";
-            document.getElementById("setupPanel").style.display = "none";
-
-            // Auto-retry the pending action if there was one
-            if (pendingAction) {
-                if (pendingAction.type === 'submit') {
-                    alert("Token saved! Retrying your submission...");
-                    doSubmit(pendingAction.text);
-                } else if (pendingAction.type === 'status') {
-                    alert("Token saved! Retrying status check...");
-                    doCheckStatus();
-                }
-            } else {
-                alert("Token saved! You can now submit worklogs.");
-            }
-        } else {
-            alert("Invalid token JSON — no refresh_token found");
-        }
-    } catch (e) {
-        alert("Invalid JSON: " + e.message);
-    }
-}
-
-function updateTokenStatus() {
-    const tokens = getTokenData();
-    const el = document.getElementById("tokenStatus");
-    if (tokens && tokens.refresh_token) {
-        const posId = getPositionId();
-        el.textContent = `✓ Token stored${posId ? ' (ID: ' + posId.slice(0,8) + '...)' : ''}`;
-        el.style.color = "#6ee7b7";
-    } else {
-        el.textContent = "⚠ No token — tap Setup to add";
-        el.style.color = "#fca5a5";
-    }
-}
-
-// ─── URL token loading (for hosted version) ──────────────────────────────
-function loadTokenFromUrl() {
-    // Check URL hash for token (e.g., #token=base64encodedjson)
-    const hash = window.location.hash;
-    if (hash.startsWith("#token=")) {
-        try {
-            const encoded = hash.substring(7);
-            const decoded = atob(encoded);
-            const data = JSON.parse(decoded);
-            if (data.refresh_token) {
-                saveTokenData(data);
-                updateTokenStatus();
-                document.getElementById("urlStatus").textContent = "✓ Token loaded from URL!";
-                document.getElementById("urlStatus").style.color = "#6ee7b7";
-                // Clean the URL
-                history.replaceState(null, "", window.location.pathname);
-            }
-        } catch (e) {
-            document.getElementById("urlStatus").textContent = "✗ Invalid token in URL";
-        }
-    }
-    // Also check query param
-    const params = new URLSearchParams(window.location.search);
-    const tokenParam = params.get("token");
-    if (tokenParam) {
-        try {
-            const data = JSON.parse(atob(tokenParam));
-            if (data.refresh_token) {
-                saveTokenData(data);
-                updateTokenStatus();
-                document.getElementById("urlStatus").textContent = "✓ Token loaded from URL!";
-                document.getElementById("urlStatus").style.color = "#6ee7b7";
-                history.replaceState(null, "", window.location.pathname);
-            }
-        } catch (e) {}
-    }
-}
-
-// ─── Init ────────────────────────────────────────────────────────────────
-document.getElementById("dateDisplay").textContent = new Date().toLocaleDateString("en-US", {
-    weekday: "long", year: "numeric", month: "long", day: "numeric"
-});
-loadTokenFromUrl();
-updateTokenStatus();
-</script>
-</body>
-</html>

package/templates/worklog_template.html

@@ -1,387 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
-    <meta name="apple-mobile-web-app-capable" content="yes">
-    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
-    <meta name="apple-mobile-web-app-title" content="Worklog">
-    <meta name="theme-color" content="#0f172a">
-    <title>Kalvium Worklog</title>
-    <style>
-        * { box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }
-        body {
-            font-family: -apple-system, sans-serif;
-            background: #0f172a; color: #f8fafc;
-            min-height: 100vh; display: flex; flex-direction: column;
-            align-items: center; justify-content: center; padding: 20px;
-            -webkit-user-select: none; user-select: none;
-        }
-        .card {
-            background: #1e293b; border-radius: 20px; padding: 28px 22px;
-            width: 100%; max-width: 380px; box-shadow: 0 10px 40px rgba(0,0,0,0.4);
-        }
-        .header { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; }
-        .logo { width: 36px; height: 36px; border-radius: 10px; background: #3b82f6;
-                display: flex; align-items: center; justify-content: center;
-                font-weight: 800; font-size: 18px; color: white; flex-shrink: 0; }
-        h1 { font-size: 20px; font-weight: 700; }
-        .sub { color: #64748b; font-size: 13px; margin-bottom: 20px; }
-        textarea {
-            width: 100%; min-height: 80px; border-radius: 12px;
-            border: 2px solid #334155; background: #0f172a; color: #f8fafc;
-            padding: 14px; font-size: 16px; resize: none; margin-bottom: 14px;
-            -webkit-user-select: text; user-select: text; font-family: inherit;
-        }
-        textarea:focus { outline: none; border-color: #3b82f6; }
-        .btn {
-            width: 100%; padding: 15px; border-radius: 12px; border: none;
-            font-size: 16px; font-weight: 600; cursor: pointer; transition: 0.15s;
-            -webkit-user-select: none; user-select: none;
-        }
-        .btn-submit { background: #3b82f6; color: white; margin-bottom: 8px; }
-        .btn-submit:active { transform: scale(0.97); background: #2563eb; }
-        .btn-submit:disabled { opacity: 0.4; }
-        .btn-status { background: #334155; color: #94a3b8; font-size: 14px; }
-        .btn-status:active { transform: scale(0.97); }
-        .btn-setup { background: transparent; color: #64748b; font-size: 13px;
-                     margin-top: 12px; text-decoration: underline; }
-        #result {
-            margin-top: 14px; padding: 12px 14px; border-radius: 10px;
-            font-size: 14px; display: none; line-height: 1.4;
-        }
-        .success { background: #064e3b; color: #6ee7b7; }
-        .error { background: #7f1d1d; color: #fca5a5; }
-        .loading { background: #1e293b; color: #94a3b8; }
-        .spinner { display: inline-block; width: 14px; height: 14px;
-                   border: 2px solid #64748b; border-top-color: #f8fafc;
-                   border-radius: 50%; animation: spin 0.8s linear infinite;
-                   vertical-align: middle; margin-right: 6px; }
-        @keyframes spin { to { transform: rotate(360deg); } }
-        .setup-panel { display: none; margin-top: 16px; }
-        .setup-panel textarea { min-height: 120px; font-size: 12px; }
-        .token-status { font-size: 12px; color: #64748b; text-align: center; margin-top: 10px; }
-        .qr-section { margin-top: 16px; text-align: center; }
-        .qr-section canvas { margin: 10px auto; display: block; }
-        .qr-hint { font-size: 12px; color: #64748b; margin-top: 8px; }
-    </style>
-</head>
-<body>
-    <div class="card">
-        <div class="header">
-            <div class="logo">K</div>
-            <div>
-                <h1>Kalvium Worklog</h1>
-                <div class="sub" id="dateDisplay"></div>
-            </div>
-        </div>
-
-        <textarea id="text" placeholder="What did you work on today?">Working on assigned task</textarea>
-
-        <button class="btn btn-submit" id="submitBtn" onclick="submitWorklog()">Submit Worklog</button>
-        <button class="btn btn-status" onclick="checkStatus()">Check Status</button>
-        <button class="btn btn-setup" onclick="toggleSetup()">Setup / Token</button>
-
-        <div class="setup-panel" id="setupPanel">
-            <p class="sub" style="margin-bottom:10px">Paste token JSON from computer, or scan QR code:</p>
-            <textarea id="tokenInput" placeholder='Paste refresh token JSON here'></textarea>
-            <button class="btn btn-submit" onclick="saveToken()" style="margin-top:8px">Save Token</button>
-
-            <div class="qr-section" id="qrSection">
-                <p class="sub">Or scan QR code from computer:</p>
-                <button class="btn btn-status" onclick="scanQR()">Scan QR Code</button>
-            </div>
-        </div>
-
-        <div class="token-status" id="tokenStatus"></div>
-        <div id="result"></div>
-    </div>
-
-<script>
-// ─── Config ──────────────────────────────────────────────────────────────
-const KEYCLOAK_URL = "https://auth.kalvium.community/auth/realms/kalvium/protocol/openid-connect/token";
-const CLIENT_ID = "login_client";
-const WORK_STATUS = "Working on-site (Company location)";
-const CATEGORY = "on_site";
-const API_BASE = "https://student-api.kalvium.community/api/internships/worklogs";
-
-// ─── JWT decode (extract position_id from token) ─────────────────────────
-function decodeJwt(token) {
-    try {
-        const payload = token.split('.')[1];
-        const decoded = atob(payload.replace(/-/g, '+').replace(/_/g, '/'));
-        return JSON.parse(decoded);
-    } catch (e) {
-        return null;
-    }
-}
-
-function getPositionId() {
-    const tokens = getTokenData();
-    if (!tokens || !tokens.access_token) return null;
-    const payload = decodeJwt(tokens.access_token);
-    return payload ? payload.sub : null;
-}
-
-function getWorklogApi() {
-    const posId = getPositionId();
-    if (!posId) return null;
-    return `${API_BASE}/${posId}`;
-}
-
-// ─── Token Management ────────────────────────────────────────────────────
-function getTokenData() {
-    try { return JSON.parse(localStorage.getItem("kalvium_tokens")); }
-    catch { return null; }
-}
-
-function saveTokenData(data) {
-    localStorage.setItem("kalvium_tokens", JSON.stringify(data));
-}
-
-// Track pending action for retry after re-login
-let pendingAction = null; // 'submit' or 'status'
-
-async function refreshAccessToken() {
-    const tokens = getTokenData();
-    if (!tokens || !tokens.refresh_token) {
-        const err = new Error("No token stored");
-        err.code = "NO_TOKEN";
-        throw err;
-    }
-
-    const body = new URLSearchParams({
-        grant_type: "refresh_token",
-        client_id: CLIENT_ID,
-        refresh_token: tokens.refresh_token
-    });
-
-    const res = await fetch(KEYCLOAK_URL, {
-        method: "POST",
-        headers: { "Content-Type": "application/x-www-form-urlencoded" },
-        body: body
-    });
-
-    const data = await res.json();
-    if (data.error) {
-        const err = new Error(`Token expired (${data.error})`);
-        err.code = "TOKEN_EXPIRED";
-        err.data = data;
-        throw err;
-    }
-
-    // Save new tokens (refresh token rotates)
-    saveTokenData(data);
-    updateTokenStatus();
-    return data.access_token;
-}
-
-// Show "token expired" UI and prompt user to paste a new one
-function showTokenExpiredUI(originalError) {
-    const result = document.getElementById("result");
-    result.style.display = "block";
-    result.className = "error";
-    result.innerHTML = `
-        ✗ ${originalError.message}<br><br>
-        <b>Token expired.</b> Get a new token from your computer:<br>
-        1. Run <code>python ~/.kalvium/capture_token.py</code> on your computer<br>
-        2. Copy the token JSON<br>
-        3. Tap "Setup / Token" below and paste it<br>
-        4. Your action will retry automatically
-    `;
-    // Auto-open the setup panel
-    document.getElementById("setupPanel").style.display = "block";
-    document.getElementById("tokenInput").focus();
-}
-
-// ─── Submit Worklog ──────────────────────────────────────────────────────
-async function submitWorklog() {
-    const text = document.getElementById("text").value.trim();
-    if (!text) return alert("Enter some text first");
-
-    pendingAction = { type: 'submit', text: text };
-    await doSubmit(text);
-}
-
-async function doSubmit(text) {
-    const btn = document.getElementById("submitBtn");
-    const result = document.getElementById("result");
-    btn.disabled = true;
-    result.style.display = "block";
-    result.className = "loading";
-    result.innerHTML = '<span class="spinner"></span>Refreshing token...';
-
-    try {
-        const accessToken = await refreshAccessToken();
-        const worklogApi = getWorklogApi();
-        if (!worklogApi) throw new Error("Could not determine position ID from token");
-
-        result.innerHTML = '<span class="spinner"></span>Submitting worklog...';
-
-        const body = JSON.stringify({
-            title: WORK_STATUS,
-            description: WORK_STATUS,
-            category: CATEGORY,
-            timeSpent: 0,
-            priorityLevel: "medium",
-            blockers: "",
-            worklogs: JSON.stringify({ content: `<p>${text}</p>` })
-        });
-
-        const res = await fetch(worklogApi, {
-            method: "PUT",
-            headers: {
-                "authorization": `Bearer ${accessToken}`,
-                "content-type": "application/json",
-                "origin": "https://kalvium.community",
-                "referer": "https://kalvium.community/"
-            },
-            body: body
-        });
-
-        const data = await res.json();
-
-        if (res.ok && data.worklogId) {
-            result.className = "success";
-            result.innerHTML = `✓ Submitted!<br>ID: ${data.worklogId} | Status: ${data.status}`;
-            pendingAction = null; // Clear on success
-        } else if (res.status === 401 || res.status === 403) {
-            // Token invalid at API level — treat as expired
-            const err = new Error("Token rejected by server");
-            err.code = "TOKEN_EXPIRED";
-            throw err;
-        } else if (res.status === 404) {
-            result.className = "success";
-            result.innerHTML = "✓ Already submitted today!";
-            pendingAction = null;
-        } else {
-            result.className = "error";
-            result.innerHTML = `✗ ${data.message || "Failed"}`;
-        }
-    } catch (e) {
-        if (e.code === "TOKEN_EXPIRED" || e.code === "NO_TOKEN") {
-            showTokenExpiredUI(e);
-        } else {
-            result.className = "error";
-            result.innerHTML = `✗ ${e.message}`;
-        }
-    }
-    btn.disabled = false;
-}
-
-// ─── Check Status ────────────────────────────────────────────────────────
-async function checkStatus() {
-    pendingAction = { type: 'status' };
-    await doCheckStatus();
-}
-
-async function doCheckStatus() {
-    const result = document.getElementById("result");
-    result.style.display = "block";
-    result.className = "loading";
-    result.innerHTML = '<span class="spinner"></span>Checking...';
-
-    try {
-        const accessToken = await refreshAccessToken();
-        const worklogApi = getWorklogApi();
-        if (!worklogApi) throw new Error("Could not determine position ID from token");
-
-        const res = await fetch(worklogApi, {
-            headers: { "authorization": `Bearer ${accessToken}` }
-        });
-
-        if (res.status === 401 || res.status === 403) {
-            const err = new Error("Token rejected by server");
-            err.code = "TOKEN_EXPIRED";
-            throw err;
-        }
-
-        const worklogs = await res.json();
-        const today = new Date().toISOString().slice(0, 10);
-
-        let html = "";
-        for (const w of worklogs.slice(0, 5)) {
-            const date = (w.worklogDate || "").slice(0, 10);
-            const status = w.status || "?";
-            let content = "";
-            if (w.worklogs) content = (w.worklogs.content || "").replace(/<\/?p>/g, "");
-            const marker = date === today ? " ← TODAY" : "";
-            html += `${date} | ${status} | ${content}${marker}<br>`;
-        }
-        result.className = "success";
-        result.innerHTML = html;
-        pendingAction = null; // Clear on success
-    } catch (e) {
-        if (e.code === "TOKEN_EXPIRED" || e.code === "NO_TOKEN") {
-            showTokenExpiredUI(e);
-        } else {
-            result.className = "error";
-            result.innerHTML = `✗ ${e.message}`;
-        }
-    }
-}
-
-// ─── Setup ───────────────────────────────────────────────────────────────
-function toggleSetup() {
-    const panel = document.getElementById("setupPanel");
-    panel.style.display = panel.style.display === "block" ? "none" : "block";
-}
-
-function saveToken() {
-    const input = document.getElementById("tokenInput").value.trim();
-    try {
-        const data = JSON.parse(input);
-        if (data.refresh_token) {
-            saveTokenData(data);
-            updateTokenStatus();
-            document.getElementById("tokenInput").value = "";
-            document.getElementById("setupPanel").style.display = "none";
-
-            // Auto-retry the pending action if there was one
-            if (pendingAction) {
-                if (pendingAction.type === 'submit') {
-                    alert("Token saved! Retrying your submission...");
-                    doSubmit(pendingAction.text);
-                } else if (pendingAction.type === 'status') {
-                    alert("Token saved! Retrying status check...");
-                    doCheckStatus();
-                }
-            } else {
-                alert("Token saved! You can now submit worklogs.");
-            }
-        } else {
-            alert("Invalid token JSON — no refresh_token found");
-        }
-    } catch (e) {
-        alert("Invalid JSON: " + e.message);
-    }
-}
-
-function scanQR() {
-    // Open camera for QR scanning using a simple approach
-    // We use a public QR scanner that returns the data via URL
-    const qrScannerUrl = "https://api.qrserver.com/v1/create-qr-code/?size=300x300&data=";
-    alert("To scan QR:\n1. Run 'python generate_webapp.py' on your computer\n2. It will show a QR code\n3. Scan it with your phone camera\n4. Copy the text and paste it above");
-}
-
-function updateTokenStatus() {
-    const tokens = getTokenData();
-    const el = document.getElementById("tokenStatus");
-    if (tokens && tokens.refresh_token) {
-        const posId = getPositionId();
-        el.textContent = `✓ Token stored${posId ? ' (Position: ' + posId.slice(0,8) + '...)' : ''}`;
-        el.style.color = "#6ee7b7";
-    } else {
-        el.textContent = "⚠ No token — tap Setup to add";
-        el.style.color = "#fca5a5";
-    }
-}
-
-// ─── Init ────────────────────────────────────────────────────────────────
-document.getElementById("dateDisplay").textContent = new Date().toLocaleDateString("en-US", {
-    weekday: "long", year: "numeric", month: "long", day: "numeric"
-});
-updateTokenStatus();
-</script>
-</body>
-</html>