[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_291":292,"_293":294},"routes/_app.x.$handle.$name",{"_101":100,"_32":46,"_110":91,"_27":111,"_13":14,"_112":-5,"_11":113,"_114":115,"_116":117,"_118":119,"_120":121,"_20":-5,"_122":-5,"_123":-5,"_124":25,"_125":126,"_127":60,"_128":-5,"_129":-5,"_130":131},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":84,"_85":86,"_87":88,"_89":25},"version",131,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","pages/card.ts","latestPath","fileId","67095f76-3f14-11f1-ad31-42b51c65c3df","name","card.ts","fileType","script","content","import { deckOverlayHtml, deckCSS, deckScript } from \"./deck.ts\";\n\nexport function cardPage(\n user: Record,\n baseUrl: string,\n hasPhoto: boolean,\n hasCardFront: boolean,\n hasCardBack: boolean,\n views: number,\n wp1: boolean,\n wp2: boolean,\n wp3: boolean,\n wp4: boolean\n) {\n var name = String(user.name || \"\");\n var trade = String(user.trade || \"\");\n var tagline = String(user.tagline || \"\");\n var suburb = String(user.suburb || \"\");\n var phone = String(user.phone || \"\");\n var email = String(user.email || \"\");\n var cardUrl = baseUrl + \"/card/\" + phone;\n var initial = name.charAt(0).toUpperCase();\n\n var avatarHtml = hasPhoto\n ? (' $\"'$ ')\n : ('

' + initial + \"

\");\n\n var taglineHtml = tagline\n ? ('

\"' + tagline + '\"

')\n : \"\";\n\n var suburbHtml = suburb\n ? ('

📍' + suburb + \"

\")\n : \"\";\n\n var viewsHtml = views > 0\n ? ('

👁 ' + views + (views === 1 ? \" view\" : \" views\") + \"

\")\n : \"\";\n\n // Build back slide content\n var about = String(user.about || \"\");\n var services = String(user.services || \"\");\n var years_experience = String(user.years_experience || \"\");\n var credentials = String(user.credentials || \"\");\n var website = String(user.website || \"\");\n var instagram = String(user.instagram || \"\");\n var facebook = String(user.facebook || \"\");\n\n var slotStyle = \"width:100%;aspect-ratio:1.6;min-height:180px;border-radius:12px;\";\n function cardPhotoSlot(label: string, hasImage: boolean, src: string) {\n var imageHtml = hasImage\n ? ('

' +\n '

')\n : ('

' +\n 'Not uploaded yet' +\n '

');\n return (\n '

' +\n '

' + label + '

' +\n imageHtml +\n '

'\n );\n }\n\n var cardPhotosHtml =\n cardPhotoSlot(\"Front\", hasCardFront, \"/card-front/\" + phone) +\n cardPhotoSlot(\"Back\", hasCardBack, \"/card-back/\" + phone);\n\n var css = [\n \"* { box-sizing: border-box; margin: 0; padding: 0; }\",\n \"body { background: #0a0a0f; color: #fff; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; min-height: 100vh; }\",\n \".page-wrap { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding: 24px 8px 40px; }\",\n \"@media (min-width: 600px) {\",\n \" body { background: #050508; display: flex; align-items: center; justify-content: center; }\",\n \" .page-wrap { padding: 0; min-height: unset; }\",\n \" .phone-frame { width: 390px; border-radius: 44px; border: 8px solid #1e1e2e; box-shadow: 0 0 0 2px #333, 0 40px 80px rgba(0,0,0,0.6); background: #0a0a0f; overflow: hidden; display: flex; flex-direction: column; position: relative; }\",\n \" .phone-notch { width: 80px; height: 6px; background: #1e1e2e; border-radius: 99px; margin: 14px auto 0; flex-shrink: 0; }\",\n \" .phone-scroll { overflow-y: auto; max-height: calc(100vh - 120px); padding: 20px 20px 36px; }\",\n \" .phone-scroll::-webkit-scrollbar { width: 0; }\",\n \"}\",\n \"@media (max-width: 599px) {\",\n \" .phone-frame { width: 100%; }\",\n \" .phone-notch { display: none; }\",\n \" .phone-scroll { padding: 0; }\",\n \" .flip-wrap { border-radius: 20px; }\",\n \"}\",\n \".logo { font-size: 13px; letter-spacing: 3px; text-transform: uppercase; color: #06b6d4; margin-bottom: 20px; font-weight: 600; text-align: center; }\",\n \".flip-hint { font-size: 10px; color: rgba(255,255,255,0.25); letter-spacing: 0.8px; text-transform: uppercase; text-align: center; margin-bottom: 14px; }\",\n \".flip-wrap { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 16px; perspective: 1000px; cursor: pointer; width: 100%; }\",\n \".flip-inner { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; transition: transform 0.6s cubic-bezier(0.4, 0.2, 0.2, 1); border-radius: 20px; }\",\n \".flip-wrap.flipped .flip-inner { transform: rotateY(180deg); }\",\n \".flip-front, .flip-back { position: absolute; top: 0; left: 0; width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; border-radius: 20px; overflow: hidden; }\",\n \".flip-back { transform: rotateY(180deg); }\",\n \".flip-front { background: #12121a; border: 1px solid rgba(255,255,255,0.08); display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px 20px; gap: 16px; }\",\n \".flip-front > div:first-child { display: flex; flex-direction: column; align-items: center; width: 100%; }\",\n \".biz-title { font-size: 34px; font-weight: 900; color: #fff; text-align: center; line-height: 1.1; letter-spacing: -0.5px; }\",\n \".biz-title em { color: #22c55e; font-style: normal; }\",\n \".biz-location { font-size: 12px; color: #6b7280; text-align: center; margin-top: 8px; }\",\n \".pills-wrap { display: flex; flex-wrap: wrap; gap: 5px; justify-content: center; width: 100%; }\",\n \".pill { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.75); font-size: 10px; font-weight: 600; padding: 5px 10px; border-radius: 99px; }\",\n \".trust { display: flex; align-items: center; gap: 7px; background: rgba(22,163,74,0.08); border: 1px solid rgba(22,163,74,0.2); border-radius: 10px; padding: 8px 14px; font-size: 11px; color: #22c55e; font-weight: 600; width: 100%; justify-content: center; }\",\n \".tap-to-flip { font-size: 10px; color: rgba(255,255,255,0.2); letter-spacing: 0.5px; text-align: center; }\",\n \".back-face { width: 100%; height: 100%; background: #f0ece3; border-radius: 20px; display: flex; flex-direction: column; position: relative; }\",\n \".ad-img { width: 100%; height: 100%; object-fit: contain; display: block; border-radius: 20px; }\",\n \".ad-badge { position: absolute; top: 12px; right: 12px; background: #f59e0b; color: #000; font-size: 9px; font-weight: 800; padding: 4px 10px; border-radius: 99px; letter-spacing: 0.6px; text-transform: uppercase; }\",\n \".ad-tap-back { position: absolute; bottom: 12px; left: 0; right: 0; text-align: center; font-size: 10px; color: rgba(0,0,0,0.35); letter-spacing: 0.5px; }\",\n \".back-fixed-top { padding: 20px 20px 0; flex-shrink: 0; }\",\n \".back-scroll { flex: 1; overflow-y: auto; padding: 0 20px 12px; -webkit-overflow-scrolling: touch; }\",\n \".back-scroll::-webkit-scrollbar { width: 0; }\",\n \".back-fixed-bottom { padding: 12px 20px 20px; flex-shrink: 0; border-top: 1px solid #1e1e2e; }\",\n \".profile-block { text-align: center; margin-bottom: 24px; }\",\n \".avatar { width: 76px; height: 76px; border-radius: 50%; margin: 0 auto 14px; display: block; }\",\n \".avatar-init { background: #06b6d4; display: flex; align-items: center; justify-content: center; font-size: 28px; font-weight: 700; color: #0a0a0f; }\",\n \".avatar-img { object-fit: cover; border: 2px solid #06b6d4; }\",\n \".name { font-size: 24px; font-weight: 800; margin-bottom: 7px; }\",\n \".trade-badge { display: inline-block; background: #06b6d410; border: 1px solid #06b6d4; color: #06b6d4; border-radius: 999px; padding: 4px 14px; font-size: 12px; font-weight: 600; letter-spacing: 0.5px; margin-bottom: 10px; }\",\n \".tagline { color: #a0a0b0; font-size: 13px; font-style: italic; }\",\n \".divider { border: none; border-top: 1px solid #1e1e2e; margin: 18px 0; }\",\n \".info-row { display: flex; align-items: center; gap: 10px; color: #a0a0b0; font-size: 13px; margin-bottom: 8px; }\",\n \".views-count { font-size: 12px; color: #4b5563; margin-bottom: 8px; }\",\n \".icon { font-size: 15px; flex-shrink: 0; }\",\n \".contact-btn { display: flex; align-items: center; gap: 10px; background: #0a0a0f; border: 1px solid #1e1e2e; border-radius: 12px; padding: 12px 14px; color: #fff; text-decoration: none; font-size: 14px; font-weight: 500; margin-bottom: 9px; transition: border-color 0.2s; }\",\n \".contact-btn:hover { border-color: #06b6d4; }\",\n \".contact-center-btn { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; background: #06b6d410; border: 1.5px solid #06b6d4; border-radius: 14px; padding: 15px 14px; color: #06b6d4; font-size: 15px; font-weight: 700; text-decoration: none; margin-bottom: 12px; transition: background 0.2s; cursor: pointer; }\",\n \".contact-center-btn:hover { background: #06b6d420; }\",\n \".save-contact-btn { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; background: #06b6d4; border: none; border-radius: 12px; padding: 13px 14px; color: #fff; font-size: 14px; font-weight: 700; text-decoration: none; margin-bottom: 9px; transition: opacity 0.2s; }\",\n \".save-contact-btn:hover { opacity: 0.85; }\",\n \".surprise-ibtn { display: inline-flex; align-items: center; justify-content: center; gap: 7px; background: transparent; border: 1px solid #f59e0b55; border-radius: 99px; padding: 8px 18px; color: #f59e0b; font-size: 13px; font-weight: 500; cursor: pointer; transition: background 0.2s; }\",\n \".surprise-ibtn:hover { background: #f59e0b10; }\",\n \".itabs-ibtn { display: inline-flex; align-items: center; justify-content: center; gap: 7px; background: transparent; border: 1px solid #06b6d455; border-radius: 99px; padding: 8px 18px; color: #06b6d4; font-size: 13px; font-weight: 500; cursor: pointer; }\",\n \".itabs-ibtn:hover { background: #06b6d410; }\",\n \".i-badge { display: inline-flex; align-items: center; justify-content: center; width: 17px; height: 17px; border-radius: 50%; background: #f59e0b; color: #0a0a0f; font-size: 10px; font-weight: 900; flex-shrink: 0; font-style: italic; line-height: 1; }\",\n \".itabs-i-badge { display: inline-flex; align-items: center; justify-content: center; width: 17px; height: 17px; border-radius: 50%; background: #06b6d4; color: #0a0a0f; font-size: 10px; font-weight: 900; flex-shrink: 0; font-style: italic; line-height: 1; }\",\n \".tap-label { font-size: 11px; color: #3a3a4a; text-align: center; margin-top: 14px; letter-spacing: 0.5px; }\",\n \".profile-top { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 14px; }\",\n \".profile-top-info { flex: 1; text-align: center; }\",\n \".contact-pill { background: #06b6d4; color: #fff; border: none; border-radius: 99px; padding: 6px 14px; font-size: 12px; font-weight: 700; cursor: pointer; white-space: nowrap; flex-shrink: 0; }\",\n \".contact-pill:hover { opacity: 0.85; }\",\n \".contact-sheet { display: none; position: fixed; inset: 0; background: rgba(5,5,8,0.88); z-index: 250; align-items: flex-end; justify-content: center; padding-bottom: 20px; }\",\n \".contact-sheet.open { display: flex; }\",\n \".contact-sheet-box { background: #12121a; border: 1px solid #1e1e2e; border-radius: 20px; padding: 24px 20px; width: 100%; max-width: 400px; margin: 0 12px; }\",\n \".contact-sheet-title { font-size: 14px; font-weight: 700; color: #fff; margin-bottom: 16px; text-align: center; }\",\n \".contact-sheet-btn { display: flex; align-items: center; gap: 12px; width: 100%; background: #0a0a0f; border: 1px solid #1e1e2e; border-radius: 12px; padding: 13px 16px; color: #fff; text-decoration: none; font-size: 15px; font-weight: 500; margin-bottom: 10px; cursor: pointer; transition: border-color 0.2s; }\",\n \".contact-sheet-btn:hover { border-color: #06b6d4; }\",\n \".contact-sheet-btn.cyan { border-color: #06b6d4; background: #06b6d410; }\",\n \".contact-sheet-cancel { width: 100%; background: #1e1e2e; border: none; border-radius: 12px; padding: 13px; color: #a0a0b0; font-size: 14px; font-weight: 600; cursor: pointer; margin-top: 4px; }\",\n \".contact-sheet-cancel:hover { color: #fff; }\",\n \".back-header { text-align: center; margin-bottom: 10px; width: 100%; }\",\n \".back-title { font-size: 15px; font-weight: 700; margin-bottom: 4px; }\",\n \".back-sub { font-size: 12px; color: #a0a0b0; }\",\n \".back-actions { display: flex; gap: 10px; margin-bottom: 14px; width: 100%; }\",\n \".action-btn { flex: 1; display: flex; align-items: center; justify-content: center; gap: 7px; background: #0a0a0f; border: 1px solid #1e1e2e; border-radius: 12px; padding: 12px 8px; color: #fff; font-size: 13px; font-weight: 600; cursor: pointer; transition: border-color 0.2s, background 0.2s; text-decoration: none; }\",\n \".action-btn:hover { border-color: #06b6d4; }\",\n \".share-btn { border-color: #06b6d4; background: #06b6d410; color: #06b6d4; }\",\n \".edit-btn { color: #a0a0b0; font-size: 12px; }\",\n \".back-card-photos { width: 100%; margin-bottom: 14px; }\",\n \".qr-section { width: 100%; text-align: center; margin-top: 4px; margin-bottom: 4px; }\",\n \".qr-label { font-size: 10px; color: #4b5563; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 8px; }\",\n \"#qr-canvas { border-radius: 10px; background: #fff; padding: 10px; display: block; margin: 0 auto; }\",\n \".back-flip-label { font-size: 11px; color: #3a3a4a; margin-top: 14px; letter-spacing: 0.5px; }\",\n \".share-toast { display: none; position: fixed; bottom: 28px; left: 50%; transform: translateX(-50%); background: #06b6d4; color: #0a0a0f; font-weight: 700; font-size: 14px; border-radius: 999px; padding: 10px 22px; white-space: nowrap; z-index: 999; }\",\n \".wheel-overlay { display: none; position: absolute; inset: 0; background: rgba(5,5,8,0.96); z-index: 200; flex-direction: column; align-items: center; justify-content: center; padding: 20px; }\",\n \".wheel-overlay.open { display: flex; }\",\n \".wheel-title { font-size: 20px; font-weight: 800; color: #f59e0b; letter-spacing: 0.5px; margin-bottom: 6px; }\",\n \".wheel-sub { font-size: 13px; color: #a0a0b0; margin-bottom: 28px; }\",\n \".wheel-wrap { position: relative; width: 280px; height: 280px; margin-bottom: 28px; }\",\n \".wheel-pointer { position: absolute; top: -18px; left: 50%; transform: translateX(-50%); font-size: 28px; z-index: 10; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.8)); }\",\n \"#wheel-canvas { border-radius: 50%; box-shadow: 0 0 0 4px #1e1e2e, 0 0 40px rgba(6,182,212,0.15); display: block; }\",\n \".wheel-spin-btn { background: #f59e0b; color: #0a0a0f; border: none; border-radius: 12px; padding: 14px 40px; font-size: 16px; font-weight: 800; cursor: pointer; letter-spacing: 0.5px; transition: opacity 0.2s; }\",\n \".wheel-spin-btn:disabled { opacity: 0.4; cursor: not-allowed; }\",\n \".wheel-close { position: absolute; top: 20px; right: 20px; background: #1e1e2e; border: none; color: #a0a0b0; border-radius: 50%; width: 36px; height: 36px; font-size: 18px; cursor: pointer; display: flex; align-items: center; justify-content: center; }\",\n \".wheel-close:hover { color: #fff; }\",\n \".prize-popup { display: none; position: fixed; inset: 0; background: rgba(5,5,8,0.97); z-index: 300; flex-direction: column; align-items: center; justify-content: center; padding: 32px; text-align: center; }\",\n \".prize-popup.open { display: flex; }\",\n \".prize-emoji { font-size: 72px; margin-bottom: 16px; animation: prize-pop 0.4s cubic-bezier(0.34,1.56,0.64,1); }\",\n \".prize-label { font-size: 26px; font-weight: 800; color: #f59e0b; margin-bottom: 10px; }\",\n \".prize-msg { font-size: 15px; color: #a0a0b0; margin-bottom: 32px; max-width: 280px; line-height: 1.5; }\",\n \".prize-close { background: #06b6d4; color: #0a0a0f; border: none; border-radius: 12px; padding: 13px 36px; font-size: 15px; font-weight: 700; cursor: pointer; }\",\n \".prize-close:hover { opacity: 0.85; }\",\n \".itabs-info-popup { display: none; position: fixed; inset: 0; background: rgba(5,5,8,0.97); z-index: 300; flex-direction: column; align-items: center; justify-content: center; padding: 32px; text-align: center; }\",\n \".itabs-info-popup.open { display: flex; }\",\n \".itabs-info-title { font-size: 26px; font-weight: 800; color: #06b6d4; margin-bottom: 16px; }\",\n \".itabs-info-msg { font-size: 15px; color: #a0a0b0; margin-bottom: 32px; max-width: 280px; line-height: 1.6; }\",\n \".itabs-info-close { background: #06b6d4; color: #0a0a0f; border: none; border-radius: 12px; padding: 13px 36px; font-size: 15px; font-weight: 700; cursor: pointer; }\",\n \".itabs-info-close:hover { opacity: 0.85; }\",\n \"@keyframes prize-pop { from { transform: scale(0.4); opacity: 0; } to { transform: scale(1); opacity: 1; } }\",\n deckCSS(),\n ].join(\" \");\n\n var wheelScript = [\n \"\",\n ].join(\"\\n\");\n\n return (\n '' +\n '' +\n '' +\n '' +\n '' +\n '' +\n '' +\n '' +\n '' +\n '' +\n \"\" + name + \" — iTabs BC\" +\n \"\" +\n \"\" +\n '' +\n\n '

