feature/1114 implement account interface (#1167)

- **refactor: move session-related code to middleware package**
- **refactor: update PKL build process and adjust related
configurations**
- **feat: integrate base.cosmos.v1 Genesis module**
- **refactor: pass session context to modal rendering functions**
- **refactor: move nebula package to app directory and update templ
version**
- **refactor: Move home section video view to dedicated directory**
- **refactor: remove unused views file**
- **refactor: move styles and UI components to global scope**
- **refactor: Rename images.go to cdn.go**
- **feat: Add Empty State Illustrations**
- **refactor: Consolidate Vault Index Logic**
- **fix: References to App.wasm and remove Vault Directory embedded CDN
files**
- **refactor: Move CDN types to Models**
- **fix: Correct line numbers in templ error messages for
arch_templ.go**
- **refactor: use common types for peer roles**
- **refactor: move common types and ORM to a shared package**
- **fix: Config import dwn**
- **refactor: move nebula directory to app**
- **feat: Rebuild nebula**
- **fix: correct file paths in panels templates**
- **feat: Remove duplicate types**
- **refactor: Move dwn to pkg/core**
- **refactor: Binary Structure**
- **feat: Introduce Crypto Pkg**
- **fix: Broken Process Start**
- **feat: Update pkg/* structure**
- **feat: Refactor PKL Structure**
- **build: update pkl build process**
- **chore: Remove Empty Files**
- **refactor: remove unused macaroon package**
- **feat: Add WebAwesome Components**
- **refactor: consolidate build and generation tasks into a single
taskfile, remove redundant makefile targets**
- **refactor: refactor server and move components to pkg/core/dwn**
- **build: update go modules**
- **refactor: move gateway logic into dedicated hway command**
- **feat: Add KSS (Krawczyk-Song-Song) MPC cryptography module**
- **feat: Implement MPC-based JWT signing and UCAN token generation**
- **feat: add support for MPC-based JWT signing**
- **feat: Implement MPC-based UCAN capabilities for smart accounts**
- **feat: add address field to keyshareSource**
- **feat: Add comprehensive MPC test suite for keyshares, UCAN tokens,
and token attenuations**
- **refactor: improve MPC keyshare management and signing process**
- **feat: enhance MPC capability hierarchy documentation**
- **refactor: rename GenerateKeyshares function to NewKeyshareSource for
clarity**
- **refactor: remove unused Ethereum address computation**
- **feat: Add HasHandle and IsAuthenticated methods to HTTPContext**
- **refactor: Add context.Context support to session HTTPContext**
- **refactor: Resolve context interface conflicts in HTTPContext**
- **feat: Add session ID context key and helper functions**
- **feat: Update WebApp Page Rendering**
- **refactor: Simplify context management by using single HTTPContext
key**
- **refactor: Simplify HTTPContext creation and context management in
session middleware**
- **refactor: refactor session middleware to use a single data
structure**
- **refactor: Simplify HTTPContext implementation and session data
handling**
- **refactor: Improve session context handling and prevent nil pointer
errors**
- **refactor: Improve session context handling with nil safety and type
support**
- **refactor: improve session data injection**
- **feat: add full-screen modal component and update registration flow**
- **chore: add .air.toml to .gitignore**
- **feat: add Air to devbox and update dependencies**
This commit is contained in:
Prad Nukala
2024-11-23 01:28:58 -05:00
committed by GitHub
parent bf94277b0f
commit 89989fa102
549 changed files with 74162 additions and 9856 deletions
+47
View File
@@ -0,0 +1,47 @@
package credentials
import (
"github.com/labstack/echo/v4"
)
// CreateCredentials initiates the credential creation process
func CreateCredentials(c echo.Context, options PublicKeyCredentialCreationOptions) error {
return CreateCredential(options).Render(c.Request().Context(), c.Response().Writer)
}
// GetCredentials initiates the credential retrieval process
func GetCredentials(c echo.Context, options PublicKeyCredentialRequestOptions) error {
return GetCredential(options).Render(c.Request().Context(), c.Response().Writer)
}
// Example usage:
func RegisterHandler(c echo.Context) error {
options := PublicKeyCredentialCreationOptions{
Challenge: "your-challenge-base64url",
RpName: "Your App",
RpID: "yourdomain.com",
UserID: "user-id-base64url",
UserName: "username",
UserDisplayName: "User Display Name",
Timeout: 60000,
AttestationType: "none",
}
return CreateCredentials(c, options)
}
func LoginHandler(c echo.Context) error {
options := PublicKeyCredentialRequestOptions{
Challenge: "your-challenge-base64url",
RpID: "yourdomain.com",
Timeout: 60000,
AllowCredentials: []CredentialDescriptor{
{
Type: "public-key",
ID: "credential-id-base64url",
},
},
}
return GetCredentials(c, options)
}
+10
View File
@@ -0,0 +1,10 @@
package credentials
import "github.com/labstack/echo/v4"
type CredentialsManager interface {
Create(c echo.Context) error
Get(c echo.Context) error
List(c echo.Context) error
HasWebAuthn(c echo.Context) error
}
+6
View File
@@ -0,0 +1,6 @@
package credentials
type Config struct {
RpName string
RpID string
}
+191
View File
@@ -0,0 +1,191 @@
package credentials
var credentialsHandle = templ.NewOnceHandle()
// Types for credential data
type PublicKeyCredentialCreationOptions struct {
Challenge string `json:"challenge"`
RpName string `json:"rpName"`
RpID string `json:"rpId"`
UserID string `json:"userId"`
UserName string `json:"userName"`
UserDisplayName string `json:"userDisplayName"`
Timeout int `json:"timeout,omitempty"`
AttestationType string `json:"attestationType,omitempty"`
}
type PublicKeyCredentialRequestOptions struct {
Challenge string `json:"challenge"`
RpID string `json:"rpId"`
Timeout int `json:"timeout,omitempty"`
UserVerification string `json:"userVerification,omitempty"`
AllowCredentials []CredentialDescriptor `json:"allowCredentials,omitempty"`
}
type CredentialDescriptor struct {
Type string `json:"type"`
ID string `json:"id"`
}
// Base credentials script template
templ CredentialsScripts() {
@credentialsHandle.Once() {
<script type="text/javascript">
// Check if WebAuthn is supported
async function isWebAuthnSupported() {
return window.PublicKeyCredential !== undefined;
}
// Create credentials
async function createCredential(options) {
try {
const publicKey = {
challenge: base64URLDecode(options.challenge),
rp: {
name: options.rpName,
id: options.rpId,
},
user: {
id: base64URLDecode(options.userId),
name: options.userName,
displayName: options.userDisplayName,
},
pubKeyCredParams: [{alg: -7, type: "public-key"}],
timeout: options.timeout || 60000,
attestation: options.attestationType || "none",
};
const credential = await navigator.credentials.create({
publicKey: publicKey
});
return {
id: credential.id,
rawId: arrayBufferToBase64URL(credential.rawId),
type: credential.type,
response: {
attestationObject: arrayBufferToBase64URL(credential.response.attestationObject),
clientDataJSON: arrayBufferToBase64URL(credential.response.clientDataJSON),
}
};
} catch (err) {
console.error('Error creating credential:', err);
throw err;
}
}
// Get credentials
async function getCredential(options) {
try {
const publicKey = {
challenge: base64URLDecode(options.challenge),
rpId: options.rpId,
timeout: options.timeout || 60000,
userVerification: options.userVerification || "preferred",
};
if (options.allowCredentials) {
publicKey.allowCredentials = options.allowCredentials.map(cred => ({
type: cred.type,
id: base64URLDecode(cred.id),
}));
}
const assertion = await navigator.credentials.get({
publicKey: publicKey
});
return {
id: assertion.id,
rawId: arrayBufferToBase64URL(assertion.rawId),
type: assertion.type,
response: {
authenticatorData: arrayBufferToBase64URL(assertion.response.authenticatorData),
clientDataJSON: arrayBufferToBase64URL(assertion.response.clientDataJSON),
signature: arrayBufferToBase64URL(assertion.response.signature),
userHandle: assertion.response.userHandle ? arrayBufferToBase64URL(assertion.response.userHandle) : null
}
};
} catch (err) {
console.error('Error getting credential:', err);
throw err;
}
}
// Utility functions for base64URL encoding/decoding
function base64URLDecode(base64url) {
const padding = '='.repeat((4 - base64url.length % 4) % 4);
const base64 = (base64url + padding)
.replace(/\-/g, '+')
.replace(/_/g, '/');
const rawData = window.atob(base64);
const array = new Uint8Array(rawData.length);
for (let i = 0; i < rawData.length; i++) {
array[i] = rawData.charCodeAt(i);
}
return array.buffer;
}
function arrayBufferToBase64URL(buffer) {
let binary = '';
const bytes = new Uint8Array(buffer);
for (let i = 0; i < bytes.byteLength; i++) {
binary += String.fromCharCode(bytes[i]);
}
const base64 = window.btoa(binary);
return base64
.replace(/\+/g, '-')
.replace(/\//g, '_')
.replace(/=/g, '');
}
</script>
}
}
// Template for creating credentials
templ CreateCredential(options PublicKeyCredentialCreationOptions) {
@CredentialsScripts()
<script>
(async () => {
try {
if (!await isWebAuthnSupported()) {
throw new Error("WebAuthn is not supported in this browser");
}
const options = { templ.JSONString(options) };
const credential = await createCredential(options);
// Dispatch event with credential data
window.dispatchEvent(new CustomEvent('credentialCreated', {
detail: credential
}));
} catch (err) {
window.dispatchEvent(new CustomEvent('credentialError', {
detail: err.message
}));
}
})();
</script>
}
// Template for getting credentials
templ GetCredential(options PublicKeyCredentialRequestOptions) {
@CredentialsScripts()
<script>
(async () => {
try {
if (!await isWebAuthnSupported()) {
throw new Error("WebAuthn is not supported in this browser");
}
const options = { templ.JSONString(options) };
const credential = await getCredential(options);
// Dispatch event with credential data
window.dispatchEvent(new CustomEvent('credentialRetrieved', {
detail: credential
}));
} catch (err) {
window.dispatchEvent(new CustomEvent('credentialError', {
detail: err.message
}));
}
})();
</script>
}
+154
View File
@@ -0,0 +1,154 @@
// Code generated by templ - DO NOT EDIT.
// templ: version: v0.2.793
package credentials
//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"
var credentialsHandle = templ.NewOnceHandle()
// Types for credential data
type PublicKeyCredentialCreationOptions struct {
Challenge string `json:"challenge"`
RpName string `json:"rpName"`
RpID string `json:"rpId"`
UserID string `json:"userId"`
UserName string `json:"userName"`
UserDisplayName string `json:"userDisplayName"`
Timeout int `json:"timeout,omitempty"`
AttestationType string `json:"attestationType,omitempty"`
}
type PublicKeyCredentialRequestOptions struct {
Challenge string `json:"challenge"`
RpID string `json:"rpId"`
Timeout int `json:"timeout,omitempty"`
UserVerification string `json:"userVerification,omitempty"`
AllowCredentials []CredentialDescriptor `json:"allowCredentials,omitempty"`
}
type CredentialDescriptor struct {
Type string `json:"type"`
ID string `json:"id"`
}
// Base credentials script template
func CredentialsScripts() 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_Var2 := 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 type=\"text/javascript\">\n // Check if WebAuthn is supported\n async function isWebAuthnSupported() {\n return window.PublicKeyCredential !== undefined;\n }\n\n // Create credentials\n async function createCredential(options) {\n try {\n const publicKey = {\n challenge: base64URLDecode(options.challenge),\n rp: {\n name: options.rpName,\n id: options.rpId,\n },\n user: {\n id: base64URLDecode(options.userId),\n name: options.userName,\n displayName: options.userDisplayName,\n },\n pubKeyCredParams: [{alg: -7, type: \"public-key\"}],\n timeout: options.timeout || 60000,\n attestation: options.attestationType || \"none\",\n };\n \n const credential = await navigator.credentials.create({\n publicKey: publicKey\n });\n \n return {\n id: credential.id,\n rawId: arrayBufferToBase64URL(credential.rawId),\n type: credential.type,\n response: {\n attestationObject: arrayBufferToBase64URL(credential.response.attestationObject),\n clientDataJSON: arrayBufferToBase64URL(credential.response.clientDataJSON),\n }\n };\n } catch (err) {\n console.error('Error creating credential:', err);\n throw err;\n }\n }\n\n // Get credentials\n async function getCredential(options) {\n try {\n const publicKey = {\n challenge: base64URLDecode(options.challenge),\n rpId: options.rpId,\n timeout: options.timeout || 60000,\n userVerification: options.userVerification || \"preferred\",\n };\n\n if (options.allowCredentials) {\n publicKey.allowCredentials = options.allowCredentials.map(cred => ({\n type: cred.type,\n id: base64URLDecode(cred.id),\n }));\n }\n\n const assertion = await navigator.credentials.get({\n publicKey: publicKey\n });\n\n return {\n id: assertion.id,\n rawId: arrayBufferToBase64URL(assertion.rawId),\n type: assertion.type,\n response: {\n authenticatorData: arrayBufferToBase64URL(assertion.response.authenticatorData),\n clientDataJSON: arrayBufferToBase64URL(assertion.response.clientDataJSON),\n signature: arrayBufferToBase64URL(assertion.response.signature),\n userHandle: assertion.response.userHandle ? arrayBufferToBase64URL(assertion.response.userHandle) : null\n }\n };\n } catch (err) {\n console.error('Error getting credential:', err);\n throw err;\n }\n }\n\n // Utility functions for base64URL encoding/decoding\n function base64URLDecode(base64url) {\n const padding = '='.repeat((4 - base64url.length % 4) % 4);\n const base64 = (base64url + padding)\n .replace(/\\-/g, '+')\n .replace(/_/g, '/');\n const rawData = window.atob(base64);\n const array = new Uint8Array(rawData.length);\n for (let i = 0; i < rawData.length; i++) {\n array[i] = rawData.charCodeAt(i);\n }\n return array.buffer;\n }\n\n function arrayBufferToBase64URL(buffer) {\n let binary = '';\n const bytes = new Uint8Array(buffer);\n for (let i = 0; i < bytes.byteLength; i++) {\n binary += String.fromCharCode(bytes[i]);\n }\n const base64 = window.btoa(binary);\n return base64\n .replace(/\\+/g, '-')\n .replace(/\\//g, '_')\n .replace(/=/g, '');\n }\n </script>")
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
return templ_7745c5c3_Err
})
templ_7745c5c3_Err = credentialsHandle.Once().Render(templ.WithChildren(ctx, templ_7745c5c3_Var2), templ_7745c5c3_Buffer)
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
return templ_7745c5c3_Err
})
}
// Template for creating credentials
func CreateCredential(options PublicKeyCredentialCreationOptions) 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_Var3 := templ.GetChildren(ctx)
if templ_7745c5c3_Var3 == nil {
templ_7745c5c3_Var3 = templ.NopComponent
}
ctx = templ.ClearChildren(ctx)
templ_7745c5c3_Err = CredentialsScripts().Render(ctx, templ_7745c5c3_Buffer)
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<script>\n (async () => {\n try {\n if (!await isWebAuthnSupported()) {\n throw new Error(\"WebAuthn is not supported in this browser\");\n }\n const options = { templ.JSONString(options) };\n const credential = await createCredential(options);\n // Dispatch event with credential data\n window.dispatchEvent(new CustomEvent('credentialCreated', {\n detail: credential\n }));\n } catch (err) {\n window.dispatchEvent(new CustomEvent('credentialError', {\n detail: err.message\n }));\n }\n })();\n </script>")
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
return templ_7745c5c3_Err
})
}
// Template for getting credentials
func GetCredential(options PublicKeyCredentialRequestOptions) 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_Var4 := templ.GetChildren(ctx)
if templ_7745c5c3_Var4 == nil {
templ_7745c5c3_Var4 = templ.NopComponent
}
ctx = templ.ClearChildren(ctx)
templ_7745c5c3_Err = CredentialsScripts().Render(ctx, templ_7745c5c3_Buffer)
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<script>\n (async () => {\n try {\n if (!await isWebAuthnSupported()) {\n throw new Error(\"WebAuthn is not supported in this browser\");\n }\n const options = { templ.JSONString(options) };\n const credential = await getCredential(options);\n // Dispatch event with credential data\n window.dispatchEvent(new CustomEvent('credentialRetrieved', {\n detail: credential\n }));\n } catch (err) {\n window.dispatchEvent(new CustomEvent('credentialError', {\n detail: err.message\n }));\n }\n })();\n </script>")
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
return templ_7745c5c3_Err
})
}
var _ = templruntime.GeneratedTemplate
+94
View File
@@ -0,0 +1,94 @@
// payments/payments.go
package payments
import (
"github.com/labstack/echo/v4"
)
// Constants for supported payment methods
const (
MethodCard = "basic-card"
MethodGooglePay = "https://google.com/pay"
MethodApplePay = "https://apple.com/apple-pay"
MethodSonrWallet = "https://sonr.id/wallet"
)
// InitiatePayment starts the payment request flow
func InitiatePayment(c echo.Context, request PaymentRequest) error {
return StartPayment(request).Render(c.Request().Context(), c.Response().Writer)
}
// Helper functions to create payment requests
func NewBasicCardPayment(amount float64, currency string, label string) PaymentRequest {
return PaymentRequest{
MethodData: []PaymentMethodData{
{
SupportedMethods: MethodCard,
Data: map[string]any{
"supportedNetworks": []string{"visa", "mastercard"},
"supportedTypes": []string{"credit", "debit"},
},
},
},
Details: PaymentDetails{
Total: PaymentItem{
Label: label,
Amount: Money{
Currency: currency,
Value: formatAmount(amount),
},
},
},
Options: PaymentOptions{
RequestPayerName: true,
RequestPayerEmail: true,
},
}
}
// Example usage:
func PaymentHandler(c echo.Context) error {
request := NewBasicCardPayment(99.99, "USD", "Product Purchase")
// Add display items
request.Details.DisplayItems = []PaymentItem{
{
Label: "Product Price",
Amount: Money{
Currency: "USD",
Value: "89.99",
},
},
{
Label: "Tax",
Amount: Money{
Currency: "USD",
Value: "10.00",
},
},
}
// Add shipping options
request.Details.ShippingOptions = []ShippingOption{
{
ID: "standard",
Label: "Standard Shipping",
Amount: Money{
Currency: "USD",
Value: "0.00",
},
Selected: true,
},
{
ID: "express",
Label: "Express Shipping",
Amount: Money{
Currency: "USD",
Value: "10.00",
},
},
}
return InitiatePayment(c, request)
}
+150
View File
@@ -0,0 +1,150 @@
package payments
var paymentsHandle = templ.NewOnceHandle()
// Payment types
type PaymentMethodData struct {
SupportedMethods string `json:"supportedMethods"`
Data map[string]any `json:"data,omitempty"`
}
type PaymentItem struct {
Label string `json:"label"`
Amount Money `json:"amount"`
}
type Money struct {
Currency string `json:"currency"`
Value string `json:"value"` // Decimal as string for precision
}
type PaymentOptions struct {
RequestPayerName bool `json:"requestPayerName,omitempty"`
RequestPayerEmail bool `json:"requestPayerEmail,omitempty"`
RequestPayerPhone bool `json:"requestPayerPhone,omitempty"`
RequestShipping bool `json:"requestShipping,omitempty"`
}
type PaymentDetails struct {
Total PaymentItem `json:"total"`
DisplayItems []PaymentItem `json:"displayItems,omitempty"`
ShippingOptions []ShippingOption `json:"shippingOptions,omitempty"`
}
type ShippingOption struct {
ID string `json:"id"`
Label string `json:"label"`
Amount Money `json:"amount"`
Selected bool `json:"selected,omitempty"`
}
type PaymentRequest struct {
MethodData []PaymentMethodData `json:"methodData"`
Details PaymentDetails `json:"details"`
Options PaymentOptions `json:"options,omitempty"`
}
// Base payments script template
templ PaymentsScripts() {
@paymentsHandle.Once() {
<script type="text/javascript">
// Check if Payment Request API is supported
function isPaymentRequestSupported() {
return window.PaymentRequest !== undefined;
}
// Create and show payment request
async function showPaymentRequest(request) {
try {
const paymentMethods = request.methodData;
const details = request.details;
const options = request.options || {};
const paymentRequest = new PaymentRequest(
paymentMethods,
details,
options
);
// Handle shipping address changes if shipping is requested
if (options.requestShipping) {
paymentRequest.addEventListener('shippingaddresschange', event => {
event.updateWith(Promise.resolve(details));
});
}
// Handle shipping option changes
if (details.shippingOptions && details.shippingOptions.length > 0) {
paymentRequest.addEventListener('shippingoptionchange', event => {
event.updateWith(Promise.resolve(details));
});
}
const response = await paymentRequest.show();
// Create response object
const result = {
methodName: response.methodName,
details: response.details,
};
if (options.requestPayerName) {
result.payerName = response.payerName;
}
if (options.requestPayerEmail) {
result.payerEmail = response.payerEmail;
}
if (options.requestPayerPhone) {
result.payerPhone = response.payerPhone;
}
if (options.requestShipping) {
result.shippingAddress = response.shippingAddress;
result.shippingOption = response.shippingOption;
}
// Complete the payment
await response.complete('success');
// Dispatch success event
window.dispatchEvent(new CustomEvent('paymentComplete', {
detail: result
}));
} catch (err) {
// Dispatch error event
window.dispatchEvent(new CustomEvent('paymentError', {
detail: err.message
}));
}
}
// Abort payment request
function abortPaymentRequest() {
if (window.currentPaymentRequest) {
window.currentPaymentRequest.abort();
}
}
</script>
}
}
// StartPayment for initiating payment request
templ StartPayment(request PaymentRequest) {
@PaymentsScripts()
<script>
(async () => {
try {
if (!isPaymentRequestSupported()) {
throw new Error("Payment Request API is not supported in this browser");
}
const request = { templ.JSONString(request) };
await showPaymentRequest(request);
} catch (err) {
window.dispatchEvent(new CustomEvent('paymentError', {
detail: err.message
}));
}
})();
</script>
}
+138
View File
@@ -0,0 +1,138 @@
// Code generated by templ - DO NOT EDIT.
// templ: version: v0.2.793
package payments
//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"
var paymentsHandle = templ.NewOnceHandle()
// Payment types
type PaymentMethodData struct {
SupportedMethods string `json:"supportedMethods"`
Data map[string]any `json:"data,omitempty"`
}
type PaymentItem struct {
Label string `json:"label"`
Amount Money `json:"amount"`
}
type Money struct {
Currency string `json:"currency"`
Value string `json:"value"` // Decimal as string for precision
}
type PaymentOptions struct {
RequestPayerName bool `json:"requestPayerName,omitempty"`
RequestPayerEmail bool `json:"requestPayerEmail,omitempty"`
RequestPayerPhone bool `json:"requestPayerPhone,omitempty"`
RequestShipping bool `json:"requestShipping,omitempty"`
}
type PaymentDetails struct {
Total PaymentItem `json:"total"`
DisplayItems []PaymentItem `json:"displayItems,omitempty"`
ShippingOptions []ShippingOption `json:"shippingOptions,omitempty"`
}
type ShippingOption struct {
ID string `json:"id"`
Label string `json:"label"`
Amount Money `json:"amount"`
Selected bool `json:"selected,omitempty"`
}
type PaymentRequest struct {
MethodData []PaymentMethodData `json:"methodData"`
Details PaymentDetails `json:"details"`
Options PaymentOptions `json:"options,omitempty"`
}
// Base payments script template
func PaymentsScripts() 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_Var2 := 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 type=\"text/javascript\">\n // Check if Payment Request API is supported\n function isPaymentRequestSupported() {\n return window.PaymentRequest !== undefined;\n }\n\n // Create and show payment request\n async function showPaymentRequest(request) {\n try {\n const paymentMethods = request.methodData;\n const details = request.details;\n const options = request.options || {};\n\n const paymentRequest = new PaymentRequest(\n paymentMethods,\n details,\n options\n );\n\n // Handle shipping address changes if shipping is requested\n if (options.requestShipping) {\n paymentRequest.addEventListener('shippingaddresschange', event => {\n event.updateWith(Promise.resolve(details));\n });\n }\n\n // Handle shipping option changes\n if (details.shippingOptions && details.shippingOptions.length > 0) {\n paymentRequest.addEventListener('shippingoptionchange', event => {\n event.updateWith(Promise.resolve(details));\n });\n }\n\n const response = await paymentRequest.show();\n \n // Create response object\n const result = {\n methodName: response.methodName,\n details: response.details,\n };\n\n if (options.requestPayerName) {\n result.payerName = response.payerName;\n }\n if (options.requestPayerEmail) {\n result.payerEmail = response.payerEmail;\n }\n if (options.requestPayerPhone) {\n result.payerPhone = response.payerPhone;\n }\n if (options.requestShipping) {\n result.shippingAddress = response.shippingAddress;\n result.shippingOption = response.shippingOption;\n }\n\n // Complete the payment\n await response.complete('success');\n\n // Dispatch success event\n window.dispatchEvent(new CustomEvent('paymentComplete', {\n detail: result\n }));\n\n } catch (err) {\n // Dispatch error event\n window.dispatchEvent(new CustomEvent('paymentError', {\n detail: err.message\n }));\n }\n }\n\n // Abort payment request\n function abortPaymentRequest() {\n if (window.currentPaymentRequest) {\n window.currentPaymentRequest.abort();\n }\n }\n </script>")
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
return templ_7745c5c3_Err
})
templ_7745c5c3_Err = paymentsHandle.Once().Render(templ.WithChildren(ctx, templ_7745c5c3_Var2), templ_7745c5c3_Buffer)
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
return templ_7745c5c3_Err
})
}
// StartPayment for initiating payment request
func StartPayment(request PaymentRequest) 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_Var3 := templ.GetChildren(ctx)
if templ_7745c5c3_Var3 == nil {
templ_7745c5c3_Var3 = templ.NopComponent
}
ctx = templ.ClearChildren(ctx)
templ_7745c5c3_Err = PaymentsScripts().Render(ctx, templ_7745c5c3_Buffer)
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<script>\n (async () => {\n try {\n if (!isPaymentRequestSupported()) {\n throw new Error(\"Payment Request API is not supported in this browser\");\n }\n const request = { templ.JSONString(request) };\n await showPaymentRequest(request);\n } catch (err) {\n window.dispatchEvent(new CustomEvent('paymentError', {\n detail: err.message\n }));\n }\n })();\n </script>")
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
return templ_7745c5c3_Err
})
}
var _ = templruntime.GeneratedTemplate
+7
View File
@@ -0,0 +1,7 @@
package payments
import "fmt"
func formatAmount(amount float64) string {
return fmt.Sprintf("%.2f", amount)
}
+82
View File
@@ -0,0 +1,82 @@
package storage
var storageHandle = templ.NewOnceHandle()
// Internal script templates for storage operations
script setLocalStorage(key string, value string) {
localStorage.setItem(key, value)
}
script getLocalStorage(key string) {
return localStorage.getItem(key)
}
script removeLocalStorage(key string) {
localStorage.removeItem(key)
}
script setSessionStorage(key string, value string) {
sessionStorage.setItem(key, value)
}
script getSessionStorage(key string) {
return sessionStorage.getItem(key)
}
script removeSessionStorage(key string) {
sessionStorage.removeItem(key)
}
// Storage component that includes all storage-related scripts
templ StorageScripts() {
@storageHandle.Once() {
<script type="text/javascript">
// Storage helper functions
function setLocalStorageItem(key, value) {
localStorage.setItem(key, value);
}
function getLocalStorageItem(key) {
return localStorage.getItem(key);
}
function removeLocalStorageItem(key) {
localStorage.removeItem(key);
}
function setSessionStorageItem(key, value) {
sessionStorage.setItem(key, value);
}
function getSessionStorageItem(key) {
return sessionStorage.getItem(key);
}
function removeSessionStorageItem(key) {
sessionStorage.removeItem(key);
}
</script>
}
}
// Public components for storage operations
templ SetLocalStorageItem(key string, value any) {
@StorageScripts()
<script>
(() => {
const value = { templ.JSONString(value) };
setLocalStorageItem({ key }, JSON.stringify(value));
})();
</script>
}
templ SetSessionStorageItem(key string, value any) {
@StorageScripts()
<script>
(() => {
const value = { templ.JSONString(value) };
setSessionStorageItem({ key }, JSON.stringify(value));
})();
</script>
}
+189
View File
@@ -0,0 +1,189 @@
// Code generated by templ - DO NOT EDIT.
// templ: version: v0.2.793
package storage
//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"
var storageHandle = templ.NewOnceHandle()
// Internal script templates for storage operations
func setLocalStorage(key string, value string) templ.ComponentScript {
return templ.ComponentScript{
Name: `__templ_setLocalStorage_13ae`,
Function: `function __templ_setLocalStorage_13ae(key, value){localStorage.setItem(key, value)
}`,
Call: templ.SafeScript(`__templ_setLocalStorage_13ae`, key, value),
CallInline: templ.SafeScriptInline(`__templ_setLocalStorage_13ae`, key, value),
}
}
func getLocalStorage(key string) templ.ComponentScript {
return templ.ComponentScript{
Name: `__templ_getLocalStorage_3450`,
Function: `function __templ_getLocalStorage_3450(key){return localStorage.getItem(key)
}`,
Call: templ.SafeScript(`__templ_getLocalStorage_3450`, key),
CallInline: templ.SafeScriptInline(`__templ_getLocalStorage_3450`, key),
}
}
func removeLocalStorage(key string) templ.ComponentScript {
return templ.ComponentScript{
Name: `__templ_removeLocalStorage_64b1`,
Function: `function __templ_removeLocalStorage_64b1(key){localStorage.removeItem(key)
}`,
Call: templ.SafeScript(`__templ_removeLocalStorage_64b1`, key),
CallInline: templ.SafeScriptInline(`__templ_removeLocalStorage_64b1`, key),
}
}
func setSessionStorage(key string, value string) templ.ComponentScript {
return templ.ComponentScript{
Name: `__templ_setSessionStorage_0b44`,
Function: `function __templ_setSessionStorage_0b44(key, value){sessionStorage.setItem(key, value)
}`,
Call: templ.SafeScript(`__templ_setSessionStorage_0b44`, key, value),
CallInline: templ.SafeScriptInline(`__templ_setSessionStorage_0b44`, key, value),
}
}
func getSessionStorage(key string) templ.ComponentScript {
return templ.ComponentScript{
Name: `__templ_getSessionStorage_66b8`,
Function: `function __templ_getSessionStorage_66b8(key){return sessionStorage.getItem(key)
}`,
Call: templ.SafeScript(`__templ_getSessionStorage_66b8`, key),
CallInline: templ.SafeScriptInline(`__templ_getSessionStorage_66b8`, key),
}
}
func removeSessionStorage(key string) templ.ComponentScript {
return templ.ComponentScript{
Name: `__templ_removeSessionStorage_a2e3`,
Function: `function __templ_removeSessionStorage_a2e3(key){sessionStorage.removeItem(key)
}`,
Call: templ.SafeScript(`__templ_removeSessionStorage_a2e3`, key),
CallInline: templ.SafeScriptInline(`__templ_removeSessionStorage_a2e3`, key),
}
}
// Storage component that includes all storage-related scripts
func StorageScripts() 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_Var2 := 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 type=\"text/javascript\">\n // Storage helper functions\n function setLocalStorageItem(key, value) {\n localStorage.setItem(key, value);\n }\n\n function getLocalStorageItem(key) {\n return localStorage.getItem(key);\n }\n\n function removeLocalStorageItem(key) {\n localStorage.removeItem(key);\n }\n\n function setSessionStorageItem(key, value) {\n sessionStorage.setItem(key, value);\n }\n\n function getSessionStorageItem(key) {\n return sessionStorage.getItem(key);\n }\n\n function removeSessionStorageItem(key) {\n sessionStorage.removeItem(key);\n }\n </script>")
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
return templ_7745c5c3_Err
})
templ_7745c5c3_Err = storageHandle.Once().Render(templ.WithChildren(ctx, templ_7745c5c3_Var2), templ_7745c5c3_Buffer)
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
return templ_7745c5c3_Err
})
}
// Public components for storage operations
func SetLocalStorageItem(key string, value any) 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_Var3 := templ.GetChildren(ctx)
if templ_7745c5c3_Var3 == nil {
templ_7745c5c3_Var3 = templ.NopComponent
}
ctx = templ.ClearChildren(ctx)
templ_7745c5c3_Err = StorageScripts().Render(ctx, templ_7745c5c3_Buffer)
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<script>\n (() => {\n const value = { templ.JSONString(value) };\n setLocalStorageItem({ key }, JSON.stringify(value));\n })();\n </script>")
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
return templ_7745c5c3_Err
})
}
func SetSessionStorageItem(key string, value any) 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_Var4 := templ.GetChildren(ctx)
if templ_7745c5c3_Var4 == nil {
templ_7745c5c3_Var4 = templ.NopComponent
}
ctx = templ.ClearChildren(ctx)
templ_7745c5c3_Err = StorageScripts().Render(ctx, templ_7745c5c3_Buffer)
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<script>\n (() => {\n const value = { templ.JSONString(value) };\n setSessionStorageItem({ key }, JSON.stringify(value));\n })();\n </script>")
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
return templ_7745c5c3_Err
})
}
var _ = templruntime.GeneratedTemplate
+15
View File
@@ -0,0 +1,15 @@
package storage
import (
"github.com/labstack/echo/v4"
)
// SetLocal sets a value in localStorage
func SetLocal(c echo.Context, key string, value any) error {
return SetLocalStorageItem(key, value).Render(c.Request().Context(), c.Response().Writer)
}
// SetSession sets a value in sessionStorage
func SetSession(c echo.Context, key string, value any) error {
return SetSessionStorageItem(key, value).Render(c.Request().Context(), c.Response().Writer)
}