-
Feed Map
-
API
-
Slack
-
+
+ {isPending ?
loading...
: session?.user ? (
+
+
your keys
+
+
+ ) : (
+
+ )}
);
}
export function renderNavbar(active: string) {
- render(
, document.getElementById("navbar")!);
+ const el = document.getElementById("navbar");
+ if (el) createRoot(el).render(
);
}
diff --git a/src/web/style.css b/src/web/style.css
index 5eed330..9f9ae1f 100644
--- a/src/web/style.css
+++ b/src/web/style.css
@@ -69,6 +69,7 @@ body {
gap: 1.5rem;
padding: 0.5rem 1rem;
background: var(--surface);
+ flex-wrap: wrap;
border-bottom: 1px solid var(--border);
position: sticky;
top: 0;
@@ -80,9 +81,10 @@ body {
color: var(--text);
text-decoration: none;
}
-.navbar-links {
+.navbar-links-main {
display: flex;
gap: 0.75rem;
+ flex-grow: 1;
}
.navbar-links a {
color: var(--text-muted);
@@ -312,3 +314,91 @@ body {
from { stroke-dashoffset: 10; }
to { stroke-dashoffset: 0; }
}
+
+.button {
+ display: inline-flex;
+ align-items: center;
+ margin-left: 8px;
+ margin-right: 8px;
+ justify-content: center;
+ flex-shrink: 0;
+ gap: 0.375rem;
+ height: 1.75rem;
+ padding: 0 0.5rem;
+ cursor: pointer;
+ white-space: nowrap;
+ background: white;
+ color: black;
+ font-size: 0.75rem;
+ font-weight: 500;
+ line-height: 1;
+ border: none;
+ outline: none;
+ box-shadow: 2;
+ transition: all 0.2s ease;
+ }
+
+ .red {
+ background-color: #983b3d;
+ color: white;
+ }
+
+ .card, .input {
+ border: 1px solid;
+ display: flex;
+ flex-direction: column;
+ gap: 12px;
+ background-color: #070707;
+ color: white;
+padding: .5rem;
+ }
+
+ .card {
+ padding: 1rem;
+ }
+
+
+ .column {
+ display: flex;
+ flex-direction: column;
+ gap: 12px;
+ }
+
+ .badge {
+ display: inline-flex;
+ align-items: center;
+
+ padding: 0.25rem 0.5rem; /* py-1 px-2 */
+
+ border-radius: 0.375rem; /* rounded-md */
+
+ background-color: #1d2635; /* bg-yellow-400/10 */
+ color: #99a1af; /* text-yellow-500 */
+
+ font-size: 0.75rem; /* text-xs */
+ line-height: 1rem;
+ font-size: 0.8em;
+ font-weight: 500; /* font-medium */
+
+ /* inset-ring inset-ring-yellow-400/20 */
+ box-shadow: inset 0 0 0 1px rgb(250 204 21 / 0.2);
+}
+
+@keyframes rapid-zoom {
+ 0%,
+ 100% {
+ transform: scale(1);
+ }
+
+ 50% {
+ transform: scale(1.15);
+ }
+}
+
+.rot-badge {
+ position: absolute;
+ rotate: -6deg;
+ translate: -70px 20px;
+ animation: rapid-zoom 1800ms ease-in-out infinite;
+ transform-origin: center;
+}
diff --git a/src/web/usage.tsx b/src/web/usage.tsx
index 39c9df5..4caf63c 100644
--- a/src/web/usage.tsx
+++ b/src/web/usage.tsx
@@ -2,8 +2,11 @@ import Markdown from 'react-markdown'
import {createRoot} from 'react-dom/client'
import remarkGfm from 'remark-gfm'
import './lockdown'
+import { renderNavbar } from "./navbar"
-const markdown = `# Slack Usage
+renderNavbar("usage")
+
+const markdown = `# Slack Bot Usage
Slash commands for managing indigest channels. Run these in Slack like:
@@ -70,15 +73,6 @@ If you want to add an older message to the feed without waiting for the Yep!/No
- \`/in status\` — Show channel status, feeds, and permissions.`;
-document.getElementById("navbar")!.innerHTML = `
`;
-
createRoot(document.getElementById("app")!).render(
{markdown}
diff --git a/usage.html b/usage.html
index 722de93..663543b 100644
--- a/usage.html
+++ b/usage.html
@@ -2,8 +2,11 @@
+
+
+
-
indigest — Slack Docs
+ indigest - slack bot usage
diff --git a/vite.config.ts b/vite.config.ts
index 04573b2..5232128 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -11,7 +11,8 @@ export default defineConfig({
input: {
main: "index.html",
docs: "docs.html",
- usage: "usage.html"
+ usage: "usage.html",
+ keys: "keys.html"
},
},
},
diff --git a/wrangler.jsonc b/wrangler.jsonc
index 60cfa4b..1697016 100644
--- a/wrangler.jsonc
+++ b/wrangler.jsonc
@@ -1,28 +1,51 @@
{
- "$schema": "./node_modules/wrangler/config-schema.json",
- "name": "indigest",
- "main": "src/worker.ts",
- "compatibility_date": "2025-07-21",
- "compatibility_flags": ["nodejs_compat"],
- "observability": {
- "enabled": true
- },
- "assets": {
- "directory": "./dist",
- "not_found_handling": "none",
- "run_worker_first": [
- "/api/*",
- "/feed/*",
- "/events",
- "/interactions",
- "/slack",
- "/slack/",
- "/spec.json"
- ]
- },
- "vars": {
- "API_USERNAME": "admin",
- "LOCKDOWN_USERS": "U07VA44DNBA,U09Q8MLTE58,U07EB2Y76DP",
- "SLACK_CLIENT_ID": "2210535565.11557816933424",
- }
+ "$schema": "./node_modules/wrangler/config-schema.json",
+ "name": "indigest",
+ "main": "src/worker.ts",
+ "compatibility_date": "2025-07-21",
+ "compatibility_flags": [
+ "nodejs_compat"
+ ],
+ "observability": {
+ "enabled": true
+ },
+ "routes": [
+ {
+ "pattern": "indigest.matmanna.dev/*",
+ "zone_name": "matmanna.dev"
+ },
+ {
+ "pattern": "*-indigest.matmanna.dev/*",
+ "zone_name": "matmanna.dev"
+ },
+ {
+ "pattern": "indigest.matmanna.dev",
+ "zone_name": "matmanna.dev",
+ "custom_domain": true
+ }
+ ],
+ "assets": {
+ "directory": "./dist",
+ "not_found_handling": "none",
+ "run_worker_first": [
+ "/api/*",
+ "/feed/*",
+ "/events",
+ "/interactions",
+ "/slack",
+ "/slack/",
+ "/spec.json"
+ ]
+ },
+ "hyperdrive": [
+ {
+ "binding": "HYPERDRIVE_BINDING",
+ "id": "af08c1f1e52543949fae23f29a7f939b"
+ }
+ ],
+ "vars": {
+ "API_USERNAME": "admin",
+ "LOCKDOWN_USERS": "U07VA44DNBA,U09Q8MLTE58,U07EB2Y76DP",
+ "SLACK_CLIENT_ID": "2210535565.11557816933424",
+ }
}