' +\n '

Contact ' + name + '

' +\n '📞Call ' + phone + '' +\n '💬WhatsApp' +\n (email ? '✉' + email + '' : '') +\n '💾Save Contact' +\n '' +\n '

' +\n '

' +\n deckOverlayHtml(user, hasPhoto, cardUrl, wp1, wp2, wp3, wp4) +\n '

' +\n '' +\n '' +\n '

' +\n '

' +\n '' +\n '

🎰 Spin the Wheel

' +\n '

What will you win today?

' +\n '

▼

' +\n '' +\n '

' +\n '' +\n '' +\n '

' +\n '

iTabs BC 2.0

' +\n '

tap card to flip

' +\n '

' +\n avatarHtml +\n '

' + name + '

' +\n '

' + trade + (suburb ? ' · ' + suburb : '') + '

' +\n '

' + (trade ? trade.split(',').slice(0,6).map(function(s) { return '' + s.trim() + ''; }).join('') : '') + '

' +\n '

🛡️ Trusted Card

' +\n '' +\n '

tap to see back →

' +\n '

' +\n (hasCardBack ? ('

') : (hasCardFront ? ('

') : '

No back photo

')) +\n '

tap card to flip back

' +\n '

' +\n wheelScript +\n \"\"\n );\n}\n","import { deckOverlayHtml, deckCSS, deckScript } from \"./deck.ts\";\n\nexport function cardPage(\n user: Record,\n baseUrl: string,\n hasPhoto: boolean,\n hasCardFront: boolean,\n hasCardBack: boolean,\n views: number,\n wp1: boolean,\n wp2: boolean,\n wp3: boolean,\n wp4: boolean\n) {\n var name = String(user.name || \"\");\n var trade = String(user.trade || \"\");\n var tagline = String(user.tagline || \"\");\n var suburb = String(user.suburb || \"\");\n var phone = String(user.phone || \"\");\n var email = String(user.email || \"\");\n var cardUrl = baseUrl + \"/card/\" + phone;\n var initial = name.charAt(0).toUpperCase();\n\n var avatarHtml = hasPhoto\n ? (' $\"'$ ')\n : ('

' + initial + \"

\");\n\n var taglineHtml = tagline\n ? ('

\"' + tagline + '\"

')\n : \"\";\n\n var suburbHtml = suburb\n ? ('

📍' + suburb + \"

\")\n : \"\";\n\n var viewsHtml = views > 0\n ? ('

👁 ' + views + (views === 1 ? \" view\" : \" views\") + \"

' +\n '

')\n : ('

' +\n 'Not uploaded yet' +\n '

');\n return (\n '

' +\n '

' + label + '

' +\n imageHtml +\n '

