@bagdja/kumpul 1.2.0 → 1.2.3

package/README.md

@@ -15,11 +15,12 @@ direction and notes about the prototype's sample data and host-managed pages.
 ## Contract
 
 - Package: `@bagdja/kumpul`
-- Version: `1.1.0`
+- Version: `1.2.3`
 - Template slug: `kumpul`
 - `manifestVersion`: `1`, `rendererApiVersion`: `1`
 - Entry point: `dist/server.cjs` (wajib) dan `dist/client.js` (JavaScript browser), dinyatakan di `manifest.entry`
 - Halaman contoh untuk website baru: `manifest.defaultPages` (Beranda, Katalog Gathering, Cara Kerja, Tentang)
+- Data contoh website baru: `manifest.sampleData` (kategori, gathering, FAQ, dan tagline), dipakai untuk seed website serta preview package
 - Halaman sistem milik template (`manifest.pageOverrides`): header, keranjang, transaksi, detail transaksi, tagihan, invoice, kalender, rencana gathering
 
 ## Halaman sistem (`props.page`)

package/dist/server.cjs

@@ -318,12 +318,12 @@ var React = require("react");
 var { adaptPage } = require_page_adapter();
 var h = React.createElement;
 var defaultColors = {
-  background: "#F0F7F8",
+  background: "#f0f7f8",
   surface: "#FFFFFF",
-  text: "#0F172A",
+  text: "#000000",
   textMuted: "#64748B",
-  accent: "#006699",
-  accentHover: "#00557A",
+  accent: "#006190",
+  accentHover: "#004B70",
   border: "#B3D4DD",
   success: "#0E9F6E",
   warning: "#C27803"
@@ -2939,8 +2939,8 @@ function styles(colors) {
     .kumpul-community-pill{margin-bottom:20px}.kumpul-status-dot{width:8px;height:8px;border-radius:50%;background:var(--kt-success);box-shadow:0 0 0 4px #0e9f6e1d}.kumpul-hero h1{max-width:620px;margin:0;font-size:clamp(42px,6.1vw,76px);line-height:.98;font-weight:850;letter-spacing:-.065em}.kumpul-hero-description{max-width:540px;margin:20px 0 0;color:var(--kt-muted);font-size:15px;line-height:1.75}
     .kumpul-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.kumpul-button{min-height:44px;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:999px;font-size:13px;font-weight:750;transition:background .16s,transform .16s}.kumpul-button:hover{transform:translateY(-1px)}.kumpul-button .kumpul-icon{width:17px;height:17px}.kumpul-button-primary{background:var(--kt-accent);color:#fff!important}.kumpul-button-primary:hover{background:var(--kt-hover)}.kumpul-button-secondary{border-color:var(--kt-border);background:var(--kt-bg);color:var(--kt-text)}
     .kumpul-stats{display:flex;gap:clamp(20px,4vw,48px);margin-top:28px}.kumpul-stat{display:grid;gap:2px}.kumpul-stat strong{font-size:22px;line-height:1.2;letter-spacing:-.04em}.kumpul-stat span{color:var(--kt-muted);font-size:11px}
-    .kumpul-feature-card{position:relative;min-height:360px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:radial-gradient(ellipse at 68% 30%,#58a3b8 0,#006699 53%,#00557a 100%);color:#fff}
-    .kumpul-about-section{max-width:1180px;min-height:390px;margin:12px auto 0;padding:clamp(26px,5vw,58px);display:grid;grid-template-columns:1fr .85fr;align-items:center;gap:clamp(28px,6vw,72px);overflow:hidden;border:1px solid var(--kt-border);border-radius:26px;background:var(--kt-surface)}.kumpul-about-copy h1{max-width:650px;margin:0;font-size:clamp(34px,5vw,60px);line-height:1.03;font-weight:850;letter-spacing:-.06em}.kumpul-about-body{max-width:620px;margin:20px 0 0;color:var(--kt-muted);font-size:15px;line-height:1.8;white-space:pre-line}.kumpul-about-art,.kumpul-about-image{position:relative;min-height:270px;display:grid;place-items:center;overflow:hidden;border-radius:22px;background:radial-gradient(ellipse at 60% 40%,#58a3b8 0,#006699 58%,#00557a 100%)}.kumpul-about-art:before,.kumpul-about-art:after{position:absolute;width:270px;height:270px;border:1px solid #ffffff50;border-radius:50%;content:""}.kumpul-about-art:after{width:360px;height:360px}.kumpul-about-art span{position:absolute;z-index:1;display:grid;place-items:center;width:104px;height:104px;border:1px solid #ffffff70;border-radius:30px;background:#ffffff25;font-size:55px;box-shadow:0 16px 36px #002b443d}.kumpul-about-art span:first-child{transform:translate(-42px,-18px) rotate(-9deg)}.kumpul-about-art span:last-child{transform:translate(48px,40px) rotate(9deg)}.kumpul-about-image img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}
+    .kumpul-feature-card{position:relative;min-height:360px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:radial-gradient(ellipse at 68% 30%,#58a3b8 0,#006190 53%,#004b70 100%);color:#fff}
+    .kumpul-about-section{max-width:1180px;min-height:390px;margin:12px auto 0;padding:clamp(26px,5vw,58px);display:grid;grid-template-columns:1fr .85fr;align-items:center;gap:clamp(28px,6vw,72px);overflow:hidden;border:1px solid var(--kt-border);border-radius:26px;background:var(--kt-surface)}.kumpul-about-copy h1{max-width:650px;margin:0;font-size:clamp(34px,5vw,60px);line-height:1.03;font-weight:850;letter-spacing:-.06em}.kumpul-about-body{max-width:620px;margin:20px 0 0;color:var(--kt-muted);font-size:15px;line-height:1.8;white-space:pre-line}.kumpul-about-art,.kumpul-about-image{position:relative;min-height:270px;display:grid;place-items:center;overflow:hidden;border-radius:22px;background:radial-gradient(ellipse at 60% 40%,#58a3b8 0,#006190 58%,#004b70 100%)}.kumpul-about-art:before,.kumpul-about-art:after{position:absolute;width:270px;height:270px;border:1px solid #ffffff50;border-radius:50%;content:""}.kumpul-about-art:after{width:360px;height:360px}.kumpul-about-art span{position:absolute;z-index:1;display:grid;place-items:center;width:104px;height:104px;border:1px solid #ffffff70;border-radius:30px;background:#ffffff25;font-size:55px;box-shadow:0 16px 36px #002b443d}.kumpul-about-art span:first-child{transform:translate(-42px,-18px) rotate(-9deg)}.kumpul-about-art span:last-child{transform:translate(48px,40px) rotate(9deg)}.kumpul-about-image img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}
     .kumpul-gallery-grid{margin-top:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:180px;gap:14px}.kumpul-gallery-item{position:relative;margin:0;display:grid;place-items:center;overflow:hidden;border:1px solid var(--kt-border);border-radius:18px;background:linear-gradient(135deg,#d9eff0,#91c4c9)}.kumpul-gallery-item:nth-child(3n+2){grid-row:span 2}.kumpul-gallery-item img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;transition:transform .25s}.kumpul-gallery-item:hover img{transform:scale(1.04)}.kumpul-gallery-item>span{font-size:48px;filter:drop-shadow(0 10px 12px #163c3b25)}.kumpul-gallery-item figcaption{position:absolute;right:10px;bottom:10px;left:10px;padding:8px 10px;border:1px solid #ffffff80;border-radius:10px;background:#fffffff0;color:var(--kt-text);font-size:11px;font-weight:700}
     .kumpul-process-list{margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;border:1px solid var(--kt-border);border-radius:20px;background:var(--kt-surface)}.kumpul-process-step{min-width:0;padding:22px 18px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.kumpul-process-step+.kumpul-process-step{border-left:1px solid var(--kt-border)}.kumpul-process-step h2{margin:0;font-size:14px}.kumpul-process-step p{margin:0;color:var(--kt-muted);font-size:11px;line-height:1.6}.kumpul-process-step small{margin-top:auto;color:var(--kt-accent);font-size:10px;font-weight:750}
     .kumpul-faq-list{margin-top:24px;display:grid;gap:10px}.kumpul-faq-item{padding:17px 19px;border:1px solid var(--kt-border);border-radius:15px;background:var(--kt-surface)}.kumpul-faq-item summary{font-size:13px;font-weight:750;cursor:pointer;list-style:none}.kumpul-faq-item summary::-webkit-details-marker{display:none}.kumpul-faq-item summary:after{float:right;color:var(--kt-accent);content:"+";font-size:18px;line-height:1}.kumpul-faq-item[open] summary:after{content:"\u2212"}.kumpul-faq-item p{margin:12px 0 0;color:var(--kt-muted);font-size:12px;line-height:1.7;white-space:pre-line}

package/manifest.json

@@ -2,7 +2,7 @@
   "manifestVersion": 1,
   "slug": "kumpul",
   "name": "Kumpul",
-  "version": "1.2.0",
+  "version": "1.2.3",
   "rendererApiVersion": 1,
   "businessProfiles": [
     "gathering"
@@ -307,5 +307,74 @@
         }
       ]
     }
-  ]
+  ],
+  "sampleData": {
+    "tagline": "Kumpul bareng jadi lebih mudah.",
+    "categories": [
+      {
+        "label": "Family"
+      },
+      {
+        "label": "Workshop"
+      },
+      {
+        "label": "Outdoor"
+      },
+      {
+        "label": "Komunitas"
+      }
+    ],
+    "products": [
+      {
+        "name": "Family Camp Lembang — Edisi Libur Sekolah",
+        "type": "gathering",
+        "price": 350000,
+        "category": "Family",
+        "description": "Gathering keluarga untuk menikmati waktu bersama di alam terbuka.",
+        "minAttendees": 4,
+        "maxAttendees": 40
+      },
+      {
+        "name": "Workshop Keramik & Kopi Slow Bar",
+        "type": "gathering",
+        "price": 185000,
+        "category": "Workshop",
+        "description": "Belajar membuat keramik sambil menikmati kopi pilihan.",
+        "minAttendees": 3,
+        "maxAttendees": 24
+      },
+      {
+        "name": "Trail Run Sentul — Sunrise Batch",
+        "type": "gathering",
+        "price": 125000,
+        "category": "Outdoor",
+        "description": "Mulai pagi dengan rute lari dan pemandangan perbukitan.",
+        "minAttendees": 5,
+        "maxAttendees": 80
+      },
+      {
+        "name": "Komunitas Baca: Diskusi Sore di Taman",
+        "type": "gathering",
+        "price": 0,
+        "category": "Komunitas",
+        "description": "Sesi baca dan diskusi santai terbuka untuk semua.",
+        "minAttendees": 1,
+        "maxAttendees": 30
+      }
+    ],
+    "faqs": [
+      {
+        "question": "Bagaimana cara ikut sebuah gathering?",
+        "answer": "Pilih gathering di katalog lalu buat rencana atau terima undangan dari penyelenggara. RSVP dan pembayaran dilakukan di website ini."
+      },
+      {
+        "question": "Kapan saya membayar?",
+        "answer": "Setelah penyelenggara menutup RSVP, tagihan peserta terbit. Batas pembayaran tertera di halaman Tagihan."
+      },
+      {
+        "question": "Bagaimana jika acara dibatalkan?",
+        "answer": "Dana yang sudah dibayar dikembalikan sesuai kebijakan pembatalan gathering tersebut."
+      }
+    ]
+  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bagdja/kumpul",
-  "version": "1.2.0",
+  "version": "1.2.3",
   "description": "Kumpul website template for Bagdja",
   "license": "UNLICENSED",
   "type": "commonjs",