starfederation · nickchomey · Dec 20, 2024 · Dec 20, 2024 · Dec 23, 2024 · Dec 24, 2024
@@ -27,3 +27,4 @@ jobs:
           flyctl deploy --local-only
         env:
           FLY_API_TOKEN: ${{ secrets.FLY_API_TOKEN }}
+
@@ -74,6 +74,18 @@ var Consts = &ConstTemplateData{
 			Icon:          "vscode-icons:file-type-php2",
 			SdkUrl:        "https://github.com/starfederation/datastar/tree/main/sdk/php",
 		},
+		{
+			FileExtension: "python",
+			Name:          "Python",
+			Icon:          "vscode-icons:file-type-python",
+			SdkUrl:        "https://github.com/starfederation/datastar/tree/main/sdk/python",
+		},
+		{
+			FileExtension: "typescript",
+			Name:          "TypeScript",
+			Icon:          "vscode-icons:file-type-typescript-official",
+			SdkUrl:        "https://github.com/starfederation/datastar/tree/main/sdk/typescript",
+		},
 		{
 			FileExtension: "fs",
 			Name:          "Dotnet",

@@ -41,7 +41,7 @@ Follow the links for more complete (and executable) examples
 
 ## Frameworks / Alternate runtimes
 
-If you cant simply use the node / web versions, then you can extend the abstract
+If you can't simply use the node / web versions, then you can extend the abstract
 class in `./src/abstractServerSentEventGenerator.ts`. You will need to provide
 implementations of the `constructor`, `readSignals`, `stream` and `send`
 methods.

@@ -1,43 +1,46 @@
-import { serve } from "https://deno.land/[email protected]/http/server.ts";
 import { ServerSentEventGenerator } from "../src/web/serverSentEventGenerator.ts";
 
-serve(async (req: Request) => {
-  const url = new URL(req.url);
+Deno.serve({
+  port: 8000,
+  hostname: "localhost",
+  handler: async (req: Request) => {
+    const url = new URL(req.url);
+
+    if (url.pathname === "/") {
+      return new Response(
+        `<html><head><script type="module" src="https://cdn.jsdelivr.net/gh/starfederation/[email protected]/bundles/datastar.js"></script></head><body><div id="toMerge" data-signals-foo="'World'" data-on-load="@get('/merge')">Hello</div></body></html>`,
+        {
+          headers: { "Content-Type": "text/html" },
+        },
+      );
+    } else if (url.pathname.includes("/merge")) {
+      const reader = await ServerSentEventGenerator.readSignals(req);
 
-  if (url.pathname === "/") {
-    return new Response(
-      `<html><head><script type="module" src="https://cdn.jsdelivr.net/gh/starfederation/[email protected]/bundles/datastar.js"></script></head><body><div id="toMerge" data-signals-foo="'World'" data-on-load="@get('/merge')">Hello</div></body></html>`,
-      {
-        headers: { "Content-Type": "text/html" },
-      },
-    );
-  } else if (url.pathname.includes("/merge")) {
-    const reader = await ServerSentEventGenerator.readSignals(req);
+      if (!reader.success) {
+        console.error("Error while reading signals", reader.error);
 
-    if (!reader.success) {
-      console.error("Error while reading signals", reader.error);
+        return new Response(`Error while reading signals`, {
+          headers: { "Content-Type": "text/html" },
+        });
+      }
 
-      return new Response(`Error while reading signals`, {
-        headers: { "Content-Type": "text/html" },
-      });
-    }
+      if (!("foo" in reader.signals)) {
+        console.error("The foo signal is not present");
 
-    if (!("foo" in reader.signals)) {
-      console.error("The foo signal is not present");
+        return new Response("The foo signal is not present", {
+          headers: { "Content-Type": "text/html" },
+        });
+      }
 
-      return new Response("The foo signal is not present", {
-        headers: { "Content-Type": "text/html" },
+      return ServerSentEventGenerator.stream((stream) => {
+        stream.mergeFragments(
+          `<div id="toMerge">Hello ${reader.signals.foo}</div>`,
+        );
       });
     }
 
-    return ServerSentEventGenerator.stream((stream) => {
-      stream.mergeFragments(
-        `<div id="toMerge">Hello ${reader.signals.foo}</div>`,
-      );
+    return new Response(`Path not found: ${req.url}`, {
+      headers: { "Content-Type": "text/html" },
     });
-  }
-
-  return new Response(`Path not found: ${req.url}`, {
-    headers: { "Content-Type": "text/html" },
-  });
+  },
 });
@@ -0,0 +1,27 @@
+import * as esbuild from "https://deno.land/x/esbuild/mod.js";
+import { denoPlugins } from "jsr:@luca/esbuild-deno-loader";
+const minify = Deno.env.get("MINIFY") === "true";
+const outfile = minify
+  ? "./public/service-worker.min.js"
+  : "./public/service-worker.js";
+
+// Build with configuration based on MINIFY env var
+await esbuild.build({
+  plugins: [...denoPlugins()],
+  write: true,
+  entryPoints: ["./service-worker.ts"],
+  outfile,
+  bundle: true,
+  minify,
+  format: "esm",
+  legalComments: "none",
+  platform: "browser",
+  conditions: ["worker", "browser"],
+  // Add TypeScript resolution
+  resolveExtensions: [".ts", ".js", ".mjs"],
+  loader: {
+    ".ts": "ts",
+  },
+});
+
+esbuild.stop();
@@ -0,0 +1,14 @@
+{
+  "imports": {
+    "@hono/hono": "jsr:@hono/hono@^4.6.19",
+    "@luca/esbuild-deno-loader": "jsr:@luca/esbuild-deno-loader@^0.9.0"
+  },
+  "tasks": {
+    "build:sw": "deno run -A --unstable-sloppy-imports build.ts",
+    "build:sw:min": "MINIFY=true deno run -A --unstable-sloppy-imports build.ts",
+    "serve": "deno run -A --unstable-sloppy-imports deno.ts",
+    "start": "deno task build:sw & deno task serve",
+    "start:min": "deno task build:sw:min & MINIFY=true deno task serve"
+  },
+  "nodeModulesDir": "auto"
+}
Original file line number	Diff line number	Diff line change
Expand Up		@@ -27,3 +27,4 @@ jobs:
		flyctl deploy --local-only
		env:
		FLY_API_TOKEN: ${{ secrets.FLY_API_TOKEN }}