'\n );\n }\n\n var cardPhotosHtml =\n cardPhotoSlot(\"Front\", hasCardFront, \"/card-front/\" + phone) +\n cardPhotoSlot(\"Back\", hasCardBack, \"/card-back/\" + phone);\n\n var css = [\n \"* { box-sizing: border-box; margin: 0; padding: 0; }\",\n \"body { background: #0a0a0f; color: #fff; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; min-height: 100vh; }\",\n \".page-wrap { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding: 24px 8px 40px; }\",\n \"@media (min-width: 600px) {\",\n \" body { background: #050508; display: flex; align-items: center; justify-content: center; }\",\n \" .page-wrap { padding: 0; min-height: unset; }\",\n \" .phone-frame { width: 390px; border-radius: 44px; border: 8px solid #1e1e2e; box-shadow: 0 0 0 2px #333, 0 40px 80px rgba(0,0,0,0.6); background: #0a0a0f; overflow: hidden; display: flex; flex-direction: column; position: relative; }\",\n \" .phone-notch { width: 80px; height: 6px; background: #1e1e2e; border-radius: 99px; margin: 14px auto 0; flex-shrink: 0; }\",\n \" .phone-scroll { overflow-y: auto; max-height: calc(100vh - 120px); padding: 20px 20px 36px; }\",\n \" .phone-scroll::-webkit-scrollbar { width: 0; }\",\n \"}\",\n \"@media (max-width: 599px) {\",\n \" .phone-frame { width: 100%; }\",\n \" .phone-notch { display: none; }\",\n \" .phone-scroll { padding: 0; }\",\n \" .flip-wrap { border-radius: 20px; }\",\n \"}\",\n \".logo { font-size: 13px; letter-spacing: 3px; text-transform: uppercase; color: #06b6d4; margin-bottom: 20px; font-weight: 600; text-align: center; }\",\n \".flip-hint { text-align: center; font-size: 11px; color: #3a3a4a; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px; }\",\n \".flip-wrap { perspective: 1200px; cursor: pointer; user-select: none; }\",\n \".flip-inner { position: relative; transform-style: preserve-3d; transition: transform 0.55s cubic-bezier(0.4,0.2,0.2,1); border-radius: 20px; }\",\n \".flip-wrap.flipped .flip-inner { transform: rotateY(180deg); }\",\n \".flip-front, .flip-back { backface-visibility: hidden; -webkit-backface-visibility: hidden; border-radius: 20px; background: #12121a; border: 1px solid #1e1e2e; padding: 28px 20px; }\",\n \".flip-back { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: rotateY(180deg); display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 0; overflow: hidden; padding: 0; }\",\n \".back-fixed-top { padding: 20px 20px 0; flex-shrink: 0; }\",\n \".back-scroll { flex: 1; overflow-y: auto; padding: 0 20px 12px; -webkit-overflow-scrolling: touch; }\",\n \".back-scroll::-webkit-scrollbar { width: 0; }\",\n \".back-fixed-bottom { padding: 12px 20px 20px; flex-shrink: 0; border-top: 1px solid #1e1e2e; }\",\n \".profile-block { text-align: center; margin-bottom: 24px; }\",\n \".avatar { width: 76px; height: 76px; border-radius: 50%; margin: 0 auto 14px; display: block; }\",\n \".avatar-init { background: #06b6d4; display: flex; align-items: center; justify-content: center; font-size: 28px; font-weight: 700; color: #0a0a0f; }\",\n \".avatar-img { object-fit: cover; border: 2px solid #06b6d4; }\",\n \".name { font-size: 24px; font-weight: 800; margin-bottom: 7px; }\",\n \".trade-badge { display: inline-block; background: #06b6d410; border: 1px solid #06b6d4; color: #06b6d4; border-radius: 999px; padding: 4px 14px; font-size: 12px; font-weight: 600; letter-spacing: 0.5px; margin-bottom: 10px; }\",\n \".tagline { color: #a0a0b0; font-size: 13px; font-style: italic; }\",\n \".divider { border: none; border-top: 1px solid #1e1e2e; margin: 18px 0; }\",\n \".info-row { display: flex; align-items: center; gap: 10px; color: #a0a0b0; font-size: 13px; margin-bottom: 8px; }\",\n \".views-count { font-size: 12px; color: #4b5563; margin-bottom: 8px; }\",\n \".icon { font-size: 15px; flex-shrink: 0; }\",\n \".contact-btn { display: flex; align-items: center; gap: 10px; background: #0a0a0f; border: 1px solid #1e1e2e; border-radius: 12px; padding: 12px 14px; color: #fff; text-decoration: none; font-size: 14px; font-weight: 500; margin-bottom: 9px; transition: border-color 0.2s; }\",\n \".contact-btn:hover { border-color: #06b6d4; }\",\n \".contact-center-btn { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; background: #06b6d410; border: 1.5px solid #06b6d4; border-radius: 14px; padding: 15px 14px; color: #06b6d4; font-size: 15px; font-weight: 700; text-decoration: none; margin-bottom: 12px; transition: background 0.2s; cursor: pointer; }\",\n \".contact-center-btn:hover { background: #06b6d420; }\",\n \".save-contact-btn { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; background: #06b6d4; border: none; border-radius: 12px; padding: 13px 14px; color: #fff; font-size: 14px; font-weight: 700; text-decoration: none; margin-bottom: 9px; transition: opacity 0.2s; }\",\n \".save-contact-btn:hover { opacity: 0.85; }\",\n \".surprise-ibtn { display: inline-flex; align-items: center; justify-content: center; gap: 7px; background: transparent; border: 1px solid #f59e0b55; border-radius: 99px; padding: 8px 18px; color: #f59e0b; font-size: 13px; font-weight: 500; cursor: pointer; transition: background 0.2s; }\",\n \".surprise-ibtn:hover { background: #f59e0b10; }\",\n \".itabs-ibtn { display: inline-flex; align-items: center; justify-content: center; gap: 7px; background: transparent; border: 1px solid #06b6d455; border-radius: 99px; padding: 8px 18px; color: #06b6d4; font-size: 13px; font-weight: 500; cursor: pointer; }\",\n \".itabs-ibtn:hover { background: #06b6d410; }\",\n \".i-badge { display: inline-flex; align-items: center; justify-content: center; width: 17px; height: 17px; border-radius: 50%; background: #f59e0b; color: #0a0a0f; font-size: 10px; font-weight: 900; flex-shrink: 0; font-style: italic; line-height: 1; }\",\n \".itabs-i-badge { display: inline-flex; align-items: center; justify-content: center; width: 17px; height: 17px; border-radius: 50%; background: #06b6d4; color: #0a0a0f; font-size: 10px; font-weight: 900; flex-shrink: 0; font-style: italic; line-height: 1; }\",\n \".tap-label { font-size: 11px; color: #3a3a4a; text-align: center; margin-top: 14px; letter-spacing: 0.5px; }\",\n // Profile block top row (avatar left, contact pill top-right)\n \".profile-top { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 14px; }\",\n \".profile-top-info { flex: 1; text-align: center; }\",\n \".contact-pill { background: #06b6d4; color: #fff; border: none; border-radius: 99px; padding: 6px 14px; font-size: 12px; font-weight: 700; cursor: pointer; white-space: nowrap; flex-shrink: 0; }\",\n \".contact-pill:hover { opacity: 0.85; }\",\n // Contact sheet overlay\n \".contact-sheet { display: none; position: fixed; inset: 0; background: rgba(5,5,8,0.88); z-index: 250; align-items: flex-end; justify-content: center; padding-bottom: 20px; }\",\n \".contact-sheet.open { display: flex; }\",\n \".contact-sheet-box { background: #12121a; border: 1px solid #1e1e2e; border-radius: 20px; padding: 24px 20px; width: 100%; max-width: 400px; margin: 0 12px; }\",\n \".contact-sheet-title { font-size: 14px; font-weight: 700; color: #fff; margin-bottom: 16px; text-align: center; }\",\n \".contact-sheet-btn { display: flex; align-items: center; gap: 12px; width: 100%; background: #0a0a0f; border: 1px solid #1e1e2e; border-radius: 12px; padding: 13px 16px; color: #fff; text-decoration: none; font-size: 15px; font-weight: 500; margin-bottom: 10px; cursor: pointer; transition: border-color 0.2s; }\",\n \".contact-sheet-btn:hover { border-color: #06b6d4; }\",\n \".contact-sheet-btn.cyan { border-color: #06b6d4; background: #06b6d410; }\",\n \".contact-sheet-cancel { width: 100%; background: #1e1e2e; border: none; border-radius: 12px; padding: 13px; color: #a0a0b0; font-size: 14px; font-weight: 600; cursor: pointer; margin-top: 4px; }\",\n \".contact-sheet-cancel:hover { color: #fff; }\",\n \".back-header { text-align: center; margin-bottom: 10px; width: 100%; }\",\n \".back-title { font-size: 15px; font-weight: 700; margin-bottom: 4px; }\",\n \".back-sub { font-size: 12px; color: #a0a0b0; }\",\n \".back-actions { display: flex; gap: 10px; margin-bottom: 14px; width: 100%; }\",\n \".action-btn { flex: 1; display: flex; align-items: center; justify-content: center; gap: 7px; background: #0a0a0f; border: 1px solid #1e1e2e; border-radius: 12px; padding: 12px 8px; color: #fff; font-size: 13px; font-weight: 600; cursor: pointer; transition: border-color 0.2s, background 0.2s; text-decoration: none; }\",\n \".action-btn:hover { border-color: #06b6d4; }\",\n \".share-btn { border-color: #06b6d4; background: #06b6d410; color: #06b6d4; }\",\n \".edit-btn { color: #a0a0b0; font-size: 12px; }\",\n \".back-card-photos { width: 100%; margin-bottom: 14px; }\",\n \".qr-section { width: 100%; text-align: center; margin-top: 4px; margin-bottom: 4px; }\",\n \".qr-label { font-size: 10px; color: #4b5563; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 8px; }\",\n \"#qr-canvas { border-radius: 10px; background: #fff; padding: 10px; display: block; margin: 0 auto; }\",\n \".back-flip-label { font-size: 11px; color: #3a3a4a; margin-top: 14px; letter-spacing: 0.5px; }\",\n \".share-toast { display: none; position: fixed; bottom: 28px; left: 50%; transform: translateX(-50%); background: #06b6d4; color: #0a0a0f; font-weight: 700; font-size: 14px; border-radius: 999px; padding: 10px 22px; white-space: nowrap; z-index: 999; }\",\n \".wheel-overlay { display: none; position: absolute; inset: 0; background: rgba(5,5,8,0.96); z-index: 200; flex-direction: column; align-items: center; justify-content: center; padding: 20px; }\",\n \".wheel-overlay.open { display: flex; }\",\n \".wheel-title { font-size: 20px; font-weight: 800; color: #f59e0b; letter-spacing: 0.5px; margin-bottom: 6px; }\",\n \".wheel-sub { font-size: 13px; color: #a0a0b0; margin-bottom: 28px; }\",\n \".wheel-wrap { position: relative; width: 280px; height: 280px; margin-bottom: 28px; }\",\n \".wheel-pointer { position: absolute; top: -18px; left: 50%; transform: translateX(-50%); font-size: 28px; z-index: 10; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.8)); }\",\n \"#wheel-canvas { border-radius: 50%; box-shadow: 0 0 0 4px #1e1e2e, 0 0 40px rgba(6,182,212,0.15); display: block; }\",\n \".wheel-spin-btn { background: #f59e0b; color: #0a0a0f; border: none; border-radius: 12px; padding: 14px 40px; font-size: 16px; font-weight: 800; cursor: pointer; letter-spacing: 0.5px; transition: opacity 0.2s; }\",\n \".wheel-spin-btn:disabled { opacity: 0.4; cursor: not-allowed; }\",\n \".wheel-close { position: absolute; top: 20px; right: 20px; background: #1e1e2e; border: none; color: #a0a0b0; border-radius: 50%; width: 36px; height: 36px; font-size: 18px; cursor: pointer; display: flex; align-items: center; justify-content: center; }\",\n \".wheel-close:hover { color: #fff; }\",\n \".prize-popup { display: none; position: fixed; inset: 0; background: rgba(5,5,8,0.97); z-index: 300; flex-direction: column; align-items: center; justify-content: center; padding: 32px; text-align: center; }\",\n \".prize-popup.open { display: flex; }\",\n \".prize-emoji { font-size: 72px; margin-bottom: 16px; animation: prize-pop 0.4s cubic-bezier(0.34,1.56,0.64,1); }\",\n \".prize-label { font-size: 26px; font-weight: 800; color: #f59e0b; margin-bottom: 10px; }\",\n \".prize-msg { font-size: 15px; color: #a0a0b0; margin-bottom: 32px; max-width: 280px; line-height: 1.5; }\",\n \".prize-close { background: #06b6d4; color: #0a0a0f; border: none; border-radius: 12px; padding: 13px 36px; font-size: 15px; font-weight: 700; cursor: pointer; }\",\n \".prize-close:hover { opacity: 0.85; }\",\n \".itabs-info-popup { display: none; position: fixed; inset: 0; background: rgba(5,5,8,0.97); z-index: 300; flex-direction: column; align-items: center; justify-content: center; padding: 32px; text-align: center; }\",\n \".itabs-info-popup.open { display: flex; }\",\n \".itabs-info-title { font-size: 26px; font-weight: 800; color: #06b6d4; margin-bottom: 16px; }\",\n \".itabs-info-msg { font-size: 15px; color: #a0a0b0; margin-bottom: 32px; max-width: 280px; line-height: 1.6; }\",\n \".itabs-info-close { background: #06b6d4; color: #0a0a0f; border: none; border-radius: 12px; padding: 13px 36px; font-size: 15px; font-weight: 700; cursor: pointer; }\",\n \".itabs-info-close:hover { opacity: 0.85; }\",\n \"@keyframes prize-pop { from { transform: scale(0.4); opacity: 0; } to { transform: scale(1); opacity: 1; } }\",\n deckCSS(),\n ].join(\" \");\n\n var wheelScript = [\n \"\",\n ].join(\"\\n\");\n\n return (\n '' +\n '' +\n '' +\n '' +\n '' +\n '' +\n '' +\n '' +\n '' +\n '' +\n \"\" + name + \" — iTabs BC\" +\n \"\" +\n \"\" +\n '' +\n\n // Contact sheet\n '

' +\n '

Contact ' + name + '

' +\n '📞Call ' + phone + '' +\n '💬WhatsApp' +\n (email ? '✉' + email + '' : '') +\n '💾Save Contact' +\n '' +\n '

' +\n '

' +\n deckOverlayHtml(user, hasPhoto, cardUrl, wp1, wp2, wp3, wp4) +\n '

' +\n '' +\n '' +\n '

' +\n '

' +\n '' +\n '

🎰 Spin the Wheel

' +\n '

What will you win today?

' +\n '

▼

' +\n '' +\n '

' +\n '' +\n '' +\n '

' +\n '

iTabs BC 2.0

' +\n '

tap card to flip

' +\n '

' +\n // Profile block: avatar centred, name, trade, tagline - no contact pill\n '

' +\n avatarHtml +\n '

' + name + \"

\" +\n '

' + trade + \"

\" +\n taglineHtml +\n \"

\" +\n '

' + suburbHtml + viewsHtml +\n '' +\n '

' +\n '

tap card to see QR & share →

