diff --git a/lib/folk-blender.ts b/lib/folk-blender.ts index e62d5db..ad95fd9 100644 --- a/lib/folk-blender.ts +++ b/lib/folk-blender.ts @@ -411,7 +411,7 @@ export class FolkBlender extends FolkShape { if (this.#renderUrl) { this.#previewArea.innerHTML = `3D Render`; } else { - this.#previewArea.innerHTML = '
\u2705Script generated (see Script tab)
'; + this.#previewArea.innerHTML = '
โœ…Script generated (see Script tab)
'; } } diff --git a/lib/folk-booking.ts b/lib/folk-booking.ts index f207930..8d03289 100644 --- a/lib/folk-booking.ts +++ b/lib/folk-booking.ts @@ -150,15 +150,15 @@ const styles = css` `; const BOOKING_TYPE_ICONS: Record = { - FLIGHT: "\u2708\uFE0F", - HOTEL: "\uD83C\uDFE8", - CAR_RENTAL: "\uD83D\uDE97", - TRAIN: "\uD83D\uDE84", - BUS: "\uD83D\uDE8C", - FERRY: "\u26F4\uFE0F", - ACTIVITY: "\uD83C\uDFAF", - RESTAURANT: "\uD83C\uDF7D\uFE0F", - OTHER: "\uD83D\uDCCC", + FLIGHT: "โœˆ๏ธ", + HOTEL: "๐Ÿจ", + CAR_RENTAL: "๐Ÿš—", + TRAIN: "๐Ÿš„", + BUS: "๐ŸšŒ", + FERRY: "โ›ด๏ธ", + ACTIVITY: "๐ŸŽฏ", + RESTAURANT: "๐Ÿฝ๏ธ", + OTHER: "๐Ÿ“Œ", }; declare global { @@ -253,11 +253,11 @@ export class FolkBooking extends FolkShape { wrapper.innerHTML = html`
- \uD83D\uDCCC + ๐Ÿ“Œ Booking
- +
diff --git a/lib/folk-budget.ts b/lib/folk-budget.ts index 1e54fa7..1e599db 100644 --- a/lib/folk-budget.ts +++ b/lib/folk-budget.ts @@ -243,11 +243,11 @@ export class FolkBudget extends FolkShape { wrapper.innerHTML = html`
- \uD83D\uDCB0 + ๐Ÿ’ฐ Budget
- +
diff --git a/lib/folk-calendar.ts b/lib/folk-calendar.ts index 6759b22..ef8febd 100644 --- a/lib/folk-calendar.ts +++ b/lib/folk-calendar.ts @@ -242,18 +242,18 @@ export class FolkCalendar extends FolkShape { wrapper.innerHTML = html`
- \u{1F4C5} + ๐Ÿ“… Calendar
- +
- + - +
Sun diff --git a/lib/folk-canvas.ts b/lib/folk-canvas.ts index 313c85a..ddc9f78 100644 --- a/lib/folk-canvas.ts +++ b/lib/folk-canvas.ts @@ -277,15 +277,15 @@ export class FolkCanvas extends FolkShape { wrapper.innerHTML = html`
- \u{1F5BC} + ๐Ÿ–ผ
- - - + + +
@@ -331,7 +331,7 @@ export class FolkCanvas extends FolkShape { collapseBtn.addEventListener("click", (e) => { e.stopPropagation(); this.collapsed = !this.#collapsed; - collapseBtn.textContent = this.#collapsed ? "\u25B6" : "\u25BC"; + collapseBtn.textContent = this.#collapsed ? "โ–ถ" : "โ–ผ"; this.dispatchEvent(new CustomEvent("content-change", { detail: { collapsed: this.#collapsed } })); }); @@ -448,10 +448,10 @@ export class FolkCanvas extends FolkShape { if (this.#collapsed) { content.innerHTML = `
-
\u{1F5BC}
+
๐Ÿ–ผ
${this.#label || this.#sourceSlug}
${this.#nestedShapes.size} shapes
- +
`; statusBar.style.display = "none"; diff --git a/lib/folk-destination.ts b/lib/folk-destination.ts index 7e1807d..0e72123 100644 --- a/lib/folk-destination.ts +++ b/lib/folk-destination.ts @@ -194,11 +194,11 @@ export class FolkDestination extends FolkShape { wrapper.innerHTML = html`
- \uD83D\uDCCD + ๐Ÿ“ Destination
- +
diff --git a/lib/folk-embed.ts b/lib/folk-embed.ts index 77224a2..1f8cf65 100644 --- a/lib/folk-embed.ts +++ b/lib/folk-embed.ts @@ -239,11 +239,11 @@ export class FolkEmbed extends FolkShape { wrapper.innerHTML = html`
- \u{1F517} + ๐Ÿ”— Embed
- +
@@ -347,7 +347,7 @@ export class FolkEmbed extends FolkShape { urlInputContainer.innerHTML = `

This content cannot be embedded in an iframe.

- +
`; const openBtn = urlInputContainer.querySelector(".open-link"); diff --git a/lib/folk-freecad.ts b/lib/folk-freecad.ts index 2e9088a..740a692 100644 --- a/lib/folk-freecad.ts +++ b/lib/folk-freecad.ts @@ -341,7 +341,7 @@ export class FolkFreeCAD extends FolkShape { if (this.#previewUrl) { this.#previewArea.innerHTML = `CAD Preview`; } else { - this.#previewArea.innerHTML = '
\u2705Model generated! Download files below.
'; + this.#previewArea.innerHTML = '
โœ…Model generated! Download files below.
'; } } diff --git a/lib/folk-google-item.ts b/lib/folk-google-item.ts index 2f809c2..9c1d5d8 100644 --- a/lib/folk-google-item.ts +++ b/lib/folk-google-item.ts @@ -5,10 +5,10 @@ export type GoogleService = "gmail" | "drive" | "photos" | "calendar"; export type ItemVisibility = "local" | "shared"; const SERVICE_ICONS: Record = { - gmail: "\u{1F4E7}", - drive: "\u{1F4C1}", - photos: "\u{1F4F7}", - calendar: "\u{1F4C5}", + gmail: "๐Ÿ“ง", + drive: "๐Ÿ“", + photos: "๐Ÿ“ท", + calendar: "๐Ÿ“…", }; const styles = css` @@ -213,7 +213,7 @@ export class FolkGoogleItem extends FolkShape { wrapper.innerHTML = html`
- ${this.#visibility === "local" ? "\u{1F512}" : "\u{1F310}"} + ${this.#visibility === "local" ? "๐Ÿ”’" : "๐ŸŒ"}
${SERVICE_ICONS[this.#service]} @@ -245,7 +245,7 @@ export class FolkGoogleItem extends FolkShape { e.stopPropagation(); this.#visibility = this.#visibility === "local" ? "shared" : "local"; - badge.textContent = this.#visibility === "local" ? "\u{1F512}" : "\u{1F310}"; + badge.textContent = this.#visibility === "local" ? "๐Ÿ”’" : "๐ŸŒ"; card.classList.remove("local", "shared"); card.classList.add(this.#visibility); diff --git a/lib/folk-image-gen.ts b/lib/folk-image-gen.ts index 40ca1ff..a1b8cd7 100644 --- a/lib/folk-image-gen.ts +++ b/lib/folk-image-gen.ts @@ -364,7 +364,7 @@ export class FolkImageGen extends FolkShape { if (!this.#imageArea) return; this.#imageArea.innerHTML = `
${this.#escapeHtml(this.#error || "Unknown error")}
- ${this.#images.length > 0 ? this.#renderImageList() : '
\u{1F5BC}Try again with a different prompt
'} + ${this.#images.length > 0 ? this.#renderImageList() : '
๐Ÿ–ผTry again with a different prompt
'} `; } @@ -374,7 +374,7 @@ export class FolkImageGen extends FolkShape { if (this.#images.length === 0) { this.#imageArea.innerHTML = `
- \u{1F5BC} + ๐Ÿ–ผ Enter a prompt and click Generate
`; diff --git a/lib/folk-itinerary.ts b/lib/folk-itinerary.ts index 2a16d11..6dc385e 100644 --- a/lib/folk-itinerary.ts +++ b/lib/folk-itinerary.ts @@ -156,13 +156,13 @@ export interface ItineraryEntry { } const CATEGORY_ICONS: Record = { - FLIGHT: "\u2708\uFE0F", - TRANSPORT: "\uD83D\uDE8C", - ACCOMMODATION: "\uD83C\uDFE8", - ACTIVITY: "\uD83C\uDFAF", - MEAL: "\uD83C\uDF7D\uFE0F", - FREE_TIME: "\u2600\uFE0F", - OTHER: "\uD83D\uDCCC", + FLIGHT: "โœˆ๏ธ", + TRANSPORT: "๐ŸšŒ", + ACCOMMODATION: "๐Ÿจ", + ACTIVITY: "๐ŸŽฏ", + MEAL: "๐Ÿฝ๏ธ", + FREE_TIME: "โ˜€๏ธ", + OTHER: "๐Ÿ“Œ", }; declare global { @@ -222,11 +222,11 @@ export class FolkItinerary extends FolkShape { wrapper.innerHTML = html`
- \uD83D\uDCC5 + ๐Ÿ“… Itinerary
- +
diff --git a/lib/folk-kicad.ts b/lib/folk-kicad.ts index 46dc55f..eeb7ecd 100644 --- a/lib/folk-kicad.ts +++ b/lib/folk-kicad.ts @@ -434,14 +434,14 @@ export class FolkKiCAD extends FolkShape { if (this.#schematicSvg) { this.#previewArea.innerHTML = `Schematic`; } else { - this.#previewArea.innerHTML = '
\u{1F4CB}Schematic will appear here
'; + this.#previewArea.innerHTML = '
๐Ÿ“‹Schematic will appear here
'; } break; case "board": if (this.#boardSvg) { this.#previewArea.innerHTML = `Board Layout`; } else { - this.#previewArea.innerHTML = '
\u{1F4DF}Board layout will appear here
'; + this.#previewArea.innerHTML = '
๐Ÿ“ŸBoard layout will appear here
'; } break; case "drc": @@ -451,14 +451,14 @@ export class FolkKiCAD extends FolkShape { this.#previewArea.innerHTML = `

${passed - ? '\u2705 DRC Passed' - : `\u274C ${violations.length} Violation(s)` + ? 'โœ… DRC Passed' + : `โŒ ${violations.length} Violation(s)` }

- ${violations.map((v: any) => `

\u2022 ${this.#escapeHtml(v.message || v)}

`).join("")} + ${violations.map((v: any) => `

โ€ข ${this.#escapeHtml(v.message || v)}

`).join("")}
`; } else { - this.#previewArea.innerHTML = '
\u2705DRC results will appear here
'; + this.#previewArea.innerHTML = '
โœ…DRC results will appear here
'; } break; } diff --git a/lib/folk-map.ts b/lib/folk-map.ts index d83336a..6f18743 100644 --- a/lib/folk-map.ts +++ b/lib/folk-map.ts @@ -290,20 +290,20 @@ export class FolkMap extends FolkShape { wrapper.innerHTML = html`
- \u{1F5FA} + ๐Ÿ—บ Map
- +
Loading map...
- +
- +
`; diff --git a/lib/folk-obs-note.ts b/lib/folk-obs-note.ts index 5582269..a9b2e5a 100644 --- a/lib/folk-obs-note.ts +++ b/lib/folk-obs-note.ts @@ -325,12 +325,12 @@ export class FolkObsNote extends FolkShape { wrapper.innerHTML = html`
- \u{1F4DD} + ๐Ÿ“
- - + +
@@ -340,8 +340,8 @@ export class FolkObsNote extends FolkShape { - - + +
@@ -359,7 +359,7 @@ export class FolkObsNote extends FolkShape { 0 characters
- \u2713 + โœ“ Saved
@@ -609,10 +609,10 @@ export class FolkObsNote extends FolkShape { if (this.#isDirty) { this.#saveStatusEl.className = "save-status unsaved"; - this.#saveStatusEl.innerHTML = "\u2022Unsaved"; + this.#saveStatusEl.innerHTML = "โ€ขUnsaved"; } else { this.#saveStatusEl.className = "save-status saved"; - this.#saveStatusEl.innerHTML = "\u2713Saved"; + this.#saveStatusEl.innerHTML = "โœ“Saved"; } } diff --git a/lib/folk-packing-list.ts b/lib/folk-packing-list.ts index 86a4d37..c1264bc 100644 --- a/lib/folk-packing-list.ts +++ b/lib/folk-packing-list.ts @@ -117,7 +117,7 @@ const styles = css` } .checkbox.checked::after { - content: "\u2713"; + content: "โœ“"; color: white; font-size: 10px; font-weight: 700; @@ -224,11 +224,11 @@ export class FolkPackingList extends FolkShape { wrapper.innerHTML = html`
- \uD83C\uDF92 + ๐ŸŽ’ Packing List
- +
diff --git a/lib/folk-piano.ts b/lib/folk-piano.ts index 095c572..9c0b33f 100644 --- a/lib/folk-piano.ts +++ b/lib/folk-piano.ts @@ -171,16 +171,16 @@ export class FolkPiano extends FolkShape { wrapper.innerHTML = html`
- \u{1F3B9} + ๐ŸŽน Loading Shared Piano...
- +
`; @@ -231,14 +231,14 @@ export class FolkPiano extends FolkShape { minimizeBtn?.addEventListener("click", (e) => { e.stopPropagation(); this.isMinimized = !this.#isMinimized; - minimizeBtn.textContent = this.#isMinimized ? "\u{1F53D}" : "\u{1F53C}"; + minimizeBtn.textContent = this.#isMinimized ? "๐Ÿ”ฝ" : "๐Ÿ”ผ"; }); // Click minimized view to expand this.#minimizedEl?.addEventListener("click", (e) => { e.stopPropagation(); this.isMinimized = false; - if (minimizeBtn) minimizeBtn.textContent = "\u{1F53C}"; + if (minimizeBtn) minimizeBtn.textContent = "๐Ÿ”ผ"; }); // Retry button diff --git a/lib/folk-prompt.ts b/lib/folk-prompt.ts index d692f0b..584f7de 100644 --- a/lib/folk-prompt.ts +++ b/lib/folk-prompt.ts @@ -91,7 +91,7 @@ const styles = css` } .message.streaming::after { - content: "\u258C"; + content: "โ–Œ"; animation: blink 1s infinite; } @@ -262,18 +262,18 @@ export class FolkPrompt extends FolkShape { wrapper.innerHTML = html`
- \u{1F4AC} + ๐Ÿ’ฌ AI Prompt
- +
- \u{1F916} + ๐Ÿค– Ask me anything! I can help with code, writing, analysis, and more
@@ -287,7 +287,7 @@ export class FolkPrompt extends FolkShape {
- +
@@ -418,7 +418,7 @@ export class FolkPrompt extends FolkShape { if (this.#messages.length === 0 && !this.#error) { this.#messagesEl.innerHTML = `
- \u{1F916} + ๐Ÿค– Ask me anything! I can help with code, writing, analysis, and more
diff --git a/lib/folk-shape.ts b/lib/folk-shape.ts index 46e5049..69bacb1 100644 --- a/lib/folk-shape.ts +++ b/lib/folk-shape.ts @@ -363,6 +363,16 @@ export class FolkShape extends FolkElement { return this.#readonlyRect; } + /** Compute the effective CSS transform scale of the parent (e.g. canvas zoom). */ + #getParentScale(): number { + const parent = this.parentElement; + if (!parent) return 1; + const rect = parent.getBoundingClientRect(); + const w = parent.offsetWidth; + if (!w || !rect.width) return 1; + return rect.width / w; + } + handleEvent(event: PointerEvent | KeyboardEvent | TouchEvent) { // Handle touch events for mobile drag support if (event instanceof TouchEvent) { @@ -390,7 +400,7 @@ export class FolkShape extends FolkElement { if (event.type === "touchmove" && this.#isTouchDragging && event.touches.length === 1) { const touch = event.touches[0]; if (this.#lastTouchPos) { - const zoom = window.visualViewport?.scale ?? 1; + const zoom = (window.visualViewport?.scale ?? 1) * this.#getParentScale(); const moveDelta = { x: (touch.clientX - this.#lastTouchPos.x) / zoom, y: (touch.clientY - this.#lastTouchPos.y) / zoom, @@ -478,7 +488,7 @@ export class FolkShape extends FolkElement { }; } else if (event.type === "pointermove") { if (!target) return; - const zoom = window.visualViewport?.scale ?? 1; + const zoom = (window.visualViewport?.scale ?? 1) * this.#getParentScale(); moveDelta = { x: event.movementX / zoom, y: event.movementY / zoom, @@ -659,9 +669,10 @@ export class FolkShape extends FolkElement { /** * After moving, push this shape away from any overlapping siblings. - * Resolves by minimum penetration on the axis aligned with movement direction. + * Uses minimum penetration depth โ€” picks the smallest displacement + * among all four directions to resolve each overlap. */ - #resolveOverlaps(dx: number, dy: number) { + #resolveOverlaps(_dx: number, _dy: number) { const parent = this.parentElement; if (!parent) return; @@ -680,21 +691,25 @@ export class FolkShape extends FolkElement { if (!overlapX || !overlapY) continue; - // Distance to clear on each side - const clearRight = (other.x + other.w + gap) - me.x; // push me right of other - const clearLeft = other.x - (me.x + me.w + gap); // push me left of other (negative) - const clearDown = (other.y + other.h + gap) - me.y; // push me below other - const clearUp = other.y - (me.y + me.h + gap); // push me above other (negative) + // Distance to clear on each side (4 possible escape directions) + const clearRight = (other.x + other.w + gap) - me.x; + const clearLeft = other.x - (me.x + me.w + gap); + const clearDown = (other.y + other.h + gap) - me.y; + const clearUp = other.y - (me.y + me.h + gap); - // Pick push direction per axis based on movement direction - const pushX = dx >= 0 ? clearRight : clearLeft; - const pushY = dy >= 0 ? clearDown : clearUp; + // Pick the direction with smallest absolute displacement + const candidates = [ + { axis: "x" as const, d: clearRight }, + { axis: "x" as const, d: clearLeft }, + { axis: "y" as const, d: clearDown }, + { axis: "y" as const, d: clearUp }, + ]; + const best = candidates.reduce((a, b) => Math.abs(a.d) < Math.abs(b.d) ? a : b); - // Apply the axis with the smallest absolute displacement - if (Math.abs(pushX) <= Math.abs(pushY)) { - this.#rect.x += pushX; + if (best.axis === "x") { + this.#rect.x += best.d; } else { - this.#rect.y += pushY; + this.#rect.y += best.d; } me.x = this.#rect.x; diff --git a/lib/folk-social-post.ts b/lib/folk-social-post.ts index d0f7a0a..9f11ae6 100644 --- a/lib/folk-social-post.ts +++ b/lib/folk-social-post.ts @@ -370,13 +370,13 @@ const PLATFORM_CONFIG: Record< SocialPlatform, { icon: string; label: string; color: string } > = { - x: { icon: "\ud835\udd4f", label: "X", color: "#000000" }, + x: { icon: "๐•", label: "X", color: "#000000" }, linkedin: { icon: "in", label: "LinkedIn", color: "#0A66C2" }, - instagram: { icon: "\ud83d\udcf7", label: "Instagram", color: "#E4405F" }, - youtube: { icon: "\u25b6", label: "YouTube", color: "#FF0000" }, + instagram: { icon: "๐Ÿ“ท", label: "Instagram", color: "#E4405F" }, + youtube: { icon: "โ–ถ", label: "YouTube", color: "#FF0000" }, threads: { icon: "@", label: "Threads", color: "#000000" }, - bluesky: { icon: "\ud83e\ude77", label: "Bluesky", color: "#0085FF" }, - tiktok: { icon: "\u266b", label: "TikTok", color: "#010101" }, + bluesky: { icon: "๐Ÿฉท", label: "Bluesky", color: "#0085FF" }, + tiktok: { icon: "โ™ซ", label: "TikTok", color: "#010101" }, facebook: { icon: "f", label: "Facebook", color: "#1877F2" }, }; @@ -561,8 +561,8 @@ export class FolkSocialPost extends FolkShape { ${config.label}
- - + +
@@ -572,7 +572,7 @@ export class FolkSocialPost extends FolkShape {
- \ud83d\uddbc + ๐Ÿ–ผ No media
@@ -580,7 +580,7 @@ export class FolkSocialPost extends FolkShape {
- \ud83d\udcc5 + ๐Ÿ“… ${this.#formatSchedule(this.#scheduledAt)} @@ -820,14 +820,14 @@ export class FolkSocialPost extends FolkShape { this.#mediaPreviewEl.innerHTML = `Post media`; } else { const mediaIcons: Record = { - image: "\ud83d\uddbc", - video: "\ud83c\udfac", - carousel: "\ud83d\udcf8", - reel: "\ud83c\udfac", - short: "\ud83c\udfac", - story: "\ud83d\udcf1", + image: "๐Ÿ–ผ", + video: "๐ŸŽฌ", + carousel: "๐Ÿ“ธ", + reel: "๐ŸŽฌ", + short: "๐ŸŽฌ", + story: "๐Ÿ“ฑ", }; - const icon = mediaIcons[this.#postType] || "\ud83d\uddbc"; + const icon = mediaIcons[this.#postType] || "๐Ÿ–ผ"; const label = this.#postType === "text" ? "No media" : `${this.#postType} media`; this.#mediaPreviewEl.innerHTML = `
${icon}${label}
`; diff --git a/lib/folk-splat.ts b/lib/folk-splat.ts index 9d0c859..79b7541 100644 --- a/lib/folk-splat.ts +++ b/lib/folk-splat.ts @@ -340,7 +340,7 @@ export class FolkSplat extends FolkShape { container.innerHTML = this.#gallerySplats.map((s) => `
${this.#escapeHtml(s.title)}
-
${s.file_format} \u2022 ${(s.file_size_bytes / 1024 / 1024).toFixed(1)}MB
+
${s.file_format} โ€ข ${(s.file_size_bytes / 1024 / 1024).toFixed(1)}MB
`).join(""); diff --git a/lib/folk-token-ledger.ts b/lib/folk-token-ledger.ts index 436130b..ef62638 100644 --- a/lib/folk-token-ledger.ts +++ b/lib/folk-token-ledger.ts @@ -302,12 +302,12 @@ export class FolkTokenLedger extends FolkShape { wrapper.innerHTML = html`
- \uD83D\uDCDC + ๐Ÿ“œ Token Ledger
- +
@@ -470,7 +470,7 @@ export class FolkTokenLedger extends FolkShape {
- ${info.isEscrow ? '\u2709' : info.label.charAt(0).toUpperCase()} + ${info.isEscrow ? 'โœ‰' : info.label.charAt(0).toUpperCase()}
diff --git a/lib/folk-token-mint.ts b/lib/folk-token-mint.ts index 6fdfb85..f9b6b6c 100644 --- a/lib/folk-token-mint.ts +++ b/lib/folk-token-mint.ts @@ -160,7 +160,7 @@ export class FolkTokenMint extends FolkShape { #totalSupply = 1000; #issuedSupply = 0; #tokenColor = "#8b5cf6"; - #tokenIcon = "\uD83E\uDE99"; + #tokenIcon = "๐Ÿช™"; #createdBy = ""; #createdAt = new Date().toISOString(); @@ -243,7 +243,7 @@ export class FolkTokenMint extends FolkShape { ${this.#tokenSymbol}
- +
diff --git a/lib/folk-transcription.ts b/lib/folk-transcription.ts index 078546a..ef404bc 100644 --- a/lib/folk-transcription.ts +++ b/lib/folk-transcription.ts @@ -318,11 +318,11 @@ export class FolkTranscription extends FolkShape { wrapper.innerHTML = html`
- \u{1F3A4} + ๐ŸŽค Transcription
- +
@@ -337,14 +337,14 @@ export class FolkTranscription extends FolkShape {
- \u{1F3A4} + ๐ŸŽค Click the record button to start Uses your browser's speech recognition
- - + +
`; @@ -544,7 +544,7 @@ export class FolkTranscription extends FolkShape { if (this.#segments.length === 0) { this.#transcriptArea.innerHTML = `
- \u{1F3A4} + ๐ŸŽค Click the record button to start Uses your browser's speech recognition
diff --git a/lib/folk-video-chat.ts b/lib/folk-video-chat.ts index 4a618d6..9f9322c 100644 --- a/lib/folk-video-chat.ts +++ b/lib/folk-video-chat.ts @@ -307,16 +307,16 @@ export class FolkVideoChat extends FolkShape { wrapper.innerHTML = html`
- \u{1F4F9} + ๐Ÿ“น Video Chat
- +
- \u{1F4F9} + ๐Ÿ“น Join Video Call Enter a room name to start or join a call @@ -402,10 +402,10 @@ export class FolkVideoChat extends FolkShape {
- - - - + + + +
`; @@ -464,7 +464,7 @@ export class FolkVideoChat extends FolkShape { track.enabled = !this.#isMuted; }); } - btn.textContent = this.#isMuted ? "\u{1F507}" : "\u{1F50A}"; + btn.textContent = this.#isMuted ? "๐Ÿ”‡" : "๐Ÿ”Š"; btn.classList.toggle("muted", this.#isMuted); } @@ -475,7 +475,7 @@ export class FolkVideoChat extends FolkShape { track.enabled = !this.#isVideoOff; }); } - btn.textContent = this.#isVideoOff ? "\u{1F4F7}\u{FE0F}\u{20E0}" : "\u{1F4F7}"; + btn.textContent = this.#isVideoOff ? "๐Ÿ“ท๏ธโƒ " : "๐Ÿ“ท"; btn.classList.toggle("muted", this.#isVideoOff); video.style.opacity = this.#isVideoOff ? "0.3" : "1"; } diff --git a/lib/folk-video-gen.ts b/lib/folk-video-gen.ts index 8b20a94..fdfef1c 100644 --- a/lib/folk-video-gen.ts +++ b/lib/folk-video-gen.ts @@ -513,7 +513,7 @@ export class FolkVideoGen extends FolkShape { if (!this.#videoArea) return; this.#videoArea.innerHTML = `
${this.#escapeHtml(this.#error || "Unknown error")}
- ${this.#videos.length > 0 ? this.#renderVideoList() : '
\u{1F3AC}Try again
'} + ${this.#videos.length > 0 ? this.#renderVideoList() : '
๐ŸŽฌTry again
'} `; } @@ -523,7 +523,7 @@ export class FolkVideoGen extends FolkShape { if (this.#videos.length === 0) { this.#videoArea.innerHTML = `
- \u{1F3AC} + ๐ŸŽฌ Upload an image and describe the motion
`; diff --git a/lib/folk-workflow-block.ts b/lib/folk-workflow-block.ts index f1d473d..ff1a7fc 100644 --- a/lib/folk-workflow-block.ts +++ b/lib/folk-workflow-block.ts @@ -250,7 +250,7 @@ export class FolkWorkflowBlock extends FolkShape { #blockType: BlockType = "action"; #label = "Block"; - #icon = "\u{2699}"; + #icon = "โš™"; #state: BlockState = "idle"; #inputs: Port[] = []; #outputs: Port[] = []; @@ -324,8 +324,8 @@ export class FolkWorkflowBlock extends FolkShape { ${this.#escapeHtml(this.#label)}
- - + +
@@ -336,7 +336,7 @@ export class FolkWorkflowBlock extends FolkShape { Idle
- +
`; @@ -382,16 +382,16 @@ export class FolkWorkflowBlock extends FolkShape { #updateIcon() { switch (this.#blockType) { case "trigger": - this.#icon = "\u26A1"; + this.#icon = "โšก"; break; case "action": - this.#icon = "\u2699"; + this.#icon = "โš™"; break; case "condition": - this.#icon = "\u2753"; + this.#icon = "โ“"; break; case "output": - this.#icon = "\u{1F4E4}"; + this.#icon = "๐Ÿ“ค"; break; } } diff --git a/modules/books/components/folk-book-reader.ts b/modules/books/components/folk-book-reader.ts index 0d08a34..743c59e 100644 --- a/modules/books/components/folk-book-reader.ts +++ b/modules/books/components/folk-book-reader.ts @@ -235,7 +235,7 @@ export class FolkBookReader extends HTMLElement { ${this.getStyles()}
- \u2190 Library + โ† Library ${this.escapeHtml(this._title)} ${this._author ? `by ${this.escapeHtml(this._author)}` : ""} diff --git a/modules/cal/components/folk-calendar-view.ts b/modules/cal/components/folk-calendar-view.ts index 5886d3d..0d5e74d 100644 --- a/modules/cal/components/folk-calendar-view.ts +++ b/modules/cal/components/folk-calendar-view.ts @@ -62,9 +62,9 @@ class FolkCalendarView extends HTMLElement { private getMoonEmoji(phase: string): string { const map: Record = { - new_moon: "\u{1F311}", waxing_crescent: "\u{1F312}", first_quarter: "\u{1F313}", - waxing_gibbous: "\u{1F314}", full_moon: "\u{1F315}", waning_gibbous: "\u{1F316}", - last_quarter: "\u{1F317}", waning_crescent: "\u{1F318}", + new_moon: "๐ŸŒ‘", waxing_crescent: "๐ŸŒ’", first_quarter: "๐ŸŒ“", + waxing_gibbous: "๐ŸŒ”", full_moon: "๐ŸŒ•", waning_gibbous: "๐ŸŒ–", + last_quarter: "๐ŸŒ—", waning_crescent: "๐ŸŒ˜", }; return map[phase] || ""; } @@ -120,10 +120,10 @@ class FolkCalendarView extends HTMLElement { ${this.error ? `
${this.esc(this.error)}
` : ""}
- + ${monthName} ${year} - - + +
${this.sources.length > 0 ? `
@@ -191,10 +191,10 @@ class FolkCalendarView extends HTMLElement { return ` - ${this.loading ? `
\u23F3 Loading choices...
` : + ${this.loading ? `
โณ Loading choices...
` : this.choices.length === 0 ? this.renderEmpty() : this.renderGrid(typeIcons, typeLabels)} `; } private renderEmpty(): string { return `
-
\u2611
+
โ˜‘

No choices in this space yet.

Open the canvas and use the Poll, Rank, or Spider buttons to create one.

`; @@ -104,7 +104,7 @@ class FolkChoicesDashboard extends HTMLElement { return `
${this.choices.map((ch) => ` -
${icons[ch.type] || "\u2611"}
+
${icons[ch.type] || "โ˜‘"}
${labels[ch.type] || ch.type}

${this.esc(ch.title)}

diff --git a/modules/data/mod.ts b/modules/data/mod.ts index bf7c58c..cf8780d 100644 --- a/modules/data/mod.ts +++ b/modules/data/mod.ts @@ -136,7 +136,7 @@ routes.get("/", (c) => { export const dataModule: RSpaceModule = { id: "rdata", name: "rData", - icon: "\u{1F4CA}", + icon: "๐Ÿ“Š", description: "Privacy-first analytics for the r* ecosystem", routes, standaloneDomain: "rdata.online", diff --git a/modules/files/components/folk-file-browser.ts b/modules/files/components/folk-file-browser.ts index 91d7082..6426633 100644 --- a/modules/files/components/folk-file-browser.ts +++ b/modules/files/components/folk-file-browser.ts @@ -69,24 +69,24 @@ class FolkFileBrowser extends HTMLElement { } private mimeIcon(mime: string): string { - if (mime?.startsWith("image/")) return "\uD83D\uDDBC\uFE0F"; - if (mime?.startsWith("video/")) return "\uD83C\uDFA5"; - if (mime?.startsWith("audio/")) return "\uD83C\uDFB5"; - if (mime?.includes("pdf")) return "\uD83D\uDCC4"; - if (mime?.includes("zip") || mime?.includes("tar") || mime?.includes("gz")) return "\uD83D\uDCE6"; - if (mime?.includes("text") || mime?.includes("json") || mime?.includes("xml")) return "\uD83D\uDCDD"; - return "\uD83D\uDCC1"; + if (mime?.startsWith("image/")) return "๐Ÿ–ผ๏ธ"; + if (mime?.startsWith("video/")) return "๐ŸŽฅ"; + if (mime?.startsWith("audio/")) return "๐ŸŽต"; + if (mime?.includes("pdf")) return "๐Ÿ“„"; + if (mime?.includes("zip") || mime?.includes("tar") || mime?.includes("gz")) return "๐Ÿ“ฆ"; + if (mime?.includes("text") || mime?.includes("json") || mime?.includes("xml")) return "๐Ÿ“"; + return "๐Ÿ“"; } private cardTypeIcon(type: string): string { const icons: Record = { - note: "\uD83D\uDCDD", - idea: "\uD83D\uDCA1", - task: "\u2705", - reference: "\uD83D\uDD17", - quote: "\uD83D\uDCAC", + note: "๐Ÿ“", + idea: "๐Ÿ’ก", + task: "โœ…", + reference: "๐Ÿ”—", + quote: "๐Ÿ’ฌ", }; - return icons[type] || "\uD83D\uDCDD"; + return icons[type] || "๐Ÿ“"; } private async handleUpload(e: Event) { @@ -258,8 +258,8 @@ class FolkFileBrowser extends HTMLElement {
-
\uD83D\uDCC1 Files
-
\uD83C\uDFB4 Memory Cards
+
๐Ÿ“ Files
+
๐ŸŽด Memory Cards
${filesActive ? this.renderFilesTab() : this.renderCardsTab()} diff --git a/modules/files/mod.ts b/modules/files/mod.ts index c67f8d0..c1f52fd 100644 --- a/modules/files/mod.ts +++ b/modules/files/mod.ts @@ -382,7 +382,7 @@ routes.get("/", (c) => { export const filesModule: RSpaceModule = { id: "rfiles", name: "rFiles", - icon: "\uD83D\uDCC1", + icon: "๐Ÿ“", description: "File sharing, share links, and memory cards", routes, landingPage: renderLanding, diff --git a/modules/forum/components/folk-forum-dashboard.ts b/modules/forum/components/folk-forum-dashboard.ts index 4694cb5..edc8616 100644 --- a/modules/forum/components/folk-forum-dashboard.ts +++ b/modules/forum/components/folk-forum-dashboard.ts @@ -150,10 +150,10 @@ class FolkForumDashboard extends HTMLElement { } private logStepIcon(status: string): string { - if (status === "success") return "\u2705"; - if (status === "error") return "\u274C"; - if (status === "running") return "\u23F3"; - return "\u23ED\uFE0F"; + if (status === "success") return "โœ…"; + if (status === "error") return "โŒ"; + if (status === "running") return "โณ"; + return "โญ๏ธ"; } private render() { @@ -264,7 +264,7 @@ class FolkForumDashboard extends HTMLElement { return `
- + ${this.esc(inst.name)} ${inst.status !== "destroyed" ? `` : ""}
@@ -275,7 +275,7 @@ class FolkForumDashboard extends HTMLElement {
${this.esc(inst.name)}
${this.statusBadge(inst.status)}
- ${inst.status === "active" ? `\u2197 Open Forum` : ""} + ${inst.status === "active" ? `โ†— Open Forum` : ""}
${inst.error_message ? `
${this.esc(inst.error_message)}
` : ""} @@ -286,7 +286,7 @@ class FolkForumDashboard extends HTMLElement {
${inst.region}
${inst.size}
${inst.admin_email || "โ€”"}
-
${inst.ssl_provisioned ? "\u2705 Active" : "\u23F3 Pending"}
+
${inst.ssl_provisioned ? "โœ… Active" : "โณ Pending"}
@@ -309,7 +309,7 @@ class FolkForumDashboard extends HTMLElement { private renderCreate(): string { return `
- + Deploy New Forum
@@ -319,17 +319,17 @@ class FolkForumDashboard extends HTMLElement {
Starter
-
\u20AC3.79/mo
+
โ‚ฌ3.79/mo
2 vCPU · 4 GB · ~500 users
Standard
-
\u20AC6.80/mo
+
โ‚ฌ6.80/mo
4 vCPU · 8 GB · ~2000 users
Performance
-
\u20AC13.80/mo
+
โ‚ฌ13.80/mo
8 vCPU · 16 GB · ~10k users
diff --git a/modules/forum/mod.ts b/modules/forum/mod.ts index 0ccc72b..9c8f0e2 100644 --- a/modules/forum/mod.ts +++ b/modules/forum/mod.ts @@ -173,7 +173,7 @@ routes.get("/", (c) => { export const forumModule: RSpaceModule = { id: "rforum", name: "rForum", - icon: "\uD83D\uDCAC", + icon: "๐Ÿ’ฌ", description: "Deploy and manage Discourse forums", routes, landingPage: renderLanding, diff --git a/modules/funds/components/folk-budget-river.ts b/modules/funds/components/folk-budget-river.ts index cab45bc..0f0fc60 100644 --- a/modules/funds/components/folk-budget-river.ts +++ b/modules/funds/components/folk-budget-river.ts @@ -343,7 +343,7 @@ function renderFunnel(f: FunnelLayout): string { ${[0, 1, 2].map((i) => ``).join("")} ${esc(f.label)} - $${Math.floor(f.data.currentValue).toLocaleString()} / $${Math.floor(threshold).toLocaleString()} ${isSufficient ? "\u2728" : ""} + $${Math.floor(f.data.currentValue).toLocaleString()} / $${Math.floor(threshold).toLocaleString()} ${isSufficient ? "โœจ" : ""} `; } @@ -471,7 +471,7 @@ class FolkBudgetRiver extends HTMLElement { ${renderSufficiencyBadge(score, layout.width - 70, 10)}
- +
Inflow
diff --git a/modules/funds/mod.ts b/modules/funds/mod.ts index 6de9e27..b1e31a4 100644 --- a/modules/funds/mod.ts +++ b/modules/funds/mod.ts @@ -243,7 +243,7 @@ routes.get("/flow/:flowId", (c) => { export const fundsModule: RSpaceModule = { id: "rfunds", name: "rFunds", - icon: "\uD83C\uDF0A", + icon: "๐ŸŒŠ", description: "Budget flows, river visualization, and treasury management", routes, landingPage: renderLanding, diff --git a/modules/inbox/mod.ts b/modules/inbox/mod.ts index d5559f3..2e7e568 100644 --- a/modules/inbox/mod.ts +++ b/modules/inbox/mod.ts @@ -546,7 +546,7 @@ routes.get("/", (c) => { export const inboxModule: RSpaceModule = { id: "rinbox", name: "rInbox", - icon: "\u{1F4E8}", + icon: "๐Ÿ“จ", description: "Collaborative email with multisig approval", routes, landingPage: renderLanding, diff --git a/modules/maps/components/folk-map-viewer.ts b/modules/maps/components/folk-map-viewer.ts index 2c1d127..0bedb44 100644 --- a/modules/maps/components/folk-map-viewer.ts +++ b/modules/maps/components/folk-map-viewer.ts @@ -165,7 +165,7 @@ class FolkMapViewer extends HTMLElement { ${this.rooms.length > 0 ? this.rooms.map((r) => `
- \u{1F5FA} + ๐Ÿ—บ ${this.esc(r)}
`).join("") : ""} @@ -181,14 +181,14 @@ class FolkMapViewer extends HTMLElement { const shareUrl = `${window.location.origin}/${this.space}/maps/${this.room}`; return `
- - \u{1F5FA} ${this.esc(this.room)} + + ๐Ÿ—บ ${this.esc(this.room)}
-

\u{1F30D}

+

๐ŸŒ

Map Room: ${this.esc(this.room)}

Connect the MapLibre GL library to display the interactive map.

WebSocket sync: ${this.syncStatus}

diff --git a/modules/maps/mod.ts b/modules/maps/mod.ts index 569006b..757f820 100644 --- a/modules/maps/mod.ts +++ b/modules/maps/mod.ts @@ -165,7 +165,7 @@ routes.get("/:room", (c) => { export const mapsModule: RSpaceModule = { id: "rmaps", name: "rMaps", - icon: "\u{1F5FA}", + icon: "๐Ÿ—บ", description: "Real-time collaborative location sharing and indoor/outdoor maps", routes, landingPage: renderLanding, diff --git a/modules/network/components/folk-graph-viewer.ts b/modules/network/components/folk-graph-viewer.ts index ab96e41..d6a9612 100644 --- a/modules/network/components/folk-graph-viewer.ts +++ b/modules/network/components/folk-graph-viewer.ts @@ -112,7 +112,7 @@ class FolkGraphViewer extends HTMLElement {
-

\u{1F578}\u{FE0F}

+

๐Ÿ•ธ๏ธ

Community Relationship Graph

Connect the force-directed layout engine to visualize your network.

Automerge CRDT sync + d3-force layout

@@ -131,7 +131,7 @@ class FolkGraphViewer extends HTMLElement { ${this.workspaces.map(ws => `
${this.esc(ws.name || ws.slug)}
-
${ws.nodeCount || 0} nodes \u00B7 ${ws.edgeCount || 0} edges
+
${ws.nodeCount || 0} nodes ยท ${ws.edgeCount || 0} edges
`).join("")}
diff --git a/modules/network/mod.ts b/modules/network/mod.ts index c714f93..5c528d1 100644 --- a/modules/network/mod.ts +++ b/modules/network/mod.ts @@ -232,7 +232,7 @@ routes.get("/", (c) => { export const networkModule: RSpaceModule = { id: "rnetwork", name: "rNetwork", - icon: "\u{1F310}", + icon: "๐ŸŒ", description: "Community relationship graph visualization with CRM sync", routes, landingPage: renderLanding, diff --git a/modules/notes/components/folk-notes-app.ts b/modules/notes/components/folk-notes-app.ts index b6c8fae..8db94cb 100644 --- a/modules/notes/components/folk-notes-app.ts +++ b/modules/notes/components/folk-notes-app.ts @@ -429,14 +429,14 @@ class FolkNotesApp extends HTMLElement { private getNoteIcon(type: string): string { switch (type) { - case "NOTE": return "\u{1F4DD}"; - case "CODE": return "\u{1F4BB}"; - case "BOOKMARK": return "\u{1F517}"; - case "IMAGE": return "\u{1F5BC}"; - case "AUDIO": return "\u{1F3A4}"; - case "FILE": return "\u{1F4CE}"; - case "CLIP": return "\u2702\uFE0F"; - default: return "\u{1F4C4}"; + case "NOTE": return "๐Ÿ“"; + case "CODE": return "๐Ÿ’ป"; + case "BOOKMARK": return "๐Ÿ”—"; + case "IMAGE": return "๐Ÿ–ผ"; + case "AUDIO": return "๐ŸŽค"; + case "FILE": return "๐Ÿ“Ž"; + case "CLIP": return "โœ‚๏ธ"; + default: return "๐Ÿ“„"; } } @@ -573,7 +573,7 @@ class FolkNotesApp extends HTMLElement { : ""; return `
- + ${this.esc(nb.title)}${syncBadge}
@@ -606,7 +606,7 @@ class FolkNotesApp extends HTMLElement { const isAutomerge = !!(this.doc?.items?.[n.id]); return `
- + ${isAutomerge ? `` : `${this.getNoteIcon(n.type)} ${this.esc(n.title)}` diff --git a/modules/notes/mod.ts b/modules/notes/mod.ts index 4d7607a..104e7cf 100644 --- a/modules/notes/mod.ts +++ b/modules/notes/mod.ts @@ -377,7 +377,7 @@ routes.get("/", (c) => { export const notesModule: RSpaceModule = { id: "rnotes", name: "rNotes", - icon: "\u{1F4DD}", + icon: "๐Ÿ“", description: "Notebooks with rich-text notes, voice transcription, and collaboration", routes, landingPage: renderLanding, diff --git a/modules/photos/components/folk-photo-gallery.ts b/modules/photos/components/folk-photo-gallery.ts index 90f27b8..412744f 100644 --- a/modules/photos/components/folk-photo-gallery.ts +++ b/modules/photos/components/folk-photo-gallery.ts @@ -327,7 +327,7 @@ class FolkPhotoGallery extends HTMLElement { const album = this.selectedAlbum!; return `
- + ${this.esc(album.albumName)}
@@ -362,7 +362,7 @@ class FolkPhotoGallery extends HTMLElement { return `
- + ${this.esc(asset.originalFileName)}
${asset.originalFileName} diff --git a/modules/rsocials/mod.ts b/modules/rsocials/mod.ts index 96b6fc3..75d48d2 100644 --- a/modules/rsocials/mod.ts +++ b/modules/rsocials/mod.ts @@ -184,7 +184,7 @@ routes.get("/", (c) => { export const socialsModule: RSpaceModule = { id: "rsocials", name: "rSocials", - icon: "\u{1F4E2}", + icon: "๐Ÿ“ข", description: "Federated social feed aggregator for communities", routes, standaloneDomain: "rsocials.online", diff --git a/modules/swag/components/folk-swag-designer.ts b/modules/swag/components/folk-swag-designer.ts index 552182c..af7a9f4 100644 --- a/modules/swag/components/folk-swag-designer.ts +++ b/modules/swag/components/folk-swag-designer.ts @@ -63,9 +63,9 @@ class FolkSwagDesigner extends HTMLElement { private render() { const products = [ - { id: "sticker", name: "Sticker Sheet", icon: "\u{1F4CB}", desc: "A4 vinyl stickers" }, - { id: "poster", name: "Poster (A3)", icon: "\u{1F5BC}", desc: "A3 art print" }, - { id: "tee", name: "T-Shirt", icon: "\u{1F455}", desc: "12x16\" DTG print" }, + { id: "sticker", name: "Sticker Sheet", icon: "๐Ÿ“‹", desc: "A4 vinyl stickers" }, + { id: "poster", name: "Poster (A3)", icon: "๐Ÿ–ผ", desc: "A3 art print" }, + { id: "tee", name: "T-Shirt", icon: "๐Ÿ‘•", desc: "12x16\" DTG print" }, ]; this.shadow.innerHTML = ` @@ -117,33 +117,33 @@ class FolkSwagDesigner extends HTMLElement {
${this.imagePreview ? `Preview` - : `
\u{1F4C1} Click or drag to upload artwork (PNG, JPG, SVG)
`} + : `
๐Ÿ“ Click or drag to upload artwork (PNG, JPG, SVG)
`}
${this.error ? `
${this.esc(this.error)}
` : ""} ${this.artifact ? `
-

\u2705 ${this.esc(this.artifact.payload?.title || "Artifact")}

+

โœ… ${this.esc(this.artifact.payload?.title || "Artifact")}

- ${this.esc(this.artifact.spec?.product_type || "")} \u2022 - ${this.artifact.spec?.dimensions?.width_mm}x${this.artifact.spec?.dimensions?.height_mm}mm \u2022 + ${this.esc(this.artifact.spec?.product_type || "")} โ€ข + ${this.artifact.spec?.dimensions?.width_mm}x${this.artifact.spec?.dimensions?.height_mm}mm โ€ข ${this.artifact.spec?.dpi}dpi
${Object.entries(this.artifact.render_targets || {}).map(([key, target]: [string, any]) => ` - \u{2B07} Download ${target.format.toUpperCase()} + โฌ‡ Download ${target.format.toUpperCase()} `).join("")} - +
- Show artifact envelope \u25BC + Show artifact envelope โ–ผ 
${this.esc(JSON.stringify(this.artifact, null, 2))}
` : ""} `; diff --git a/modules/swag/mod.ts b/modules/swag/mod.ts index 17380cf..d353c96 100644 --- a/modules/swag/mod.ts +++ b/modules/swag/mod.ts @@ -244,7 +244,7 @@ routes.get("/", (c) => { export const swagModule: RSpaceModule = { id: "rswag", name: "rSwag", - icon: "\u{1F3A8}", + icon: "๐ŸŽจ", description: "Design print-ready swag: stickers, posters, tees", routes, landingPage: renderLanding, diff --git a/modules/trips/components/folk-route-planner.ts b/modules/trips/components/folk-route-planner.ts index 5391ac6..83d30d8 100644 --- a/modules/trips/components/folk-route-planner.ts +++ b/modules/trips/components/folk-route-planner.ts @@ -311,7 +311,7 @@ class FolkRoutePlanner extends HTMLElement { // Compute crossing angle const dot = Math.abs(tA.dx * tB.dx + tA.dy * tB.dy); const angle = Math.acos(Math.min(1, dot)) * (180 / Math.PI); - svg += `${angle.toFixed(1)}\u00B0`; + svg += `${angle.toFixed(1)}ยฐ`; } return svg; } @@ -494,8 +494,8 @@ class FolkRoutePlanner extends HTMLElement {
${this.renderSVG()}
${this.renderInfo()}
- Conic: Ax\u00B2+Bxy+Cy\u00B2+Dx+Ey+F=0 | Discriminant \u0394=B\u00B2\u22124AC | - Intersection via Sylvester resultant \u2192 degree-4 polynomial \u2192 companion matrix eigenvalues + Conic: Axยฒ+Bxy+Cyยฒ+Dx+Ey+F=0 | Discriminant ฮ”=Bยฒโˆ’4AC | + Intersection via Sylvester resultant โ†’ degree-4 polynomial โ†’ companion matrix eigenvalues
` : ""} diff --git a/modules/trips/components/folk-trips-planner.ts b/modules/trips/components/folk-trips-planner.ts index 54b93ef..674525f 100644 --- a/modules/trips/components/folk-trips-planner.ts +++ b/modules/trips/components/folk-trips-planner.ts @@ -124,10 +124,10 @@ class FolkTripsPlanner extends HTMLElement {
${this.esc(t.title)}
- ${t.destination_count || 0} destinations \u00B7 + ${t.destination_count || 0} destinations ยท ${t.start_date ? new Date(t.start_date).toLocaleDateString() : "No dates"}
- ${t.budget_total ? `
Budget: $${parseFloat(t.budget_total).toFixed(0)} \u00B7 Spent: $${parseFloat(t.total_spent || 0).toFixed(0)}
` : ""} + ${t.budget_total ? `
Budget: $${parseFloat(t.budget_total).toFixed(0)} ยท Spent: $${parseFloat(t.total_spent || 0).toFixed(0)}
` : ""} ${t.status || "PLANNING"}
`).join("")} @@ -143,7 +143,7 @@ class FolkTripsPlanner extends HTMLElement { const t = this.trip; return `
- + ${this.esc(t.title)} ${t.status || "PLANNING"}
@@ -165,7 +165,7 @@ class FolkTripsPlanner extends HTMLElement { return `
Trip Details
${t.description || "No description"}
- ${t.start_date ? `
Dates: ${new Date(t.start_date).toLocaleDateString()} \u2014 ${t.end_date ? new Date(t.end_date).toLocaleDateString() : "open"}
` : ""} + ${t.start_date ? `
Dates: ${new Date(t.start_date).toLocaleDateString()} โ€” ${t.end_date ? new Date(t.end_date).toLocaleDateString() : "open"}
` : ""} ${t.budget_total ? `
Budget
@@ -177,17 +177,17 @@ class FolkTripsPlanner extends HTMLElement {
` : ""}
Summary
-
${(t.destinations || []).length} destinations \u00B7 ${(t.itinerary || []).length} activities \u00B7 ${(t.bookings || []).length} bookings \u00B7 ${(t.packing || []).length} packing items
+
${(t.destinations || []).length} destinations ยท ${(t.itinerary || []).length} activities ยท ${(t.bookings || []).length} bookings ยท ${(t.packing || []).length} packing items
`; } case "destinations": return (t.destinations || []).length > 0 ? (t.destinations || []).map((d: any) => `
- \u{1F4CD} + ๐Ÿ“
${this.esc(d.name)}
-
${d.country || ""} ${d.arrival_date ? `\u00B7 ${new Date(d.arrival_date).toLocaleDateString()}` : ""}
+
${d.country || ""} ${d.arrival_date ? `ยท ${new Date(d.arrival_date).toLocaleDateString()}` : ""}
`).join("") @@ -211,7 +211,7 @@ class FolkTripsPlanner extends HTMLElement { ${b.type || "OTHER"}
${this.esc(b.provider || "Booking")}
-
${b.confirmation_number ? `#${b.confirmation_number}` : ""} ${b.cost ? `\u00B7 $${parseFloat(b.cost).toFixed(0)}` : ""}
+
${b.confirmation_number ? `#${b.confirmation_number}` : ""} ${b.cost ? `ยท $${parseFloat(b.cost).toFixed(0)}` : ""}
`).join("") diff --git a/modules/trips/mod.ts b/modules/trips/mod.ts index e2b0bf1..c061ecc 100644 --- a/modules/trips/mod.ts +++ b/modules/trips/mod.ts @@ -269,7 +269,7 @@ routes.get("/", (c) => { export const tripsModule: RSpaceModule = { id: "rtrips", name: "rTrips", - icon: "\u{2708}\u{FE0F}", + icon: "โœˆ๏ธ", description: "Collaborative trip planner with itinerary, bookings, and expense splitting", routes, landingPage: renderLanding, diff --git a/modules/tube/mod.ts b/modules/tube/mod.ts index 7fabc3c..b1ea30e 100644 --- a/modules/tube/mod.ts +++ b/modules/tube/mod.ts @@ -207,7 +207,7 @@ routes.get("/", (c) => { export const tubeModule: RSpaceModule = { id: "rtube", name: "rTube", - icon: "\u{1F3AC}", + icon: "๐ŸŽฌ", description: "Community video hosting & live streaming", routes, landingPage: renderLanding, diff --git a/modules/vote/components/folk-vote-dashboard.ts b/modules/vote/components/folk-vote-dashboard.ts index fce8e08..8b3e402 100644 --- a/modules/vote/components/folk-vote-dashboard.ts +++ b/modules/vote/components/folk-vote-dashboard.ts @@ -231,7 +231,7 @@ class FolkVoteDashboard extends HTMLElement { const s = this.selectedSpace!; return `
- + ${this.esc(s.name)} โ€” Proposals
${this.proposals.length === 0 ? '
No proposals yet.
' : ""} @@ -264,7 +264,7 @@ class FolkVoteDashboard extends HTMLElement { const p = this.selectedProposal!; return `
- + ${this.esc(p.title)} ${p.status}
diff --git a/modules/vote/mod.ts b/modules/vote/mod.ts index fecabd0..bd5458a 100644 --- a/modules/vote/mod.ts +++ b/modules/vote/mod.ts @@ -343,7 +343,7 @@ routes.get("/", (c) => { export const voteModule: RSpaceModule = { id: "rvote", name: "rVote", - icon: "\u{1F5F3}", + icon: "๐Ÿ—ณ", description: "Conviction voting engine for collaborative governance", routes, standaloneDomain: "rvote.online", diff --git a/modules/wallet/mod.ts b/modules/wallet/mod.ts index 8da25a4..753eff0 100644 --- a/modules/wallet/mod.ts +++ b/modules/wallet/mod.ts @@ -110,7 +110,7 @@ routes.get("/", (c) => { export const walletModule: RSpaceModule = { id: "rwallet", name: "rWallet", - icon: "\uD83D\uDCB0", + icon: "๐Ÿ’ฐ", description: "Multichain Safe wallet visualization and treasury management", routes, standaloneDomain: "rwallet.online", diff --git a/modules/work/components/folk-work-board.ts b/modules/work/components/folk-work-board.ts index 596dc7c..8cfbeaa 100644 --- a/modules/work/components/folk-work-board.ts +++ b/modules/work/components/folk-work-board.ts @@ -167,8 +167,8 @@ class FolkWorkBoard extends HTMLElement { ${this.workspaces.length > 0 ? `
${this.workspaces.map(ws => `
-
${this.esc(ws.icon || "\u{1F4CB}")} ${this.esc(ws.name)}
-
${ws.task_count || 0} tasks \u00B7 ${ws.member_count || 0} members
+
${this.esc(ws.icon || "๐Ÿ“‹")} ${this.esc(ws.name)}
+
${ws.task_count || 0} tasks ยท ${ws.member_count || 0} members
`).join("")}
` : `
@@ -181,7 +181,7 @@ class FolkWorkBoard extends HTMLElement { private renderBoard(): string { return `
- + ${this.esc(this.workspaceSlug)}
@@ -213,7 +213,7 @@ class FolkWorkBoard extends HTMLElement { ${(task.labels || []).map((l: string) => `${this.esc(l)}`).join("")}
- ${otherStatuses.map(s => ``).join("")} + ${otherStatuses.map(s => ``).join("")}
`; diff --git a/modules/work/mod.ts b/modules/work/mod.ts index c32a5cf..c8ecefe 100644 --- a/modules/work/mod.ts +++ b/modules/work/mod.ts @@ -233,7 +233,7 @@ routes.get("/", (c) => { export const workModule: RSpaceModule = { id: "rwork", name: "rWork", - icon: "\u{1F4CB}", + icon: "๐Ÿ“‹", description: "Kanban workspace boards for collaborative task management", routes, standaloneDomain: "rwork.online", diff --git a/server/seed-campaign.ts b/server/seed-campaign.ts index a64359b..4cda7dd 100644 --- a/server/seed-campaign.ts +++ b/server/seed-campaign.ts @@ -73,7 +73,7 @@ const CAMPAIGN_SHAPES: Record[] = [ postType: "thread", stepNumber: 1, content: - "Something is growing in the mycelium... \ud83c\udf44\n\nFor the past 2 years, we've been building the infrastructure for a regenerative economy.\n\nOn Feb 24, we reveal everything.\n\nA thread on why the old financial system is composting itself \ud83e\uddf5\ud83d\udc47", + "Something is growing in the mycelium... ๐Ÿ„\n\nFor the past 2 years, we've been building the infrastructure for a regenerative economy.\n\nOn Feb 24, we reveal everything.\n\nA thread on why the old financial system is composting itself ๐Ÿงต๐Ÿ‘‡", mediaUrl: "", mediaType: "", scheduledAt: "2026-02-21T09:00:00", @@ -93,7 +93,7 @@ const CAMPAIGN_SHAPES: Record[] = [ postType: "article", stepNumber: 2, content: - "The regenerative finance movement isn't just about returns \u2014 it's about redesigning incentive structures from the ground up.\n\nIn this article, I break down why mycelial network theory offers the best model for decentralized economic coordination.\n\n3 key insights from 2 years of building MycoFi Earth...", + "The regenerative finance movement isn't just about returns โ€” it's about redesigning incentive structures from the ground up.\n\nIn this article, I break down why mycelial network theory offers the best model for decentralized economic coordination.\n\n3 key insights from 2 years of building MycoFi Earth...", mediaUrl: "", mediaType: "image", scheduledAt: "2026-02-22T11:00:00", @@ -113,7 +113,7 @@ const CAMPAIGN_SHAPES: Record[] = [ postType: "carousel", stepNumber: 3, content: - "5 Ways Mycelium Networks Mirror the Future of Finance \ud83c\udf0d\ud83c\udf44\n\nSlide 1: The problem with extractive finance\nSlide 2: How mycelium redistributes nutrients\nSlide 3: Token-weighted funding circles\nSlide 4: Community governance that actually works\nSlide 5: Join the launch \u2014 Feb 24", + "5 Ways Mycelium Networks Mirror the Future of Finance ๐ŸŒ๐Ÿ„\n\nSlide 1: The problem with extractive finance\nSlide 2: How mycelium redistributes nutrients\nSlide 3: Token-weighted funding circles\nSlide 4: Community governance that actually works\nSlide 5: Join the launch โ€” Feb 24", mediaUrl: "", mediaType: "carousel", scheduledAt: "2026-02-23T14:00:00", @@ -141,7 +141,7 @@ const CAMPAIGN_SHAPES: Record[] = [ postType: "video", stepNumber: 4, content: - "MycoFi Earth \u2014 Official Launch Video\n\nThe regenerative economy starts here. Watch how mycelial intelligence is reshaping finance, governance, and community coordination.\n\nFeaturing interviews with 12 builders from the ecosystem.\n\n[18:42]", + "MycoFi Earth โ€” Official Launch Video\n\nThe regenerative economy starts here. Watch how mycelial intelligence is reshaping finance, governance, and community coordination.\n\nFeaturing interviews with 12 builders from the ecosystem.\n\n[18:42]", mediaUrl: "", mediaType: "video", scheduledAt: "2026-02-24T10:00:00", @@ -166,7 +166,7 @@ const CAMPAIGN_SHAPES: Record[] = [ postType: "thread", stepNumber: 5, content: - "\ud83c\udf44 MycoFi Earth is LIVE \ud83c\udf44\n\nAfter 2 years of building, the regenerative finance platform is here.\n\nWhat is it?\n\u2022 Token-weighted funding circles\n\u2022 Mycelial governance (no whales)\n\u2022 Composting mechanism for failed proposals\n\u2022 100% on-chain, 100% community-owned\n\n\ud83d\udc47 Full breakdown thread", + "๐Ÿ„ MycoFi Earth is LIVE ๐Ÿ„\n\nAfter 2 years of building, the regenerative finance platform is here.\n\nWhat is it?\nโ€ข Token-weighted funding circles\nโ€ข Mycelial governance (no whales)\nโ€ข Composting mechanism for failed proposals\nโ€ข 100% on-chain, 100% community-owned\n\n๐Ÿ‘‡ Full breakdown thread", mediaUrl: "", mediaType: "image", scheduledAt: "2026-02-24T10:15:00", @@ -192,7 +192,7 @@ const CAMPAIGN_SHAPES: Record[] = [ postType: "text", stepNumber: 6, content: - "Today we're launching MycoFi Earth \u2014 a regenerative finance platform modeled on mycelial networks.\n\nWhy it matters for the future of organizational design:\n\n1. Composting mechanism: Failed proposals return resources to the network\n2. Nutrient routing: Funds flow to where they're needed most\n3. No single point of failure: True decentralization\n\nFull video + docs in comments \u2193", + "Today we're launching MycoFi Earth โ€” a regenerative finance platform modeled on mycelial networks.\n\nWhy it matters for the future of organizational design:\n\n1. Composting mechanism: Failed proposals return resources to the network\n2. Nutrient routing: Funds flow to where they're needed most\n3. No single point of failure: True decentralization\n\nFull video + docs in comments โ†“", mediaUrl: "", mediaType: "image", scheduledAt: "2026-02-24T11:00:00", @@ -220,7 +220,7 @@ const CAMPAIGN_SHAPES: Record[] = [ postType: "reel", stepNumber: 7, content: - "60-second explainer: How MycoFi Earth works \ud83c\udf44\u2728\n\nVisual breakdown of the token flow from contributor \u2192 funding circle \u2192 project \u2192 compost.\n\nSet to lo-fi beats with mycelium time-lapse footage.\n\nCTA: Link in bio to join the first funding circle.", + "60-second explainer: How MycoFi Earth works ๐Ÿ„โœจ\n\nVisual breakdown of the token flow from contributor โ†’ funding circle โ†’ project โ†’ compost.\n\nSet to lo-fi beats with mycelium time-lapse footage.\n\nCTA: Link in bio to join the first funding circle.", mediaUrl: "", mediaType: "video", scheduledAt: "2026-02-25T12:00:00", @@ -246,7 +246,7 @@ const CAMPAIGN_SHAPES: Record[] = [ postType: "text", stepNumber: 8, content: - "We just launched MycoFi Earth and the response has been incredible \ud83c\udf1f\n\nThe idea is simple: what if finance worked like mycelium?\n\nMycelium doesn't hoard \u2014 it redistributes. MycoFi applies that logic to community funding.\n\nEarly access is open. Come grow with us \ud83c\udf31", + "We just launched MycoFi Earth and the response has been incredible ๐ŸŒŸ\n\nThe idea is simple: what if finance worked like mycelium?\n\nMycelium doesn't hoard โ€” it redistributes. MycoFi applies that logic to community funding.\n\nEarly access is open. Come grow with us ๐ŸŒฑ", mediaUrl: "", mediaType: "", scheduledAt: "2026-02-25T14:00:00", @@ -266,7 +266,7 @@ const CAMPAIGN_SHAPES: Record[] = [ postType: "text", stepNumber: 9, content: - "MycoFi Earth just went live \ud83c\udf44\n\nIt's a regenerative finance platform where funding flows like nutrients through a mycelial network.\n\nNo VCs. No whales. Just communities funding what matters.\n\nmycofi.earth", + "MycoFi Earth just went live ๐Ÿ„\n\nIt's a regenerative finance platform where funding flows like nutrients through a mycelial network.\n\nNo VCs. No whales. Just communities funding what matters.\n\nmycofi.earth", mediaUrl: "", mediaType: "", scheduledAt: "2026-02-25T15:00:00", @@ -286,7 +286,7 @@ const CAMPAIGN_SHAPES: Record[] = [ height: 160, rotation: 0, content: - "# \ud83c\udf44 MycoFi Earth Launch Campaign\n\n**Duration:** Feb 21\u201325, 2026 (5 days)\n**Platforms:** X, LinkedIn, Instagram, YouTube, Threads, Bluesky\n**Posts:** 9 total across 3 phases\n\n| Phase | Days | Posts |\n|-------|------|-------|\n| Pre-Launch Hype | Day -3 to -1 | 3 posts |\n| Launch Day | Day 0 | 3 posts |\n| Amplification | Day +1 | 3 posts |", + "# ๐Ÿ„ MycoFi Earth Launch Campaign\n\n**Duration:** Feb 21โ€“25, 2026 (5 days)\n**Platforms:** X, LinkedIn, Instagram, YouTube, Threads, Bluesky\n**Posts:** 9 total across 3 phases\n\n| Phase | Days | Posts |\n|-------|------|-------|\n| Pre-Launch Hype | Day -3 to -1 | 3 posts |\n| Launch Day | Day 0 | 3 posts |\n| Amplification | Day +1 | 3 posts |", }, // โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ @@ -301,7 +301,7 @@ const CAMPAIGN_SHAPES: Record[] = [ height: 36, rotation: 0, content: - "### \ud83d\udce3 Phase 1: Pre-Launch Hype (Feb 21\u201323)", + "### ๐Ÿ“ฃ Phase 1: Pre-Launch Hype (Feb 21โ€“23)", }, { id: "label-phase2", @@ -311,7 +311,7 @@ const CAMPAIGN_SHAPES: Record[] = [ width: COL_WIDTH * 3 + COL_GAP * 2, height: 36, rotation: 0, - content: "### \ud83d\ude80 Phase 2: Launch Day (Feb 24)", + content: "### ๐Ÿš€ Phase 2: Launch Day (Feb 24)", }, { id: "label-phase3", @@ -322,7 +322,7 @@ const CAMPAIGN_SHAPES: Record[] = [ height: 36, rotation: 0, content: - "### \ud83d\udce1 Phase 3: Amplification (Feb 25)", + "### ๐Ÿ“ก Phase 3: Amplification (Feb 25)", }, // โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ diff --git a/server/seed-demo.ts b/server/seed-demo.ts index 0c4bff3..e5d44da 100644 --- a/server/seed-demo.ts +++ b/server/seed-demo.ts @@ -422,7 +422,7 @@ const DEMO_SHAPES: Record[] = [ totalSupply: 100, issuedSupply: 100, tokenColor: "#6d28d9", - tokenIcon: "\uD83D\uDDF3\uFE0F", + tokenIcon: "๐Ÿ—ณ๏ธ", createdBy: "Maya", createdAt: "2026-06-15T10:00:00.000Z", }, @@ -458,7 +458,7 @@ const DEMO_SHAPES: Record[] = [ totalSupply: 500, issuedSupply: 155, tokenColor: "#059669", - tokenIcon: "\u2B50", + tokenIcon: "โญ", createdBy: "Maya", createdAt: "2026-06-20T14:00:00.000Z", }, diff --git a/shared/components/rstack-identity.ts b/shared/components/rstack-identity.ts index 6fe0658..e1a81ff 100644 --- a/shared/components/rstack-identity.ts +++ b/shared/components/rstack-identity.ts @@ -270,11 +270,11 @@ export class RStackIdentity extends HTMLElement {
${displayName}
${notifsHTML}
- - - + + +
- +
`; @@ -447,7 +447,7 @@ export class RStackIdentity extends HTMLElement { autoResolveSpace(data.token, data.username || ""); } catch (err: any) { btn.disabled = false; - btn.innerHTML = "\uD83D\uDD11 Sign In with Passkey"; + btn.innerHTML = "๐Ÿ”‘ Sign In with Passkey"; errEl.textContent = err.name === "NotAllowedError" ? "Authentication was cancelled." : err.message || "Authentication failed."; } }; diff --git a/shared/components/rstack-space-switcher.ts b/shared/components/rstack-space-switcher.ts index 9994952..6dd9e33 100644 --- a/shared/components/rstack-space-switcher.ts +++ b/shared/components/rstack-space-switcher.ts @@ -111,9 +111,9 @@ export class RStackSpaceSwitcher extends HTMLElement { #visibilityInfo(s: SpaceInfo): { cls: string; label: string } { const v = s.visibility || "public_read"; - if (v === "members_only") return { cls: "vis-private", label: "\uD83D\uDD12" }; - if (v === "authenticated") return { cls: "vis-permissioned", label: "\uD83D\uDD11" }; - return { cls: "vis-public", label: "\uD83D\uDD13" }; + if (v === "members_only") return { cls: "vis-private", label: "๐Ÿ”’" }; + if (v === "authenticated") return { cls: "vis-permissioned", label: "๐Ÿ”‘" }; + return { cls: "vis-public", label: "๐Ÿ”“" }; } #renderMenu(menu: HTMLElement, current: string) { @@ -146,7 +146,7 @@ export class RStackSpaceSwitcher extends HTMLElement { return ` - ${s.icon || "\uD83C\uDF10"} + ${s.icon || "๐ŸŒ"} ${s.name} ${vis.label} `; @@ -164,7 +164,7 @@ export class RStackSpaceSwitcher extends HTMLElement { return ` - ${s.icon || "\uD83C\uDF10"} + ${s.icon || "๐ŸŒ"} ${s.name} ${vis.label} `; @@ -182,7 +182,7 @@ export class RStackSpaceSwitcher extends HTMLElement { const pending = s.pendingRequest; return `
- ${s.icon || "\uD83C\uDF10"} + ${s.icon || "๐ŸŒ"} ${s.name} ${vis.label} ${pending diff --git a/shared/components/rstack-tab-bar.ts b/shared/components/rstack-tab-bar.ts index 382dcf7..dd3bdb8 100644 --- a/shared/components/rstack-tab-bar.ts +++ b/shared/components/rstack-tab-bar.ts @@ -367,7 +367,7 @@ export class RStackTabBar extends HTMLElement { const contained = containedSet.has(f.id); return ` - ${f.name}${contained ? '\uD83D\uDD12' : ""} + ${f.name}${contained ? '๐Ÿ”’' : ""} `; }).join(""); @@ -431,7 +431,7 @@ export class RStackTabBar extends HTMLElement { const scrubberHtml = `
@@ -451,7 +451,7 @@ export class RStackTabBar extends HTMLElement {
${legendHtml}
${scrubberHtml} - ${this.#layers.length >= 2 ? `
Drag between layers to create a flow \u00b7 Drag empty space to orbit
` : ""} + ${this.#layers.length >= 2 ? `
Drag between layers to create a flow ยท Drag empty space to orbit
` : ""} ${this.#flowDialogOpen ? this.#renderFlowDialog() : ""}
`; @@ -486,7 +486,7 @@ export class RStackTabBar extends HTMLElement {
New Flow
${srcBadge?.badge || srcLayer.moduleId} - \u2192 + โ†’ ${tgtBadge?.badge || tgtLayer.moduleId}
@@ -782,7 +782,7 @@ export class RStackTabBar extends HTMLElement { scrubberPlaypause?.addEventListener("click", () => { this.#simPlaying = !this.#simPlaying; - scrubberPlaypause.textContent = this.#simPlaying ? "\u23F8" : "\u25B6"; + scrubberPlaypause.textContent = this.#simPlaying ? "โธ" : "โ–ถ"; scrubberPlaypause.title = this.#simPlaying ? "Pause" : "Play"; const state = this.#simPlaying ? "running" : "paused"; this.#shadow.querySelectorAll(".flow-particle").forEach(p => {