feat: add payment method support

pkg/dwn/sw.js

@@ -14,3 +14,9 @@ self.addEventListener("install", (event) => {
 self.addEventListener("activate", (event) => {
   event.waitUntil(clients.claim());
 });
+
+self.addEventListener("canmakepayment", function (e) {
+  e.respondWith(new Promise(function (resolve, reject) {
+    resolve(true);
+  }));
+});

pkg/nebula/components/auth/forms/consent_privacy.templ

@@ -1,6 +1,6 @@
 package forms
 
-templ privacyConsentForm() {
+templ PrivacyConsentForm() {
 	<div class="border rounded-lg shadow-sm bg-card text-zinc-900">
 		<div class="flex flex-col space-y-1.5 p-6"></div>
 		<div class="p-6 pt-0 space-y-2">

pkg/nebula/components/auth/forms/consent_privacy_templ.go

@@ -8,7 +8,7 @@ package forms
 import "github.com/a-h/templ"
 import templruntime "github.com/a-h/templ/runtime"
 
-func privacyConsentForm() templ.Component {
+func PrivacyConsentForm() templ.Component {
 	return templruntime.GeneratedTemplate(func(templ_7745c5c3_Input templruntime.GeneratedComponentInput) (templ_7745c5c3_Err error) {
 		templ_7745c5c3_W, ctx := templ_7745c5c3_Input.Writer, templ_7745c5c3_Input.Context
 		if templ_7745c5c3_CtxErr := ctx.Err(); templ_7745c5c3_CtxErr != nil {

pkg/nebula/components/auth/forms/details_basic.templ

@@ -1,6 +1,6 @@
 package forms
 
-templ ProfileDetailsForm() {
+templ BasicDetailsForm() {
 	<div class="border rounded-lg shadow-sm bg-card text-zinc-900">
 		<div class="flex flex-col space-y-1.5 p-6"></div>
 		<div class="p-6 pt-0 space-y-2">

pkg/nebula/components/auth/forms/details_basic_templ.go

@@ -8,7 +8,7 @@ package forms
 import "github.com/a-h/templ"
 import templruntime "github.com/a-h/templ/runtime"
 
-func ProfileDetailsForm() templ.Component {
+func BasicDetailsForm() templ.Component {
 	return templruntime.GeneratedTemplate(func(templ_7745c5c3_Input templruntime.GeneratedComponentInput) (templ_7745c5c3_Err error) {
 		templ_7745c5c3_W, ctx := templ_7745c5c3_Input.Writer, templ_7745c5c3_Input.Context
 		if templ_7745c5c3_CtxErr := ctx.Err(); templ_7745c5c3_CtxErr != nil {

pkg/nebula/components/auth/modal.templ

@@ -10,7 +10,7 @@ import (
 templ Modal(c echo.Context) {
 		@styles.OpenModal("Account Registration", "Enter your account information below to create your account.") {
 		@ui.Breadcrumbs()
-		@forms.ProfileDetailsForm()
+		@forms.BasicDetailsForm()
 		@styles.Spacer()
 		<div class="flex flex-col-reverse sm:flex-row sm:justify-between sm:space-x-2">
 			<button @click="modalOpen=false" type="button" class="inline-flex items-center justify-center h-10 px-4 py-2 text-sm font-medium transition-colors border rounded-md focus:outline-none focus:ring-2 focus:ring-neutral-100 focus:ring-offset-2">Cancel</button>

pkg/nebula/components/auth/modal_templ.go

@@ -56,7 +56,7 @@ func Modal(c echo.Context) templ.Component {
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			templ_7745c5c3_Err = forms.ProfileDetailsForm().Render(ctx, templ_7745c5c3_Buffer)
+			templ_7745c5c3_Err = forms.BasicDetailsForm().Render(ctx, templ_7745c5c3_Buffer)
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}

pkg/nebula/global/state/worker.templ

@@ -0,0 +1,96 @@
+package state
+
+const (
+  CDNPath = "https://cdn.sonr.id"
+)
+
+var serviceWorkerHandle = templ.NewOnceHandle()
+
+script RegisterServiceWorker() {
+    if ("serviceWorker" in navigator) {
+        window.addEventListener("load", function() {
+            navigator.serviceWorker
+                .register("/sw.js")
+                .then(function (registration) {
+                    console.log("Service Worker registered with scope:", registration.scope);
+                })
+                .catch(function (error) {
+                    console.log("Service Worker registration failed:", error);
+                });
+        });
+    }
+}
+
+templ ImportScripts() {
+	<script src="https://cdn.sonr.io/js/htmx.min.js"></script>
+	<script src="https://cdn.tailwindcss.com"></script>
+	<script src="https://unpkg.com/alpinejs" defer></script>
+}
+
+templ indexFile(cfg string) {
+	<!DOCTYPE html>
+	<html lang="en">
+		<head>
+			<meta charset="UTF-8"/>
+			<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
+			<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+			<link href="https://cdn.sonr.io/stylesheet.css" rel="stylesheet"/>
+			@importScripts()
+			<style>
+                [x-cloak] {
+                    display: none;
+                }
+            </style>
+			<title>Sonr DWN</title>
+			<script>
+                if ("serviceWorker" in navigator) {
+                    window.addEventListener("load", function() {
+                        navigator.serviceWorker
+                            .register("/sw.js")
+                            .then(function (registration) {
+                                console.log("Service Worker registered with scope:", registration.scope);
+                            })
+                            .catch(function (error) {
+                                console.log("Service Worker registration failed:", error);
+                            });
+                    });
+                }
+            </script>
+		</head>
+		<body class="flex items-center justify-center h-full bg-neutral-50 lg:p-24 md:16 p-4">
+			<main class="flex-row items-center justify-center mx-auto w-fit max-w-screen-sm gap-y-3">
+				<div id="output">Loading...</div>
+			</main>
+			@ServiceWorkerHandle.Once() {
+				<script src="/assets/main.js" type="module"></script>
+				@initializeServiceWorker(cfg)
+			}
+		</body>
+	</html>
+}
+
+script initializeServiceWorker(config string) {
+    const serviceWorker = new ServiceWorker(JSON.parse(config));
+
+    async function demo() {
+        try {
+            // Insert a new account
+            const accountId = await serviceWorker.insertAccount({
+                name: 'John Doe',
+                address: '0x1234567890123456789012345678901234567890',
+                balance: 100,
+            });
+
+            console.log('Account created:', accountId);
+
+            // Get the account
+            const account = await serviceWorker.getAccount(accountId);
+
+            console.log('Account:', account);
+
+            }
+            catch (error) {
+                console.error('Error:', error);
+            }
+            }
+}

pkg/nebula/global/state/worker_templ.go

@@ -0,0 +1,166 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.778
+package state
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import templruntime "github.com/a-h/templ/runtime"
+
+const (
+	CDNPath = "https://cdn.sonr.id"
+)
+
+var serviceWorkerHandle = templ.NewOnceHandle()
+
+func RegisterServiceWorker() templ.ComponentScript {
+	return templ.ComponentScript{
+		Name: `__templ_RegisterServiceWorker_a2fb`,
+		Function: `function __templ_RegisterServiceWorker_a2fb(){if ("serviceWorker" in navigator) {
+        window.addEventListener("load", function() {
+            navigator.serviceWorker
+                .register("/sw.js")
+                .then(function (registration) {
+                    console.log("Service Worker registered with scope:", registration.scope);
+                })
+                .catch(function (error) {
+                    console.log("Service Worker registration failed:", error);
+                });
+        });
+    }
+}`,
+		Call:       templ.SafeScript(`__templ_RegisterServiceWorker_a2fb`),
+		CallInline: templ.SafeScriptInline(`__templ_RegisterServiceWorker_a2fb`),
+	}
+}
+
+func ImportScripts() templ.Component {
+	return templruntime.GeneratedTemplate(func(templ_7745c5c3_Input templruntime.GeneratedComponentInput) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_W, ctx := templ_7745c5c3_Input.Writer, templ_7745c5c3_Input.Context
+		if templ_7745c5c3_CtxErr := ctx.Err(); templ_7745c5c3_CtxErr != nil {
+			return templ_7745c5c3_CtxErr
+		}
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templruntime.GetBuffer(templ_7745c5c3_W)
+		if !templ_7745c5c3_IsBuffer {
+			defer func() {
+				templ_7745c5c3_BufErr := templruntime.ReleaseBuffer(templ_7745c5c3_Buffer)
+				if templ_7745c5c3_Err == nil {
+					templ_7745c5c3_Err = templ_7745c5c3_BufErr
+				}
+			}()
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<script src=\"https://cdn.sonr.io/js/htmx.min.js\"></script><script src=\"https://cdn.tailwindcss.com\"></script><script src=\"https://unpkg.com/alpinejs\" defer></script>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func indexFile(cfg string) templ.Component {
+	return templruntime.GeneratedTemplate(func(templ_7745c5c3_Input templruntime.GeneratedComponentInput) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_W, ctx := templ_7745c5c3_Input.Writer, templ_7745c5c3_Input.Context
+		if templ_7745c5c3_CtxErr := ctx.Err(); templ_7745c5c3_CtxErr != nil {
+			return templ_7745c5c3_CtxErr
+		}
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templruntime.GetBuffer(templ_7745c5c3_W)
+		if !templ_7745c5c3_IsBuffer {
+			defer func() {
+				templ_7745c5c3_BufErr := templruntime.ReleaseBuffer(templ_7745c5c3_Buffer)
+				if templ_7745c5c3_Err == nil {
+					templ_7745c5c3_Err = templ_7745c5c3_BufErr
+				}
+			}()
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var2 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var2 == nil {
+			templ_7745c5c3_Var2 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<!doctype html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><link href=\"https://cdn.sonr.io/stylesheet.css\" rel=\"stylesheet\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = importScripts().Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<style>\n                [x-cloak] {\n                    display: none;\n                }\n            </style><title>Sonr DWN</title><script>\n                if (\"serviceWorker\" in navigator) {\n                    window.addEventListener(\"load\", function() {\n                        navigator.serviceWorker\n                            .register(\"/sw.js\")\n                            .then(function (registration) {\n                                console.log(\"Service Worker registered with scope:\", registration.scope);\n                            })\n                            .catch(function (error) {\n                                console.log(\"Service Worker registration failed:\", error);\n                            });\n                    });\n                }\n            </script></head><body class=\"flex items-center justify-center h-full bg-neutral-50 lg:p-24 md:16 p-4\"><main class=\"flex-row items-center justify-center mx-auto w-fit max-w-screen-sm gap-y-3\"><div id=\"output\">Loading...</div></main>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Var3 := templruntime.GeneratedTemplate(func(templ_7745c5c3_Input templruntime.GeneratedComponentInput) (templ_7745c5c3_Err error) {
+			templ_7745c5c3_W, ctx := templ_7745c5c3_Input.Writer, templ_7745c5c3_Input.Context
+			templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templruntime.GetBuffer(templ_7745c5c3_W)
+			if !templ_7745c5c3_IsBuffer {
+				defer func() {
+					templ_7745c5c3_BufErr := templruntime.ReleaseBuffer(templ_7745c5c3_Buffer)
+					if templ_7745c5c3_Err == nil {
+						templ_7745c5c3_Err = templ_7745c5c3_BufErr
+					}
+				}()
+			}
+			ctx = templ.InitializeContext(ctx)
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<script src=\"/assets/main.js\" type=\"module\"></script> ")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = initializeServiceWorker(cfg).Render(ctx, templ_7745c5c3_Buffer)
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			return templ_7745c5c3_Err
+		})
+		templ_7745c5c3_Err = ServiceWorkerHandle.Once().Render(templ.WithChildren(ctx, templ_7745c5c3_Var3), templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</body></html>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func initializeServiceWorker(config string) templ.ComponentScript {
+	return templ.ComponentScript{
+		Name: `__templ_initializeServiceWorker_8c3c`,
+		Function: `function __templ_initializeServiceWorker_8c3c(config){const serviceWorker = new ServiceWorker(JSON.parse(config));
+
+    async function demo() {
+        try {
+            // Insert a new account
+            const accountId = await serviceWorker.insertAccount({
+                name: 'John Doe',
+                address: '0x1234567890123456789012345678901234567890',
+                balance: 100,
+            });
+
+            console.log('Account created:', accountId);
+
+            // Get the account
+            const account = await serviceWorker.getAccount(accountId);
+
+            console.log('Account:', account);
+
+            }
+            catch (error) {
+                console.error('Error:', error);
+            }
+            }
+}`,
+		Call:       templ.SafeScript(`__templ_initializeServiceWorker_8c3c`, config),
+		CallInline: templ.SafeScriptInline(`__templ_initializeServiceWorker_8c3c`, config),
+	}
+}
+
+var _ = templruntime.GeneratedTemplate

pkg/nebula/global/styles/typography_templ.go

@@ -54,7 +54,7 @@ func renderText(level int, text string) templ.Component {
 			var templ_7745c5c3_Var2 string
 			templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(text)
 			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/nebula/global/styles/fonts.templ`, Line: 23, Col: 10}
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/nebula/global/styles/typography.templ`, Line: 23, Col: 10}
 			}
 			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
 			if templ_7745c5c3_Err != nil {
@@ -72,7 +72,7 @@ func renderText(level int, text string) templ.Component {
 			var templ_7745c5c3_Var3 string
 			templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(text)
 			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/nebula/global/styles/fonts.templ`, Line: 27, Col: 10}
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/nebula/global/styles/typography.templ`, Line: 27, Col: 10}
 			}
 			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
 			if templ_7745c5c3_Err != nil {
@@ -90,7 +90,7 @@ func renderText(level int, text string) templ.Component {
 			var templ_7745c5c3_Var4 string
 			templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(text)
 			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/nebula/global/styles/fonts.templ`, Line: 31, Col: 10}
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/nebula/global/styles/typography.templ`, Line: 31, Col: 10}
 			}
 			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4))
 			if templ_7745c5c3_Err != nil {
@@ -108,7 +108,7 @@ func renderText(level int, text string) templ.Component {
 			var templ_7745c5c3_Var5 string
 			templ_7745c5c3_Var5, templ_7745c5c3_Err = templ.JoinStringErrs(text)
 			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/nebula/global/styles/fonts.templ`, Line: 35, Col: 10}
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/nebula/global/styles/typography.templ`, Line: 35, Col: 10}
 			}
 			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var5))
 			if templ_7745c5c3_Err != nil {
@@ -159,7 +159,7 @@ func renderLink(attrs templ.Attributes, text string) templ.Component {
 		var templ_7745c5c3_Var7 string
 		templ_7745c5c3_Var7, templ_7745c5c3_Err = templ.JoinStringErrs(text)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/nebula/global/styles/fonts.templ`, Line: 42, Col: 8}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/nebula/global/styles/typography.templ`, Line: 42, Col: 8}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var7))
 		if templ_7745c5c3_Err != nil {
@@ -209,7 +209,7 @@ func renderStrong(attrs templ.Attributes, text string) templ.Component {
 		var templ_7745c5c3_Var9 string
 		templ_7745c5c3_Var9, templ_7745c5c3_Err = templ.JoinStringErrs(text)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/nebula/global/styles/fonts.templ`, Line: 48, Col: 8}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/nebula/global/styles/typography.templ`, Line: 48, Col: 8}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var9))
 		if templ_7745c5c3_Err != nil {
@@ -259,7 +259,7 @@ func renderEmphasis(attrs templ.Attributes, text string) templ.Component {
 		var templ_7745c5c3_Var11 string
 		templ_7745c5c3_Var11, templ_7745c5c3_Err = templ.JoinStringErrs(text)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/nebula/global/styles/fonts.templ`, Line: 54, Col: 8}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/nebula/global/styles/typography.templ`, Line: 54, Col: 8}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var11))
 		if templ_7745c5c3_Err != nil {
@@ -309,7 +309,7 @@ func renderCode(attrs templ.Attributes, text string) templ.Component {
 		var templ_7745c5c3_Var13 string
 		templ_7745c5c3_Var13, templ_7745c5c3_Err = templ.JoinStringErrs(text)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/nebula/global/styles/fonts.templ`, Line: 60, Col: 8}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/nebula/global/styles/typography.templ`, Line: 60, Col: 8}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var13))
 		if templ_7745c5c3_Err != nil {

pkg/nebula/package.json

@@ -1,14 +1,11 @@
 {
   "name": "nebula",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "scripts": {
     "fetch:deps": "bun run .deps.mjs",
-    "build:ts": "tsc",
+    "build:css": "bunx tailwindcss -i ./global/styles/globals.css -o ./assets/css/styles.css",
-    "build:css": "bunx tailwindcss -i ./src/styles.css -o ./assets/css/styles.css",
+    "build": "bun run fetch:deps && bun run build:css",
-    "build": "bun run fetch:deps && bun run build:ts && bun run build:css",
+    "watch": "bunx tailwindcss -i ./global/styles/globals.css -o ./assets/css/styles.css --watch"
-    "watch:ts": "tsc -w",
-    "watch:css": "bunx tailwindcss -i ./src/styles.css -o ./assets/css/styles.css --watch",
-    "watch": "bun run watch:ts & bun run watch:css"
   },
   "devDependencies": {
     "@tailwindcss/forms": "^0.5.7",

pkg/nebula/src/motr.ts

@@ -1,4 +0,0 @@
-import "htmx.org";
-import "alpinejs";
-
-console.log("Hello from TypeScript!");

pkg/nebula/tsconfig.json

@@ -1,13 +0,0 @@
-{
-  "compilerOptions": {
-    "outDir": "./assets/js",
-    "rootDir": "./src",
-    "target": "ES6",
-    "module": "ES6",
-    "moduleResolution": "node",
-    "strict": true
-  },
-  "include": [
-    "src/**/*"
-  ]
-}