' +\n \"

\" +\n '

' +\n\n // FIXED TOP — header only\n '

' +\n '

' + name + \"

\" +\n '

' + trade + (suburb ? \" · \" + suburb : \"\") + \"

\" +\n \"

\" +\n\n // SCROLLABLE MIDDLE — photos\n '

' +\n '

' + cardPhotosHtml + \"

\" +\n '

← tap to flip back

' +\n \"

\" +\n\n // FIXED BOTTOM — share/edit buttons and See Full Profile\n '

' +\n '

' +\n '' +\n '✏ Edit' +\n \"

\" +\n '' +\n \"

\" +\n\n \"

\" +\n \"

\" +\n wheelScript +\n \"\"\n );\n}\n","createdAt",["D",1777176985945],"branchVersion","branchId","efd38fd0-3e41-11f1-b05a-42b51c65c3df","id","efd30880-3e41-11f1-b05a-42b51c65c3df","itabs",["D",1776858834253],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","iTabs BC2.0 — Dark mobile-first digital business card app","imageUrl","9e73754f-780d-46b7-924e-110519305b47","pinnedFileId","b9b56994-4311-11f1-9601-42b51c65c3df","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019d76ed-e14a-727a-b612-7191b6d5a9b7","tursoName","efd308803e4111f1b05a42b51c65c3df","tursoHostname","efd308803e4111f1b05a42b51c65c3df-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789500689328],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_101":100,"_109":105},"org",{"_101":100,"_102":103,"_104":105,"_18":56,"_106":107,"_108":25},"branch",{"_13":90,"_32":91,"_44":43,"_92":45,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":46,"_99":100},"isOwned",389,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","jgwynne7_4bf3679b","handle","displayName","iTabs-Menu","avatar","https://avatars.githubusercontent.com/u/177847225?v=4","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":286,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":70,"_71":287,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":288,"_85":289,"_87":290,"_89":25},"tree",[205,212,213,214,215,216,217],"files",[205,206,207,208,209,210,211,212,213,214,215,216,217],"counts",{"_194":64,"_195":196,"_197":64,"_198":199,"_200":201},"contents",[133,134,135,136,137,138,139],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{"_58":132},"api.itabs.co",{"_44":187,"_32":188,"_30":189,"_143":-5,"_42":43,"_41":190,"_145":25,"_39":191,"_13":64,"_34":192,"_36":-5,"_24":25,"_148":-5,"_27":193},{"_44":180,"_32":181,"_30":182,"_143":-5,"_42":43,"_41":183,"_145":25,"_39":184,"_13":64,"_34":20,"_36":185,"_24":25,"_148":-5,"_27":186},{"_44":171,"_32":172,"_30":173,"_143":-5,"_42":43,"_41":174,"_145":25,"_39":175,"_13":176,"_34":177,"_36":178,"_24":25,"_148":-5,"_27":179},{"_44":163,"_32":164,"_30":165,"_143":-5,"_42":43,"_41":166,"_145":25,"_39":167,"_13":168,"_34":35,"_36":169,"_24":25,"_148":-5,"_27":170},{"_44":157,"_32":158,"_30":159,"_143":-5,"_42":43,"_41":160,"_145":25,"_39":161,"_13":64,"_34":35,"_36":111,"_24":25,"_148":-5,"_27":162},{"_44":150,"_32":151,"_30":152,"_143":-5,"_42":43,"_41":153,"_145":60,"_39":154,"_13":64,"_34":35,"_36":155,"_24":25,"_148":-5,"_27":156},{"_44":140,"_32":141,"_30":142,"_143":-5,"_42":43,"_41":144,"_145":60,"_39":146,"_13":64,"_34":35,"_36":147,"_24":25,"_148":-5,"_27":149},"0d1ed37e-3e42-11f1-9d3e-42b51c65c3df","styles.ts","0d1ed432-3e42-11f1-9d3e-42b51c65c3df","parentId",2,"latest",["D",1776858883395],"export const baseCSS = [\n \"* { box-sizing: border-box; margin: 0; padding: 0; }\",\n \"body { background: #0a0a0f; color: #ffffff; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 20px; }\",\n \".container { width: 100%; max-width: 430px; }\",\n \".card { background: #12121a; border-radius: 16px; padding: 32px 24px; border: 1px solid #1e1e2e; }\",\n \".logo { font-size: 13px; letter-spacing: 3px; text-transform: uppercase; color: #06b6d4; margin-bottom: 28px; font-weight: 600; }\",\n \"h1 { font-size: 26px; font-weight: 700; margin-bottom: 6px; }\",\n \"h2 { font-size: 20px; font-weight: 600; margin-bottom: 24px; color: #a0a0b0; }\",\n \".field { margin-bottom: 16px; }\",\n \"label { display: block; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; color: #a0a0b0; margin-bottom: 6px; font-weight: 500; }\",\n \"input, textarea { width: 100%; background: #0a0a0f; border: 1px solid #1e1e2e; border-radius: 10px; padding: 12px 14px; color: #ffffff; font-size: 16px; outline: none; transition: border-color 0.2s; font-family: inherit; }\",\n \"input:focus, textarea:focus { border-color: #06b6d4; }\",\n \"input::placeholder, textarea::placeholder { color: #3a3a4a; }\",\n \"button[type=submit], .btn-primary { width: 100%; background: #06b6d4; color: #0a0a0f; border: none; border-radius: 10px; padding: 14px; font-size: 16px; font-weight: 700; cursor: pointer; margin-top: 8px; letter-spacing: 0.5px; transition: opacity 0.2s; }\",\n \"button[type=submit]:hover, .btn-primary:hover { opacity: 0.85; }\",\n \".error { background: #2a0a0a; border: 1px solid #8b0000; border-radius: 10px; padding: 12px 14px; color: #ff6b6b; font-size: 14px; margin-bottom: 16px; }\",\n \".link { color: #06b6d4; text-decoration: none; font-size: 14px; }\",\n \".link:hover { text-decoration: underline; }\",\n \".meta { font-size: 13px; color: #a0a0b0; margin-top: 20px; text-align: center; }\",\n].join(\" \");\n","label",[141],"dc883306-3fbb-11f1-bd0c-42b51c65c3df","seed-tradies.ts","dc8833f6-3fbb-11f1-bd0c-42b51c65c3df",115,["D",1777021151641],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nconst demoTradies = [\n {\n phone: \"0400111001\",\n pin: \"1234\",\n name: \"City Metro Plumbing\",\n trade: \"Plumber\",\n email: \"hello@citymetro.com.au\",\n tagline: \"24/7 Emergency Plumbing\",\n suburb: \"Perth\",\n },\n {\n phone: \"0400111002\",\n pin: \"1234\",\n name: \"Brian's Mowing\",\n trade: \"Lawn Mowing\",\n email: \"brian@mowing.com.au\",\n tagline: \"Keep your lawn pristine\",\n suburb: \"Canning\",\n },\n {\n phone: \"0400111003\",\n pin: \"1234\",\n name: \"Colin's Bricklaying\",\n trade: \"Bricklaying\",\n email: \"colin@brick.com.au\",\n tagline: \"Quality brickwork guaranteed\",\n suburb: \"Thornlie\",\n },\n {\n phone: \"0400111004\",\n pin: \"1234\",\n name: \"Graham Carpenter Handyman\",\n trade: \"Carpentry & Handyman\",\n email: \"graham@carpenter.com.au\",\n tagline: \"Fix anything, build anything\",\n suburb: \"Armadale\",\n },\n {\n phone: \"0400111005\",\n pin: \"1234\",\n name: \"Armadale Mini Loads\",\n trade: \"Removals & Transport\",\n email: \"info@minaloads.com.au\",\n tagline: \"Small jobs, big professionalism\",\n suburb: \"Armadale\",\n },\n {\n phone: \"0400111006\",\n pin: \"1234\",\n name: \"ALV Carpentry\",\n trade: \"Carpentry\",\n email: \"contact@alvcarpentry.com.au\",\n tagline: \"Expert carpentry solutions\",\n suburb: \"Kelmscott\",\n },\n];\n\nasync function seed() {\n try {\n await sqlite.execute(\"SELECT 1\");\n console.log(\"Database connected\");\n\n for (const tradie of demoTradies) {\n try {\n const existing = await sqlite.execute({\n sql: \"SELECT id FROM users WHERE phone = ?\",\n args: [tradie.phone],\n });\n \n if (existing.rows.length === 0) {\n await sqlite.execute({\n sql: \"INSERT INTO users (phone, pin, name, trade, email, tagline, suburb) VALUES (?, ?, ?, ?, ?, ?, ?)\",\n args: [tradie.phone, tradie.pin, tradie.name, tradie.trade, tradie.email, tradie.tagline, tradie.suburb],\n });\n console.log(`✓ Added ${tradie.name}`);\n } else {\n console.log(`- ${tradie.name} already exists`);\n }\n } catch (e) {\n console.error(`✗ Failed to add ${tradie.name}: ${e}`);\n }\n }\n \n console.log(\"\\nSeeding complete!\");\n } catch (e) {\n console.error(\"Database error:\", e);\n }\n}\n\nseed();\n",[151],"4859ae62-4100-11f1-b010-42b51c65c3df","new-file-8545.ts","4859af02-4100-11f1-b010-42b51c65c3df",121,["D",1777160489470],[158],"d6644668-3fbb-11f1-8c1a-42b51c65c3df","database.ts","088b9c2a-3e42-11f1-97b6-42b51c65c3df",114,["D",1777021141329],6,"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nexport async function setupDatabase() {\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS users (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n phone TEXT UNIQUE NOT NULL,\n pin TEXT NOT NULL,\n name TEXT NOT NULL,\n trade TEXT NOT NULL,\n email TEXT,\n tagline TEXT,\n suburb TEXT,\n views INTEGER NOT NULL DEFAULT 0,\n services TEXT,\n about TEXT,\n years_experience TEXT,\n credentials TEXT,\n website TEXT,\n instagram TEXT,\n facebook TEXT,\n created_at TEXT DEFAULT (datetime('now'))\n )\n `);\n // Silent upgrades — safe to run on existing rows\n try { await sqlite.execute(\"ALTER TABLE users ADD COLUMN views INTEGER NOT NULL DEFAULT 0\"); } catch (_) {}\n try { await sqlite.execute(\"ALTER TABLE users ADD COLUMN services TEXT\"); } catch (_) {}\n try { await sqlite.execute(\"ALTER TABLE users ADD COLUMN about TEXT\"); } catch (_) {}\n try { await sqlite.execute(\"ALTER TABLE users ADD COLUMN years_experience TEXT\"); } catch (_) {}\n try { await sqlite.execute(\"ALTER TABLE users ADD COLUMN credentials TEXT\"); } catch (_) {}\n try { await sqlite.execute(\"ALTER TABLE users ADD COLUMN website TEXT\"); } catch (_) {}\n try { await sqlite.execute(\"ALTER TABLE users ADD COLUMN instagram TEXT\"); } catch (_) {}\n try { await sqlite.execute(\"ALTER TABLE users ADD COLUMN facebook TEXT\"); } catch (_) {}\n}\n\nexport async function createUser(data: {\n phone: string; pin: string; name: string; trade: string;\n email: string; tagline: string; suburb: string;\n}) {\n await sqlite.execute({\n sql: \"INSERT INTO users (phone, pin, name, trade, email, tagline, suburb) VALUES (?, ?, ?, ?, ?, ?, ?)\",\n args: [data.phone, data.pin, data.name, data.trade, data.email, data.tagline, data.suburb],\n });\n}\n\nexport async function getUserByPhone(phone: string) {\n const result = await sqlite.execute({\n sql: \"SELECT * FROM users WHERE phone = ?\",\n args: [phone],\n });\n return result.rows[0] || null;\n}\n\nexport async function updateUser(phone: string, data: {\n name: string;\n trade: string;\n email: string;\n tagline: string;\n suburb: string;\n services: string;\n about: string;\n years_experience: string;\n credentials: string;\n website: string;\n instagram: string;\n facebook: string;\n}) {\n await sqlite.execute({\n sql: \"UPDATE users SET name=?, trade=?, email=?, tagline=?, suburb=?, services=?, about=?, years_experience=?, credentials=?, website=?, instagram=?, facebook=? WHERE phone=?\",\n args: [data.name, data.trade, data.email, data.tagline, data.suburb, data.services, data.about, data.years_experience, data.credentials, data.website, data.instagram, data.facebook, phone],\n });\n}\n\nexport async function verifyPin(phone: string, pin: string): Promise {\n const result = await sqlite.execute({\n sql: \"SELECT pin FROM users WHERE phone = ?\",\n args: [phone],\n });\n if (!result.rows[0]) return false;\n return result.rows[0].pin === pin;\n}\n\nexport async function incrementViews(phone: string): Promise {\n await sqlite.execute({\n sql: \"UPDATE users SET views = views + 1 WHERE phone = ?\",\n args: [phone],\n });\n const result = await sqlite.execute({\n sql: \"SELECT views FROM users WHERE phone = ?\",\n args: [phone],\n });\n return Number(result.rows[0]?.views ?? 0);\n}\n\nexport async function updatePin(phone: string, newPin: string) {\n await sqlite.execute({\n sql: \"UPDATE users SET pin = ? WHERE phone = ?\",\n args: [newPin, phone],\n });\n}\n\nexport async function getAllUsers() {\n const result = await sqlite.execute(\"SELECT phone, name, trade, suburb, tagline FROM users ORDER BY name\");\n return result.rows || [];\n}\n",[164],"244581fc-4125-11f1-b223-42b51c65c3df","app.ts","8bd6e6ac-3e42-11f1-a4ea-42b51c65c3df",129,["D",1777176320306],37,"http","import { Hono } from \"npm:hono@4\";\nimport { blob } from \"https://esm.town/v/std/blob\";\nimport { email } from \"https://esm.town/v/std/email\";\nimport { setupDatabase, createUser, getUserByPhone, updateUser, verifyPin, incrementViews, updatePin, getAllUsers } from \"./database.ts\";\nimport { signupPage } from \"./pages/signup.ts\";\nimport { cardPage } from \"./pages/card.ts\";\nimport { editPinPage, editFormPage } from \"./pages/edit.ts\";\nimport { resetPage, resetSentPage, resetConfirmPage, resetSuccessPage, resetExpiredPage } from \"./pages/reset.ts\";\nimport { directoryPage } from \"./pages/directory.ts\";\n\nawait setupDatabase();\n\nconst app = new Hono();\napp.onError((err) => Promise.reject(err));\n\nfunction photoKey(phone: string) { return \"itabsbc-photo-\" + phone; }\nfunction cardFrontKey(phone: string) { return \"itabsbc-card-front-\" + phone; }\nfunction cardBackKey(phone: string) { return \"itabsbc-card-back-\" + phone; }\nfunction workPhotoKey(n: number, phone: string) { return \"itabsbc-work-\" + n + \"-\" + phone; }\nfunction resetTokenKey(phone: string) { return \"itabsbc-reset-\" + phone; }\n\nasync function blobExists(key: string): Promise {\n try { const d = await blob.get(key); return d !== null; } catch { return false; }\n}\nfunction hasPhoto(phone: string) { return blobExists(photoKey(phone)); }\nfunction hasCardFront(phone: string) { return blobExists(cardFrontKey(phone)); }\nfunction hasCardBack(phone: string) { return blobExists(cardBackKey(phone)); }\nfunction hasWorkPhoto(n: number, phone: string) { return blobExists(workPhotoKey(n, phone)); }\n\nfunction generateResetToken(): string {\n return Math.floor(100000 + Math.random() * 900000).toString();\n}\n\nasync function saveResetToken(phone: string, token: string): Promise {\n const data = JSON.stringify({ token: token, timestamp: Date.now() });\n await blob.set(resetTokenKey(phone), new Blob([data], { type: \"application/json\" }));\n}\n\nasync function getResetToken(phone: string): Promise<{ token: string; timestamp: number } | null> {\n try {\n const data = await blob.get(resetTokenKey(phone));\n if (!data) return null;\n const text = await data.text();\n return JSON.parse(text);\n } catch {\n return null;\n }\n}\n\nasync function deleteResetToken(phone: string): Promise {\n try {\n await blob.delete(resetTokenKey(phone));\n } catch {}\n}\n\nfunction isTokenExpired(timestamp: number): boolean {\n return Date.now() - timestamp > 15 * 60 * 1000;\n}\n\nasync function serveBlob(key: string, contentType: string, cache: string) {\n try {\n const data = await blob.get(key);\n if (!data) return new Response(\"Not found\", { status: 404 });\n return new Response(await data.arrayBuffer(), { headers: { \"Content-Type\": contentType, \"Cache-Control\": cache } });\n } catch { return new Response(\"Not found\", { status: 404 }); }\n}\n\nasync function handleUpload(c: any, key: string, maxMB: number) {\n try {\n const body = await c.req.parseBody();\n const file = body[\"photo\"] as File | undefined;\n if (!file || !file.size) return c.json({ ok: false, error: \"No file\" }, 400);\n if (file.size > maxMB * 1024 * 1024) return c.json({ ok: false, error: \"File too large\" }, 400);\n await blob.set(key, new Blob([await file.arrayBuffer()], { type: file.type || \"image/jpeg\" }));\n return c.json({ ok: true });\n } catch (e) { return c.json({ ok: false, error: String(e) }, 500); }\n}\n\n// ── Pages ──────────────────────────────────────────────────────────────────\n\napp.get(\"/\", async (c) => {\n const tradies = await getAllUsers();\n return c.html(directoryPage(tradies));\n});\n\napp.get(\"/signup\", (c) => c.html(signupPage()));\n\napp.post(\"/signup\", async (c) => {\n const body = await c.req.parseBody();\n const name = String(body.name || \"\").trim();\n const trade = String(body.trade || \"\").trim();\n const phone = String(body.phone || \"\").replace(/\\s/g, \"\").trim();\n const pin = String(body.pin || \"\").trim();\n const tagline = String(body.tagline || \"\").trim();\n const email = String(body.email || \"\").trim();\n const suburb = String(body.suburb || \"\").trim();\n if (!name || !trade || !phone || !pin) return c.html(signupPage(\"Please fill in all required fields.\"), 400);\n if (!/^\\d{4}$/.test(pin)) return c.html(signupPage(\"PIN must be exactly 4 digits.\"), 400);\n const existing = await getUserByPhone(phone);\n if (existing) return c.html(signupPage(\"That phone number is already registered. View card →\"), 400);\n try { await createUser({ phone, pin, name, trade, email, tagline, suburb }); }\n catch (_e) { return c.html(signupPage(\"Something went wrong. Please try again.\"), 500); }\n return new Response(null, { status: 302, headers: { Location: \"/card/\" + phone } });\n});\n\napp.get(\"/card/:phone\", async (c) => {\n const phone = c.req.param(\"phone\");\n const user = await getUserByPhone(phone);\n if (!user) return c.html(\n \"Not Found\" +\n \"\" +\n \"

