mongodb + bulma

Author: SevensRequiem

Dockerfile

@@ -0,0 +1,19 @@
+# syntax=docker/dockerfile:1
+FROM golang:1.23-alpine AS build
+WORKDIR /app
+COPY . .
+RUN go build -o /app/main .
+
+FROM alpine:latest
+WORKDIR /app
+COPY --from=build /app/main /app/main
+COPY ./static /app/static
+COPY ./views /app/views
+COPY ./assets /app/assets
+
+# .env
+COPY ./.env /app/.env
+
+# expose port
+EXPOSE 1212
+CMD ["/app/main"]

app.log

@@ -0,0 +1,97 @@
+// This is your test publishable API key.
+const stripe = Stripe("pk_test_51Q3BCQC06XYmpb7G4NfpCp7RfBau4A65hH9mPn5FRpBL0aXd2Fx9PggDxE3zBouWte7hyFViwLXMcOzsHOpydKEC00LRpAdUHQ");
+
+// The items the customer wants to buy
+const items = [{ id: "xl-tshirt", amount: 1000 }];
+
+let elements;
+
+initialize();
+
+document
+  .querySelector("#payment-form")
+  .addEventListener("submit", handleSubmit);
+
+// Fetches a payment intent and captures the client secret
+async function initialize() {
+  const response = await fetch("/create-payment-intent", {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ items }),
+  });
+  const { clientSecret, dpmCheckerLink } = await response.json();
+
+  const appearance = {
+    theme: 'stripe',
+  };
+  elements = stripe.elements({ appearance, clientSecret });
+
+  const paymentElementOptions = {
+    layout: "tabs",
+  };
+
+  const paymentElement = elements.create("payment", paymentElementOptions);
+  paymentElement.mount("#payment-element");
+
+  // [DEV] For demo purposes only
+  setDpmCheckerLink(dpmCheckerLink);
+}
+
+async function handleSubmit(e) {
+  e.preventDefault();
+  setLoading(true);
+
+  const { error } = await stripe.confirmPayment({
+    elements,
+    confirmParams: {
+      // Make sure to change this to your payment completion page
+      return_url: "http://localhost:4242/complete.html",
+      receipt_email: document.getElementById("email").value,
+    },
+  });
+
+  // This point will only be reached if there is an immediate error when
+  // confirming the payment. Otherwise, your customer will be redirected to
+  // your `return_url`. For some payment methods like iDEAL, your customer will
+  // be redirected to an intermediate site first to authorize the payment, then
+  // redirected to the `return_url`.
+  if (error.type === "card_error" || error.type === "validation_error") {
+    showMessage(error.message);
+  } else {
+    showMessage("An unexpected error occurred.");
+  }
+
+  setLoading(false);
+}
+
+// ------- UI helpers -------
+
+function showMessage(messageText) {
+  const messageContainer = document.querySelector("#payment-message");
+
+  messageContainer.classList.remove("hidden");
+  messageContainer.textContent = messageText;
+
+  setTimeout(function () {
+    messageContainer.classList.add("hidden");
+    messageContainer.textContent = "";
+  }, 4000);
+}
+
+// Show a spinner on payment submission
+function setLoading(isLoading) {
+  if (isLoading) {
+    // Disable the button and show a spinner
+    document.querySelector("#submit").disabled = true;
+    document.querySelector("#spinner").classList.remove("hidden");
+    document.querySelector("#button-text").classList.add("hidden");
+  } else {
+    document.querySelector("#submit").disabled = false;
+    document.querySelector("#spinner").classList.add("hidden");
+    document.querySelector("#button-text").classList.remove("hidden");
+  }
+}
+
+function setDpmCheckerLink(url) {
+  document.querySelector("#dpm-integration-checker").href = url;
+}