update example apps

examples/.smallweb/config.json

@@ -1,3 +1,6 @@
 {
-    "domain": "smallweb.localhost"
+    "domain": "smallweb.localhost",
+    "adminApps": [
+        "ls"
+    ]
 }

examples/cli/main.ts

@@ -1,4 +1,5 @@
 export default {
+    fetch: () => new Response("This app is supposed to be used from the cli: smallweb run cli"),
     run() {
         console.log("Hello, world!");
     }

examples/ls/main.ts

@@ -0,0 +1,52 @@
+async function handleRequest() {
+    const { SMALLWEB_DOMAIN, SMALLWEB_DIR } = Deno.env.toObject()
+    const entries = await Array.fromAsync(Deno.readDir(SMALLWEB_DIR))
+    const html = /* html */`
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            margin: 0;
+        }
+        table {
+            width: 100%;
+            border-collapse: collapse;
+        }
+        th, td {
+            border: 1px solid #ddd;
+            padding: 8px;
+            text-align: left;
+        }
+        th {
+            background-color: #f2f2f2;
+        }
+        tr:nth-child(even) {
+            background-color: #f2f2f2;
+        }
+    </style>
+    <table>
+        <thead>
+            <tr>
+                <th>Name</th>
+                <th>URL</th>
+            </tr>
+        </thead>
+        <tbody>
+            ${entries.filter(entry => !entry.name.startsWith(".")).map(entry => `
+                <tr>
+                    <td>${entry.name}</td>
+                    <td><a href="https://${entry.name}.${SMALLWEB_DOMAIN}">https://${entry.name}.${SMALLWEB_DOMAIN}</a></td>
+                </tr>
+            `).join('')}
+        </tbody>
+    </table>
+    `
+    return new Response(html, {
+        headers: {
+            "content-type": "text/html"
+        }
+    })
+}
+
+export default {
+    fetch: handleRequest
+}