\" +\n \"

iTabs BC 2.0

\" +\n \"

Card not found

Create a card →

\" +\n \"

\", 404);\n const url = new URL(c.req.url);\n const baseUrl = url.protocol + \"//\" + url.host;\n const [photo, cardFront, cardBack, views, wp1, wp2, wp3, wp4] = await Promise.all([\n hasPhoto(phone), hasCardFront(phone), hasCardBack(phone), incrementViews(phone),\n hasWorkPhoto(1, phone), hasWorkPhoto(2, phone), hasWorkPhoto(3, phone), hasWorkPhoto(4, phone),\n ]);\n return c.html(cardPage(user, baseUrl, photo, cardFront, cardBack, views, wp1, wp2, wp3, wp4));\n});\n\n// ── Blob serve routes ──────────────────────────────────────────────────────\n\napp.get(\"/photo/:phone\", (c) => serveBlob(photoKey(c.req.param(\"phone\")), \"image/jpeg\", \"public, max-age=31536000\"));\napp.get(\"/card-front/:phone\", (c) => serveBlob(cardFrontKey(c.req.param(\"phone\")), \"image/jpeg\", \"no-cache\"));\napp.get(\"/card-back/:phone\", (c) => serveBlob(cardBackKey(c.req.param(\"phone\")), \"image/jpeg\", \"no-cache\"));\napp.get(\"/work-photo-1/:phone\", (c) => serveBlob(workPhotoKey(1, c.req.param(\"phone\")), \"image/jpeg\", \"no-cache\"));\napp.get(\"/work-photo-2/:phone\", (c) => serveBlob(workPhotoKey(2, c.req.param(\"phone\")), \"image/jpeg\", \"no-cache\"));\napp.get(\"/work-photo-3/:phone\", (c) => serveBlob(workPhotoKey(3, c.req.param(\"phone\")), \"image/jpeg\", \"no-cache\"));\napp.get(\"/work-photo-4/:phone\", (c) => serveBlob(workPhotoKey(4, c.req.param(\"phone\")), \"image/jpeg\", \"no-cache\"));\n\n// ── Upload routes ──────────────────────────────────────────────────────────\n\napp.post(\"/upload/:phone\", async (c) => {\n const phone = c.req.param(\"phone\");\n if (!await getUserByPhone(phone)) return c.json({ ok: false, error: \"User not found\" }, 404);\n // Profile photo — compress client-side so just store as-is\n return handleUpload(c, photoKey(phone), 5);\n});\n\napp.post(\"/upload-card-front/:phone\", async (c) => {\n const phone = c.req.param(\"phone\");\n if (!await getUserByPhone(phone)) return c.json({ ok: false, error: \"User not found\" }, 404);\n return handleUpload(c, cardFrontKey(phone), 10);\n});\n\napp.post(\"/upload-card-back/:phone\", async (c) => {\n const phone = c.req.param(\"phone\");\n if (!await getUserByPhone(phone)) return c.json({ ok: false, error: \"User not found\" }, 404);\n return handleUpload(c, cardBackKey(phone), 10);\n});\n\napp.post(\"/upload-work-photo/:n/:phone\", async (c) => {\n const phone = c.req.param(\"phone\");\n const n = parseInt(c.req.param(\"n\"), 10);\n if (n < 1 || n > 4) return c.json({ ok: false, error: \"Invalid photo number\" }, 400);\n if (!await getUserByPhone(phone)) return c.json({ ok: false, error: \"User not found\" }, 404);\n return handleUpload(c, workPhotoKey(n, phone), 10);\n});\n\n\n// ── Reset PIN ──────────────────────────────────────────────────────────────\n\napp.get(\"/reset/:phone\", async (c) => {\n const phone = c.req.param(\"phone\");\n const user = await getUserByPhone(phone);\n if (!user) return c.html(resetPage(phone, \"No card found for that number.\"), 404);\n return c.html(resetPage(phone));\n});\n\napp.post(\"/reset/:phone\", async (c) => {\n const phone = c.req.param(\"phone\");\n const body = await c.req.parseBody();\n const userEmail = String(body.email || \"\").trim();\n const user = await getUserByPhone(phone);\n if (!user) return c.html(resetPage(phone, \"No card found for that number.\"), 404);\n if (String(user.email || \"\") !== userEmail) {\n return c.html(resetPage(phone, \"That email does not match our records.\"), 400);\n }\n const token = generateResetToken();\n await saveResetToken(phone, token);\n const url = new URL(c.req.url);\n const baseUrl = url.protocol + \"//\" + url.host;\n const resetLink = baseUrl + \"/reset/\" + phone + \"/confirm?token=\" + token;\n try {\n await email({\n to: userEmail,\n subject: \"Your iTabs PIN reset link\",\n text: \"Click this link to reset your PIN: \" + resetLink,\n });\n } catch (e) {\n return c.html(resetPage(phone, \"Failed to send email. Please try again later.\"), 500);\n }\n return c.html(resetSentPage(phone));\n});\n\napp.get(\"/reset/:phone/confirm\", async (c) => {\n const phone = c.req.param(\"phone\");\n const token = c.req.query(\"token\");\n const user = await getUserByPhone(phone);\n if (!user) return c.html(resetExpiredPage(phone), 404);\n if (!token) return c.html(resetExpiredPage(phone));\n const storedData = await getResetToken(phone);\n if (!storedData || storedData.token !== token) {\n return c.html(resetExpiredPage(phone));\n }\n if (isTokenExpired(storedData.timestamp)) {\n await deleteResetToken(phone);\n return c.html(resetExpiredPage(phone));\n }\n return c.html(resetConfirmPage(phone));\n});\n\napp.post(\"/reset/:phone/confirm\", async (c) => {\n const phone = c.req.param(\"phone\");\n const body = await c.req.parseBody();\n const pin = String(body.pin || \"\").trim();\n const confirm = String(body.confirm || \"\").trim();\n if (!/^\\d{4}$/.test(pin) || !/^\\d{4}$/.test(confirm) || pin !== confirm) {\n return c.html(resetConfirmPage(phone, \"PINs must be 4 digits and match.\"), 400);\n }\n const user = await getUserByPhone(phone);\n if (!user) return c.html(resetExpiredPage(phone), 404);\n const storedData = await getResetToken(phone);\n if (!storedData) return c.html(resetExpiredPage(phone));\n if (isTokenExpired(storedData.timestamp)) {\n await deleteResetToken(phone);\n return c.html(resetExpiredPage(phone));\n }\n await updatePin(phone, pin);\n await deleteResetToken(phone);\n return c.html(resetSuccessPage(phone));\n});\n\n\n// ── vCard ──────────────────────────────────────────────────────────────────\n\napp.get(\"/vcard/:phone\", async (c) => {\n const phone = c.req.param(\"phone\");\n const user = await getUserByPhone(phone);\n if (!user) return new Response(\"Not found\", { status: 404 });\n const name = String(user.name || \"\");\n const email = String(user.email || \"\");\n const trade = String(user.trade || \"\");\n const suburb = String(user.suburb || \"\");\n var parts = name.trim().split(\" \");\n var vcf = [\n \"BEGIN:VCARD\", \"VERSION:3.0\",\n \"FN:\" + name,\n \"N:\" + parts.slice(1).join(\" \") + \";\" + parts[0] + \";;;\",\n \"TEL;TYPE=CELL:\" + phone,\n email ? \"EMAIL:\" + email : \"\",\n trade ? \"TITLE:\" + trade : \"\",\n suburb ? \"ADR;TYPE=HOME:;;;\" + suburb + \";;;AU\" : \"\",\n \"END:VCARD\",\n ].filter(function(l) { return l !== \"\"; }).join(\"\\r\\n\");\n return new Response(vcf, {\n headers: {\n \"Content-Type\": \"text/vcard;charset=utf-8\",\n \"Content-Disposition\": \"attachment; filename=\\\"\" + name.toLowerCase().replace(/\\s+/g, \"-\") + \".vcf\\\"\",\n },\n });\n});\n\n// ── Edit ───────────────────────────────────────────────────────────────────\n\napp.get(\"/edit/:phone\", async (c) => {\n const phone = c.req.param(\"phone\");\n const user = await getUserByPhone(phone);\n if (!user) return new Response(null, { status: 302, headers: { Location: \"/\" } });\n return c.html(editPinPage(phone));\n});\n\nasync function loadEditFlags(phone: string) {\n return Promise.all([\n hasPhoto(phone), hasCardFront(phone), hasCardBack(phone),\n hasWorkPhoto(1, phone), hasWorkPhoto(2, phone),\n hasWorkPhoto(3, phone), hasWorkPhoto(4, phone),\n ]);\n}\n\napp.post(\"/edit/:phone/verify\", async (c) => {\n const phone = c.req.param(\"phone\");\n const body = await c.req.parseBody();\n const pin = String(body.pin || \"\").trim();\n if (!await verifyPin(phone, pin)) return c.html(editPinPage(phone, \"Incorrect PIN. Please try again.\"), 401);\n const user = await getUserByPhone(phone);\n const [photo, cardFront, cardBack, wp1, wp2, wp3, wp4] = await loadEditFlags(phone);\n return c.html(editFormPage(user!, photo, cardFront, cardBack, wp1, wp2, wp3, wp4));\n});\n\napp.post(\"/edit/:phone/save\", async (c) => {\n const phone = c.req.param(\"phone\");\n const body = await c.req.parseBody();\n const name = String(body.name || \"\").trim();\n const trade = String(body.trade || \"\").trim();\n const tagline = String(body.tagline || \"\").trim();\n const email = String(body.email || \"\").trim();\n const suburb = String(body.suburb || \"\").trim();\n const services = String(body.services || \"\").trim();\n const about = String(body.about || \"\").trim();\n const years_experience = String(body.years_experience || \"\").trim();\n const credentials = String(body.credentials || \"\").trim();\n const website = String(body.website || \"\").trim();\n const instagram = String(body.instagram || \"\").trim();\n const facebook = String(body.facebook || \"\").trim();\n if (!name || !trade) {\n const user = await getUserByPhone(phone);\n const [photo, cardFront, cardBack, wp1, wp2, wp3, wp4] = await loadEditFlags(phone);\n return c.html(editFormPage(user!, photo, cardFront, cardBack, wp1, wp2, wp3, wp4, \"Name and trade are required.\"), 400);\n }\n await updateUser(phone, { name, trade, email, tagline, suburb, services, about, years_experience, credentials, website, instagram, facebook });\n return new Response(null, { status: 302, headers: { Location: \"/card/\" + phone } });\n});\n\nexport default app.fetch;\n",[172],"e6a1f4b2-3fbb-11f1-b87a-42b51c65c3df","DEMO.md","e6a1f552-3fbb-11f1-b87a-42b51c65c3df",116,["D",1777021168591],"Canning Examiner Tradie Directory Demo\n\nThis demo stitches together a local tradie directory with iTabs business cards. The flow is:\n\n1. Directory page (/) shows all tradies as clean tiles with emoji icons, trade type, and suburb\n2. Tap any tile to open their full iTabs card\n3. Each card displays full profile, contact options, and work portfolio\n\nFeatures\n\n- Directory page with responsive grid layout (auto-adjusts to device width)\n- Clean tile design with business name, trade type, suburb, and tagline\n- Emoji icons automatically assigned based on trade type\n- Smooth hover effects and transitions\n- Click any tile to view their iTabs card\n- All tradies have shareable card links\n\nDemo Tradies\n\nThe directory includes 6 demo tradies:\n\n1. City Metro Plumbing - Plumber in Perth (🔧)\n2. Brian's Mowing - Lawn Mowing in Canning (🌱)\n3. Colin's Bricklaying - Bricklaying in Thornlie (🧱)\n4. Graham Carpenter Handyman - Carpentry & Handyman in Armadale (🪵)\n5. Armadale Mini Loads - Removals & Transport in Armadale (🚚)\n6. ALV Carpentry - Carpentry in Kelmscott (🪵)\n\nHow to Use\n\n1. Visit the live URL to see the directory\n2. Click any tradie tile to open their iTabs card\n3. From the card, you can:\n - Call them directly\n - Send a WhatsApp message\n - Email them\n - Save their contact\n - View their full profile (flip the card)\n - Browse work portfolio\n - Share their card\n\nAdding More Tradies\n\nTo add tradies manually, edit seed-tradies.ts and run it:\n\nnpm run seed\n\nOr use the signup flow at /signup to register new tradies with their own iTabs cards.\n\nFiles Structure\n\n- app.ts - Main HTTP handler with all routes\n- pages/directory.ts - Directory page component with styling\n- pages/card.ts - Individual iTabs card component\n- database.ts - User/tradie data management\n- seed-tradies.ts - Demo tradie data seeder\n",[181],"14a40c7c-3e42-11f1-a184-42b51c65c3df","pages","d86529c0-694a-491d-8e24-859abbaa012f",3,["D",1776858896001],"directory",[188],"pulls","branches",1,"forks","envVars",{"_202":190,"_204":64},"connections",{"_202":64,"_203":64},"count","unfilledCount","emptyCount",{"_44":187,"_32":188,"_30":189,"_143":-5,"_42":43,"_41":190,"_145":25,"_39":283,"_13":64,"_34":192,"_36":-5,"_24":25,"_148":-5,"_219":284,"_27":285},{"_44":278,"_32":33,"_30":31,"_143":189,"_42":43,"_41":14,"_145":25,"_39":279,"_13":280,"_34":35,"_36":38,"_24":25,"_148":-5,"_219":281,"_27":282},{"_44":269,"_32":270,"_30":271,"_143":189,"_42":43,"_41":272,"_145":60,"_39":273,"_13":274,"_34":35,"_36":275,"_24":25,"_148":-5,"_219":276,"_27":277},{"_44":261,"_32":262,"_30":263,"_143":189,"_42":43,"_41":264,"_145":25,"_39":265,"_13":64,"_34":35,"_36":266,"_24":25,"_148":-5,"_219":267,"_27":268},{"_44":252,"_32":253,"_30":254,"_143":189,"_42":43,"_41":255,"_145":25,"_39":256,"_13":257,"_34":35,"_36":258,"_24":25,"_148":-5,"_219":259,"_27":260},{"_44":244,"_32":245,"_30":246,"_143":189,"_42":43,"_41":247,"_145":60,"_39":248,"_13":64,"_34":35,"_36":249,"_24":25,"_148":-5,"_219":250,"_27":251},{"_44":237,"_32":238,"_30":239,"_143":189,"_42":43,"_41":190,"_145":60,"_39":240,"_13":64,"_34":35,"_36":241,"_24":25,"_148":-5,"_219":242,"_27":243},{"_44":180,"_32":181,"_30":182,"_143":-5,"_42":43,"_41":183,"_145":25,"_39":234,"_13":64,"_34":20,"_36":185,"_24":25,"_148":-5,"_219":235,"_27":236},{"_44":171,"_32":172,"_30":173,"_143":-5,"_42":43,"_41":174,"_145":25,"_39":231,"_13":176,"_34":177,"_36":178,"_24":25,"_148":-5,"_219":232,"_27":233},{"_44":163,"_32":164,"_30":165,"_143":-5,"_42":43,"_41":166,"_145":25,"_39":228,"_13":168,"_34":35,"_36":169,"_24":25,"_148":-5,"_219":229,"_27":230},{"_44":157,"_32":158,"_30":159,"_143":-5,"_42":43,"_41":160,"_145":25,"_39":225,"_13":64,"_34":35,"_36":111,"_24":25,"_148":-5,"_219":226,"_27":227},{"_44":150,"_32":151,"_30":152,"_143":-5,"_42":43,"_41":153,"_145":60,"_39":222,"_13":64,"_34":35,"_36":155,"_24":25,"_148":-5,"_219":223,"_27":224},{"_44":140,"_32":141,"_30":142,"_143":-5,"_42":43,"_41":144,"_145":60,"_39":218,"_13":64,"_34":35,"_36":147,"_24":25,"_148":-5,"_219":220,"_27":221},["D",1776858883395],"children",[],[141],["D",1777021151641],[],[151],["D",1777160489470],[],[158],["D",1777021141329],[],[164],["D",1777176320306],[],[172],["D",1777021168591],[],[181],"14a3e35a-3e42-11f1-a184-42b51c65c3df","signup.ts","14a3e40e-3e42-11f1-a184-42b51c65c3df",["D",1776858896001],"import { baseCSS } from \"../styles.ts\";\n\nexport function signupPage(error?: string) {\n var errorHtml = error\n ? (\"

