feat: Upgrade to Astro with full PDPA compliance

PDPA Features: ✅ Cookie consent banner ✅ Consent logging API ✅ Admin dashboard ✅ Privacy Policy ✅ Terms & Conditions Technical: ✅ Astro 5.x + Tailwind v4 ✅ Docker on port 80 ✅ SQLite database ✅ 15 pages built Ready for Easypanel deployment.
2026-03-12 10:01:04 +07:00
parent 668f69048f
commit 77ac4d2d05
13719 changed files with 307487 additions and 25765 deletions
--- a/node_modules/astro/dist/runtime/client/dev-toolbar/ui-library/window.js
+++ b/node_modules/astro/dist/runtime/client/dev-toolbar/ui-library/window.js
@@ -0,0 +1,133 @@
+import { defaultSettings, settings } from "../settings.js";
+const placements = ["bottom-left", "bottom-center", "bottom-right"];
+function isValidPlacement(value) {
+  return placements.map(String).includes(value);
+}
+class DevToolbarWindow extends HTMLElement {
+  shadowRoot;
+  _placement = defaultSettings.placement;
+  get placement() {
+    return this._placement;
+  }
+  set placement(value) {
+    if (!isValidPlacement(value)) {
+      settings.logger.error(
+        `Invalid placement: ${value}, expected one of ${placements.join(", ")}, got ${value}.`
+      );
+      return;
+    }
+    this._placement = value;
+    this.updateStyle();
+  }
+  static observedAttributes = ["placement"];
+  constructor() {
+    super();
+    this.shadowRoot = this.attachShadow({ mode: "open" });
+  }
+  async connectedCallback() {
+    this.shadowRoot.innerHTML = `
+			<style>
+				:host {
+					box-sizing: border-box;
+					display: flex;
+					flex-direction: column;
+					background: linear-gradient(0deg, #13151A, #13151A), linear-gradient(0deg, #343841, #343841);
+					border: 1px solid rgba(52, 56, 65, 1);
+					width: min(640px, 100%);
+					max-height: 480px;
+					border-radius: 12px;
+					padding: 24px;
+					font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+					color: rgba(191, 193, 201, 1);
+					position: fixed;
+					z-index: 999999999;
+					bottom: 72px;
+					box-shadow: 0px 0px 0px 0px rgba(19, 21, 26, 0.30), 0px 1px 2px 0px rgba(19, 21, 26, 0.29), 0px 4px 4px 0px rgba(19, 21, 26, 0.26), 0px 10px 6px 0px rgba(19, 21, 26, 0.15), 0px 17px 7px 0px rgba(19, 21, 26, 0.04), 0px 26px 7px 0px rgba(19, 21, 26, 0.01);
+				}
+
+				@media (forced-colors: active) {
+					:host {
+						background: white;
+					}
+				}
+
+				@media (max-width: 640px) {
+					:host {
+						border-radius: 0;
+					}
+				}
+
+				::slotted(h1), ::slotted(h2), ::slotted(h3), ::slotted(h4), ::slotted(h5) {
+					font-weight: 600;
+					color: #fff;
+				}
+
+				::slotted(h1) {
+					font-size: 22px;
+				}
+
+				::slotted(h2) {
+					font-size: 20px;
+				}
+
+				::slotted(h3) {
+					font-size: 18px;
+				}
+
+				::slotted(h4) {
+					font-size: 16px;
+				}
+
+				::slotted(h5) {
+					font-size: 14px;
+				}
+
+				hr, ::slotted(hr) {
+					border: 1px solid rgba(27, 30, 36, 1);
+					margin: 1em 0;
+				}
+
+				p, ::slotted(p) {
+					line-height: 1.5em;
+				}
+			</style>
+			<style id="selected-style"></style>
+
+			<slot />
+		`;
+    this.updateStyle();
+  }
+  attributeChangedCallback() {
+    if (this.hasAttribute("placement"))
+      this.placement = this.getAttribute("placement");
+  }
+  updateStyle() {
+    const style = this.shadowRoot.querySelector("#selected-style");
+    if (style) {
+      const styleMap = {
+        "bottom-left": `
+					:host {
+						left: 16px;
+					}
+				`,
+        "bottom-center": `
+					:host {
+						left: 50%;
+						transform: translateX(-50%);
+					}
+				`,
+        "bottom-right": `
+					:host {
+						right: 16px;
+					}
+				`
+      };
+      style.innerHTML = styleMap[this.placement];
+    }
+  }
+}
+export {
+  DevToolbarWindow,
+  isValidPlacement,
+  placements
+};