\" + error + \"

\")\n : \"\";\n\n return (\n \"\" +\n \"\" +\n \"\" +\n \"iTabs BC — Sign Up\" +\n \"\" +\n \"\" +\n \"

\" +\n \"

iTabs BC 2.0

\" +\n \"

Create your card

\" +\n \"

Sign up free

\" +\n errorHtml +\n \"\" +\n \"

\" +\n \"

\" +\n \"\"\n );\n}\n",[],[188,238],"8a83ce30-3fa2-11f1-9b84-42b51c65c3df","reset.ts","8a83cee4-3fa2-11f1-9b84-42b51c65c3df",102,["D",1777010276622],"import { baseCSS } from \"../styles.ts\";\n\nexport function resetPage(phone: string, error?: string) {\n var errorHtml = error ? (\"

\" + error + \"

\") : \"\";\n return (\n \"\" +\n \"\" +\n \"\" +\n \"Reset PIN — iTabs BC\" +\n \"\" +\n \"\" +\n \"

\" +\n \"

iTabs BC 2.0

\" +\n \"

Reset your PIN

\" +\n \"

Enter the email address on your account and we will send a reset link.

\" +\n errorHtml +\n \"\" +\n \"

← Back to edit

\" +\n \"

\"\n );\n}\n\nexport function resetSentPage(phone: string) {\n return (\n \"\" +\n \"\" +\n \"\" +\n \"Check Your Email — iTabs BC\" +\n \"\" +\n \"\" +\n \"

\" +\n \"

iTabs BC 2.0

\" +\n \"

Check your email

\" +\n \"

We have sent a reset link to the email address on your account. Click the link in the email to set a new PIN.

\" +\n \"

The link will expire in 15 minutes.

\" +\n \"

← Back to edit

\" +\n \"

\"\n );\n}\n\nexport function resetConfirmPage(phone: string, error?: string) {\n var errorHtml = error ? (\"

\" + error + \"

\") : \"\";\n return (\n \"\" +\n \"\" +\n \"\" +\n \"Create New PIN — iTabs BC\" +\n \"\" +\n \"\" +\n \"

\" +\n \"

iTabs BC 2.0

\" +\n \"

Create a new PIN

\" +\n \"

Enter a new 4-digit PIN below.

\" +\n errorHtml +\n \"\" +\n \"

\"\n );\n}\n\nexport function resetSuccessPage(phone: string) {\n return (\n \"\" +\n \"\" +\n \"\" +\n \"PIN Updated — iTabs BC\" +\n \"\" +\n \"\" +\n \"

\" +\n \"

iTabs BC 2.0

\" +\n \"

PIN updated!

\" +\n \"

Your new PIN has been saved. You can now use it to edit your card.

\" +\n \"

← Back to your card

\" +\n \"

\"\n );\n}\n\nexport function resetExpiredPage(phone: string) {\n return (\n \"\" +\n \"\" +\n \"\" +\n \"Link Expired — iTabs BC\" +\n \"\" +\n \"\" +\n \"

\" +\n \"

iTabs BC 2.0

\" +\n \"

Link expired

\" +\n \"

This reset link has expired. Please request a new one.

\" +\n \"

← Request new link

\" +\n \"

\"\n );\n}\n",[],[188,245],"79d0126a-3fa7-11f1-ad1d-42b51c65c3df","edit.ts","42ce37b2-3e42-11f1-b0f2-42b51c65c3df",109,["D",1777012396047],10,"import { baseCSS } from \"../styles.ts\";\n\nexport function editPinPage(phone: string, error?: string) {\n var errorHtml = error ? (\"

\" + error + \"

\") : \"\";\n return (\n \"\" +\n \"\" +\n \"\" +\n \"Edit Card — iTabs BC\" +\n \"\" +\n \"\" +\n \"

\" +\n \"

iTabs BC 2.0

\" +\n \"

Edit your card

Enter your PIN

\" +\n errorHtml +\n \"\" +\n \"

Forgot your PIN? Reset it here

\" +\n \"

← Back to card

\" +\n \"

\"\n );\n}\n\nexport function editFormPage(\n user: Record,\n hasPhoto: boolean,\n hasCardFront: boolean,\n hasCardBack: boolean,\n hasWorkPhoto1: boolean,\n hasWorkPhoto2: boolean,\n hasWorkPhoto3: boolean,\n hasWorkPhoto4: boolean,\n error?: string\n) {\n var phone = String(user.phone || \"\");\n var name = String(user.name || \"\");\n var trade = String(user.trade || \"\");\n var email = String(user.email || \"\");\n var tagline = String(user.tagline || \"\");\n var suburb = String(user.suburb || \"\");\n var services = String(user.services || \"\");\n var about = String(user.about || \"\");\n var yearsExp = String(user.years_experience || \"\");\n var credentials = String(user.credentials || \"\");\n var website = String(user.website || \"\");\n var instagram = String(user.instagram || \"\");\n var facebook = String(user.facebook || \"\");\n\n var errorHtml = error ? (\"

\" + error + \"

\") : \"\";\n\n // Profile photo preview\n var avatarHtml = hasPhoto\n ? (\"

\")\n : (\"

\" + name.charAt(0).toUpperCase() + \"

\");\n\n // Generic card/work photo slot\n function photoSlot(id: string, hasImage: boolean, src: string, aspect: string) {\n if (hasImage) {\n return (\n \"

\" +\n \"

\"\n );\n }\n return (\n \"

\" +\n \"No photo yet\" +\n \"

\"\n );\n }\n\n // Hint text helper\n function hintText(text: string) {\n return \"

\" + text + \"

\";\n }\n\n // Section heading helper\n function sectionHead(label: string) {\n return \"

\" + label + \"

\";\n }\n\n var css = baseCSS + [\n \".photo-pick { display:inline-block;background:#0a0a0f;border:1px dashed #06b6d4;color:#06b6d4;border-radius:10px;padding:7px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:background 0.2s; }\",\n \".photo-pick:hover { background:#06b6d410; }\",\n \".file-hidden { display:none; }\",\n \".upload-status { font-size:12px;color:#06b6d4;margin-top:6px;display:none; }\",\n \".work-grid { display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:4px; }\",\n \".work-slot { display:flex;flex-direction:column; }\",\n \".work-slot-label { font-size:11px;color:#6b7280;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px; }\",\n ].join(\" \");\n\n // Work photo grid cells\n function workSlot(n: number, hasImg: boolean) {\n var id = \"work-photo-\" + n;\n var src = \"/work-photo-\" + n + \"/\" + phone;\n return (\n \"

\" +\n \"Photo \" + n + \"\" +\n photoSlot(id, hasImg, src, \"1\") +\n \"\" + (hasImg ? \"Replace\" : \"+ Add\") + \"\" +\n \"\" +\n \"

\" +\n \"

\"\n );\n }\n\n // Upload JS — one reusable function, no template literals\n var uploadScript = (\n \"\"\n );\n\n return (\n \"\" +\n \"\" +\n \"\" +\n \"Edit Card — iTabs BC\" +\n \"\" +\n \"\" +\n \"

\" +\n \"

iTabs BC 2.0

\" +\n \"

Edit your card

\" +\n errorHtml +\n\n \"

\" +\n\n // ── YOUR PROFILE ──────────────────────────────────────\n sectionHead(\"Your Profile\") +\n \"\" +\n \"

\" +\n avatarHtml +\n \"📷 Change Photo\" +\n \"\" +\n \"

\" +\n \"

Full Name\" +\n hintText(\"Shows as your headline on your profile slide\") +\n \"

\" +\n \"

Trade\" +\n hintText(\"Shows under your name — e.g. Plumber, Electrician, Developer\") +\n \"

\" +\n \"

Suburb\" +\n hintText(\"Shows on your profile slide — e.g. Joondalup, Fremantle\") +\n \"

\" +\n \"

Tagline\" +\n hintText(\"Shows as a pull quote on your profile slide — one punchy line\") +\n \"

\" +\n \"

\" +\n\n // ── ABOUT YOU ─────────────────────────────────────────\n sectionHead(\"About You\") +\n \"

About\" +\n \"\" +\n hintText(\"Your story — 2 to 3 sentences shown on your Who I Am slide\") +\n \"

\" +\n \"

Years Experience\" +\n \"\" +\n hintText(\"Shows as a bold stat on your Services slide — e.g. 15\") +\n \"

\" +\n \"

Credentials\" +\n \"\" +\n hintText(\"Licence number, insurance, certifications — shown as a trust badge\") +\n \"

\" +\n\n // ── SERVICES ──────────────────────────────────────────\n sectionHead(\"Services\") +\n \"

Your Services (comma separated)\" +\n \"\" +\n hintText(\"Comma separated — each one becomes a pill tag on your Services slide e.g. Blocked drains, Hot water, Gas fitting\") +\n \"

\" +\n\n // ── ONLINE ────────────────────────────────────────────\n sectionHead(\"Online Presence\") +\n \"

Website\" +\n hintText(\"Shows as a link button on your Connect slide\") +\n \"

\" +\n \"

Instagram\" +\n hintText(\"Shows as a link button on your Connect slide — just your handle\") +\n \"

\" +\n \"

Facebook\" +\n hintText(\"Shows as a link button on your Connect slide\") +\n \"

\" +\n\n \"\" +\n \"

\" +\n\n // ── BUSINESS CARD PHOTOS (outside form — AJAX upload) ─\n sectionHead(\"Business Card Photos\") +\n \"

\" +\n \"Card Front\" +\n photoSlot(\"card-front-preview\", hasCardFront, \"/card-front/\" + phone, \"1.75\") +\n \"🪪 \" + (hasCardFront ? \"Replace Front\" : \"Upload Front\") + \"\" +\n \"\" +\n \"

\" +\n hintText(\"Front of your physical business card — shown on slide 1\") +\n \"

\" +\n \"

\" +\n \"Card Back\" +\n photoSlot(\"card-back-preview\", hasCardBack, \"/card-back/\" + phone, \"1.75\") +\n \"🪪 \" + (hasCardBack ? \"Replace Back\" : \"Upload Back\") + \"\" +\n \"\" +\n \"

\" +\n hintText(\"Back of your physical business card — flip it to reveal\") +\n \"

\" +\n\n // ── WORK PHOTOS ───────────────────────────────────────\n sectionHead(\"Work Photos\") +\n \"

\" +\n workSlot(1, hasWorkPhoto1) +\n workSlot(2, hasWorkPhoto2) +\n workSlot(3, hasWorkPhoto3) +\n workSlot(4, hasWorkPhoto4) +\n \"

\" +\n \"

Your 4 best job photos — shown as a grid on your My Work slide

\" +\n\n \"

← Back to card

\" +\n \"

\" +\n uploadScript +\n \"\"\n );\n}\n",[],[188,253],"c1793290-3fbb-11f1-8304-42b51c65c3df","directory.ts","c1793330-3fbb-11f1-8304-42b51c65c3df",110,["D",1777021106247],"export interface Tradie {\n phone: string;\n name: string;\n trade: string;\n suburb: string;\n tagline?: string;\n}\n\nexport function directoryPage(tradies: Tradie[]) {\n const tradieCards = tradies\n .map((t) => {\n const tradeEmoji = getTradeEmoji(t.trade);\n const href = `/card/${t.phone}`;\n return `\n \n

${tradeEmoji}

${escapeHtml(t.name)}

${escapeHtml(t.trade)}

${escapeHtml(t.suburb)}

\n ${t.tagline ? `

\"${escapeHtml(t.tagline)}\"

` : ''}\n

→

\n \n `;\n })\n .join('');\n\n return `\n\n\n \n \n Canning Examiner Tradie Directory\n \n\n\n \n\n

\n ${tradieCards || '

No tradies found

Check back soon for local tradespeople.

'}\n

\n\n`;\n}\n\nfunction getTradeEmoji(trade: string): string {\n const lowerTrade = trade.toLowerCase();\n if (lowerTrade.includes('plumb')) return '🔧';\n if (lowerTrade.includes('mow') || lowerTrade.includes('lawn') || lowerTrade.includes('garden')) return '🌱';\n if (lowerTrade.includes('brick') || lowerTrade.includes('mason')) return '🧱';\n if (lowerTrade.includes('carpenter') || lowerTrade.includes('carpentry')) return '🪵';\n if (lowerTrade.includes('handyman')) return '🔨';\n if (lowerTrade.includes('load') || lowerTrade.includes('removal') || lowerTrade.includes('transport')) return '🚚';\n if (lowerTrade.includes('electric') || lowerTrade.includes('spark')) return '⚡';\n if (lowerTrade.includes('paint')) return '🎨';\n if (lowerTrade.includes('roof')) return '🏠';\n return '👨‍🔧';\n}\n\nfunction escapeHtml(text: string): string {\n const map: { [key: string]: string } = {\n '&': '&',\n '<': '<',\n '>': '>',\n '\"': '"',\n \"'\": ''',\n };\n return text.replace(/[&<>\"']/g, (c) => map[c]);\n}\n",[],[188,262],"068b6dce-4121-11f1-a0ab-42b51c65c3df","deck.ts","2a96e7ac-3e42-11f1-b05a-42b51c65c3df",127,["D",1777174552433],9,"export function deckOverlayHtml(\n user: Record,\n hasPhoto: boolean,\n cardUrl: string,\n wp1: boolean,\n wp2: boolean,\n wp3: boolean,\n wp4: boolean\n) {\n var name = String(user.name || \"\");\n var trade = String(user.trade || \"\");\n var tagline = String(user.tagline || \"\");\n var suburb = String(user.suburb || \"\");\n var phone = String(user.phone || \"\");\n var about = String(user.about || \"\");\n var services = String(user.services || \"\");\n var credentials = String(user.credentials || \"\");\n var years_experience = String(user.years_experience || \"\");\n var website = String(user.website || \"\");\n var instagram = String(user.instagram || \"\");\n var facebook = String(user.facebook || \"\");\n var views = Number(user.views || 0);\n\n var avatarHtml = hasPhoto\n ? \"

\"\n : \"

\" + name.charAt(0).toUpperCase() + \"

\";\n\n var servicePills = \"\";\n if (services) {\n var items = services.split(\",\").map(function(s) { return s.trim(); }).filter(function(s) { return s.length > 0; }).slice(0, 8);\n for (var i = 0; i < items.length; i++) {\n servicePills += \"\" + items[i] + \"\";\n }\n }\n\n var workPhotosHtml = \"\";\n if (wp1 || wp2 || wp3 || wp4) {\n workPhotosHtml = \"

\";\n var photoUrls = [\"/work-photo-1/\" + phone, \"/work-photo-2/\" + phone, \"/work-photo-3/\" + phone, \"/work-photo-4/\" + phone];\n var photoFlags = [wp1, wp2, wp3, wp4];\n for (var w = 0; w < 4; w++) {\n if (photoFlags[w]) {\n workPhotosHtml += \"

\";\n }\n }\n workPhotosHtml += \"

\";\n }\n\n var credentialsBlock = credentials\n ? \"

\" + credentials + \"

\"\n : \"\";\n\n var yearsBlock = years_experience\n ? \"

\" + years_experience + \" years experience

\"\n : \"\";\n\n function slideHeader() {\n return (\n \"

\" +\n \"\" +\n \"\" + name + \"\" +\n \"

\" +\n \"

\"\n );\n }\n\n function slideHero(photoHtml: string, gradient: string, tag: string, headline: string) {\n return \"

\" +\n photoHtml +\n \"

\" + tag + \"

\" +\n \"

\" + headline + \"

\" +\n \"

\";\n }\n\n var slide1 = (\n \"

\" +\n slideHeader() +\n \"

\" +\n avatarHtml +\n \"

\" + name + \"

\" +\n \"\" + trade + \"\" +\n (suburb ? \"

📍 \" + suburb + \"

\" : \"\") +\n \"

\" +\n \"

\"\n );\n\n var aboutBody = about ? about : (trade + \" based in \" + suburb);\n var slide2 = (\n \"

\" +\n slideHeader() +\n slideHero(\n hasPhoto ? \"

\" : \"\",\n \"linear-gradient(135deg,#0d1a3a,#061220)\",\n \"About\",\n name\n ) +\n \"

\" +\n \"

\" + aboutBody + \"

\" +\n (tagline ? \"

“\" + tagline + \"”

\" : \"\") +\n \"

\" +\n \"

\"\n );\n\n var slide3 = (\n \"

\" +\n slideHeader() +\n slideHero(\"\", \"linear-gradient(135deg,#0d3d4a,#061a2a)\", \"Services\", \"What I do\") +\n \"

\" +\n (servicePills ? \"

\" + servicePills + \"

\" : \"\") +\n (yearsBlock ? \"

\" + yearsBlock + \"

\" : \"\") +\n (credentialsBlock ? credentialsBlock : \"\") +\n \"

\" +\n \"

\"\n );\n\n var workBody = workPhotosHtml || credentialsBlock || \"

Photos coming soon

\";\n\n var slide4 = (\n \"

\" +\n slideHeader() +\n slideHero(\"\", \"linear-gradient(135deg,#0a1628,#050e1a)\", \"Work\", \"My work\") +\n \"

\" +\n workBody +\n \"

\" +\n \"

\"\n );\n\n var whatsappMsg = \"Hey \" + name + \", I got your iTabs card — send me your contact\";\n var whatsappLink = \"https://wa.me/\" + phone.replace(/^0/, \"61\").replace(/\\\\s/g, \"\") + \"?text=\" + encodeURIComponent(whatsappMsg);\n\n var socialLinks = \"\";\n if (website) {\n socialLinks += \"🌐 Website\";\n }\n if (instagram) {\n socialLinks += \"📷 Instagram\";\n }\n if (facebook) {\n socialLinks += \"f Facebook\";\n }\n\n var viewsText = views > 0 ? \"

Viewed \" + views + \" times

\" : \"\";\n\n var slide5 = (\n \"

\" +\n slideHeader() +\n slideHero(\"\", \"linear-gradient(135deg,#0d3d2e,#061a14)\", \"Connect\", \"Let's talk\") +\n \"

\" +\n \"\" +\n \"💬 WhatsApp\" +\n \"\" +\n \"

\" +\n \"Tap attach in WhatsApp, select Contact, choose yourself, hit send\" +\n \"

\" +\n (socialLinks ? \"

\" + socialLinks + \"

\" : \"\") +\n viewsText +\n \"

\" +\n \"

\"\n );\n\n // Build slides array conditionally\n var slides = [];\n slides.push(slide1); // always\n if (about) slides.push(slide2);\n if (services) slides.push(slide3);\n if (wp1 || wp2 || wp3 || wp4) slides.push(slide4);\n slides.push(slide5); // always\n\n var slideCount = slides.length;\n\n return \"

\" + slides.join(\"\") + \"

\";\n}\n\nexport function deckCSS() {\n return [\n \".deck-overlay { display: none; position: fixed; inset: 0; background: #050508; z-index: 150; flex-direction: column; align-items: center; justify-content: center; padding: 20px; }\",\n \".deck-overlay.open { display: flex; }\",\n \"@media (max-width: 599px) {\",\n \" .deck-overlay { background: #0a0a0f; padding: 0; }\",\n \"}\",\n \".deck-frame { display: flex; flex-direction: column; background: #0a0a0f; border-radius: 44px; border: 8px solid #1e1e2e; overflow: hidden; box-shadow: 0 0 0 2px #333, 0 40px 80px rgba(0,0,0,0.6); width: 100%; max-width: 390px; height: 80vh; }\",\n \"@media (max-width: 599px) {\",\n \" .deck-frame { max-width: 100%; border-radius: 0; border: none; height: 100vh; box-shadow: none; }\",\n \"}\",\n \".deck-notch { width: 80px; height: 6px; background: #1e1e2e; border-radius: 99px; margin: 14px auto 0; flex-shrink: 0; }\",\n \"@media (max-width: 599px) {\",\n \" .deck-notch { display: none; }\",\n \"}\",\n \".deck-viewport { position: relative; flex: 1; overflow: hidden; min-height: 0; }\",\n \".deck-track { display: flex; width: 500%; height: 100%; transition: transform 0.32s ease; will-change: transform; }\",\n \".deck-slide { width: 20%; flex-shrink: 0; display: flex; flex-direction: column; background: #0a0a0f; }\",\n \".deck-arrow { position: fixed; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border-radius: 50%; background: rgba(10,10,15,0.85); border: 1px solid #444; color: #fff; font-size: 22px; cursor: pointer; z-index: 160; display: none; align-items: center; justify-content: center; padding: 0; transition: opacity 0.2s; }\",\n \".deck-overlay.open .deck-arrow { display: flex; }\",\n \".deck-arrow.hidden { opacity: 0; pointer-events: none; }\",\n \".deck-arrow-left { left: 10px; }\",\n \".deck-arrow-right { right: 10px; }\",\n \"@media (max-width: 599px) {\",\n \" .deck-arrow-left { left: 0; }\",\n \" .deck-arrow-right { right: 0; }\",\n \"}\",\n \".deck-dots { display: flex; justify-content: center; gap: 8px; padding: 12px 0 20px; flex-shrink: 0; }\",\n \".deck-dot { width: 7px; height: 7px; border-radius: 50%; background: #1e1e2e; transition: background 0.2s; }\",\n \".deck-dot.active { background: #06b6d4; }\",\n ].join(\" \");\n}\n\nexport function deckScript(cardUrl: string) {\n return [\n \"var DS_current = 0;\",\n \"var DS_total = parseInt(document.getElementById('deck-track').getAttribute('data-total') || '5', 10);\",\n \"var DS_tx = 0;\",\n\n \"function goToSlide(n) {\",\n \" console.log('goToSlide called with', n, 'current:', DS_current);\",\n \" if (n < 0 || n >= DS_total) return;\",\n \" DS_current = n;\",\n \" document.getElementById('deck-track').style.transform = 'translateX(-' + (DS_current * 20) + '%);';\",\n \" var dots = document.querySelectorAll('.deck-dot');\",\n \" for (var d = 0; d < dots.length; d++) {\",\n \" if (d === DS_current) { dots[d].classList.add('active'); }\",\n \" else { dots[d].classList.remove('active'); }\",\n \" }\",\n \" var arrowL = document.getElementById('deck-arrow-left');\",\n \" var arrowR = document.getElementById('deck-arrow-right');\",\n \" if (DS_current === 0) { arrowL.classList.add('hidden'); } else { arrowL.classList.remove('hidden'); }\",\n \" if (DS_current === DS_total - 1) { arrowR.classList.add('hidden'); } else { arrowR.classList.remove('hidden'); }\",\n \"}\",\n\n \"function openDeck(startIndex) {\",\n \" console.log('openDeck called, startIndex:', startIndex);\",\n \" goToSlide(startIndex || 0);\",\n \" document.getElementById('deck-overlay').classList.add('open');\",\n \"}\",\n\n \"function closeDeck() {\",\n \" document.getElementById('deck-overlay').classList.remove('open');\",\n \"}\",\n\n \"document.addEventListener('DOMContentLoaded', function() {\",\n \" var ov = document.getElementById('deck-overlay');\",\n \" console.log('deck-overlay found:', ov);\",\n\n \" if (!ov) { console.error('DECK ERROR: overlay not found in DOM'); return; }\",\n\n \" ov.addEventListener('touchstart', function(e) {\",\n \" DS_tx = e.touches[0].clientX;\",\n \" console.log('deck touchstart, DS_tx:', DS_tx);\",\n \" }, { passive: true });\",\n\n \" ov.addEventListener('touchend', function(e) {\",\n \" var diffX = DS_tx - e.changedTouches[0].clientX;\",\n \" console.log('deck touchend, diffX:', diffX);\",\n \" if (Math.abs(diffX) > 40) {\",\n \" if (diffX > 0) { goToSlide(DS_current + 1); }\",\n \" else { goToSlide(DS_current - 1); }\",\n \" }\",\n \" }, { passive: true });\",\n\n \" console.log('deck touch listeners attached to overlay');\",\n \"});\",\n\n \"document.addEventListener('keydown', function(e) {\",\n \" if (!document.getElementById('deck-overlay').classList.contains('open')) return;\",\n \" if (e.key === 'ArrowRight') { goToSlide(DS_current + 1); }\",\n \" if (e.key === 'ArrowLeft') { goToSlide(DS_current - 1); }\",\n \" if (e.key === 'Escape') { closeDeck(); }\",\n \"});\",\n ].join(\"\\n\");\n}\n",[],[188,270],"b105858c-4126-11f1-8a2c-42b51c65c3df",["D",1777176985945],28,[],[188,33],["D",1776858896001],[206,207,208,209,210,211],[188],["D",1776858834253],["D",1789500689328],{"_101":100,"_109":105},{"_101":100,"_102":103,"_104":105,"_18":56,"_106":107,"_108":25},{"_13":90,"_32":91,"_44":43,"_92":45,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":46,"_99":100},"ctx",{"_83":-5,"_129":324,"_325":326,"_327":328,"_329":25,"_330":25,"_331":25,"_332":60,"_333":-5,"_334":-7,"_335":-7,"_336":64,"_337":25,"_338":25,"_339":-5,"_340":25,"_341":25,"_342":25,"_343":-5},"ENV",{"_295":296,"_297":298,"_299":91,"_300":301,"_302":303,"_304":305,"_306":307,"_308":309,"_310":311,"_312":313,"_314":315,"_316":317,"_318":319,"_320":321,"_322":323},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Card not found

Create your card

Sign up free

Reset your PIN

Check your email

Create a new PIN

PIN updated!

Link expired

Edit your card

Enter your PIN

Edit your card

${escapeHtml(t.name)}

Local Tradies

No tradies found

Diff · v131