@homepages/template-kit 0.9.0-dev-20260719205406 → 0.9.0

package/dist/fixtures/scenarios/for-rent-condo.js

@@ -1,11 +1,7 @@
-import { mkResponsive } from "../sample-property.js";
-
 //#region src/fixtures/scenarios/for-rent-condo.ts
-const PHOTO_BASE = "https://example.invalid/photos/pearl-street";
 const photos = [
 	{
-		id: "ph_01",
-		url: `${PHOTO_BASE}/01-exterior-front.jpg`,
+		id: "dev_upl_pearl_street_01_exterior_front",
 		alt: "Brick townhome exterior with a street-facing entry stoop.",
 		tags: {
 			room: "exterior-front",
@@ -13,8 +9,7 @@ const photos = [
 		}
 	},
 	{
-		id: "ph_02",
-		url: `${PHOTO_BASE}/02-living.jpg`,
+		id: "dev_upl_pearl_street_02_living",
 		alt: "Living room with tall windows and exposed-beam ceiling.",
 		tags: {
 			room: "living",
@@ -22,8 +17,7 @@ const photos = [
 		}
 	},
 	{
-		id: "ph_03",
-		url: `${PHOTO_BASE}/03-dining.jpg`,
+		id: "dev_upl_pearl_street_03_dining",
 		alt: "Open dining area beside the kitchen island.",
 		tags: {
 			room: "dining",
@@ -31,8 +25,7 @@ const photos = [
 		}
 	},
 	{
-		id: "ph_04",
-		url: `${PHOTO_BASE}/04-kitchen.jpg`,
+		id: "dev_upl_pearl_street_04_kitchen",
 		alt: "Kitchen with stainless appliances and quartz counters.",
 		tags: {
 			room: "kitchen",
@@ -40,8 +33,7 @@ const photos = [
 		}
 	},
 	{
-		id: "ph_05",
-		url: `${PHOTO_BASE}/05-primary-bedroom.jpg`,
+		id: "dev_upl_pearl_street_05_primary_bedroom",
 		alt: "Primary bedroom with a walk-in closet.",
 		tags: {
 			room: "bedroom",
@@ -49,8 +41,7 @@ const photos = [
 		}
 	},
 	{
-		id: "ph_06",
-		url: `${PHOTO_BASE}/06-second-bedroom.jpg`,
+		id: "dev_upl_pearl_street_06_second_bedroom",
 		alt: "Second bedroom used as a home office.",
 		tags: {
 			room: "bedroom",
@@ -58,8 +49,7 @@ const photos = [
 		}
 	},
 	{
-		id: "ph_07",
-		url: `${PHOTO_BASE}/07-primary-bath.jpg`,
+		id: "dev_upl_pearl_street_07_primary_bath",
 		alt: "Primary bath with a glass-enclosed shower.",
 		tags: {
 			room: "bath",
@@ -67,8 +57,7 @@ const photos = [
 		}
 	},
 	{
-		id: "ph_08",
-		url: `${PHOTO_BASE}/08-powder-room.jpg`,
+		id: "dev_upl_pearl_street_08_powder_room",
 		alt: "Powder room off the main hallway.",
 		tags: {
 			room: "bath",
@@ -76,8 +65,7 @@ const photos = [
 		}
 	},
 	{
-		id: "ph_09",
-		url: `${PHOTO_BASE}/09-balcony.jpg`,
+		id: "dev_upl_pearl_street_09_balcony",
 		alt: "Private balcony overlooking a landscaped courtyard.",
 		tags: {
 			room: "balcony",
@@ -85,8 +73,7 @@ const photos = [
 		}
 	},
 	{
-		id: "ph_10",
-		url: `${PHOTO_BASE}/10-rooftop-deck.jpg`,
+		id: "dev_upl_pearl_street_10_rooftop_deck",
 		alt: "Shared rooftop deck with skyline views.",
 		tags: {
 			room: "rooftop",
@@ -94,7 +81,6 @@ const photos = [
 		}
 	}
 ];
-const FP_BASE = "https://example.invalid/floorplans/pearl-street";
 const units = [{
 	unit_id: "unit_04",
 	unit_label: "Unit 4",
@@ -113,19 +99,13 @@ const units = [{
 	],
 	position: 0,
 	floor_plans: [{
-		id: "fp_unit04_main",
-		url: `${FP_BASE}/unit04-main.png`,
-		alt: "Unit 4 floor plan — main floor (living, dining, kitchen).",
+		id: "dev_efp_pearl_street_unit04_main",
 		floor_label: "Main Floor",
-		position: 0,
-		responsive: mkResponsive(`${FP_BASE}/unit04-main.png`, 1024, 1024)
+		position: 0
 	}, {
-		id: "fp_unit04_upper",
-		url: `${FP_BASE}/unit04-upper.png`,
-		alt: "Unit 4 floor plan — upper floor (bedrooms, baths).",
+		id: "dev_efp_pearl_street_unit04_upper",
 		floor_label: "Upper Floor",
-		position: 1,
-		responsive: mkResponsive(`${FP_BASE}/unit04-upper.png`, 1024, 1024)
+		position: 1
 	}]
 }];
 const pois = [
@@ -277,14 +257,14 @@ const contacts = [{
 		display_name: "Ngozi Okafor",
 		title: "Leasing Agent",
 		bio: "Ngozi Okafor leases condos and townhomes across Denver's Speer, Uptown, and Governor's Park neighborhoods, with a focus on responsive turnarounds for one-year leases and relocation clients.",
-		headshot_url: "https://example.invalid/contacts/ngozi-okafor.jpg",
+		headshot_id: "dev_lib_ngozi_okafor",
 		website_url: "https://bluebird-realty-group.example.invalid",
 		email: "ngozi@homepages.io",
 		phone: "(720) 555-0173",
 		address: "845 Pearl Street, Denver, CO 80203",
 		org_name: "Bluebird Realty Group",
-		logo_light: "https://example.invalid/brand/bluebird-logo-light.svg",
-		logo_dark: "https://example.invalid/brand/bluebird-logo-dark.svg",
+		logo_light_id: "dev_lib_bluebird_logo_light",
+		logo_dark_id: "dev_lib_bluebird_logo_dark",
 		socials: [{
 			platform: "instagram",
 			url: "https://instagram.com/ngozileases/"
@@ -299,14 +279,14 @@ const contacts = [{
 		display_name: "Marco Bianchi",
 		title: "Property Manager",
 		bio: "Marco Bianchi manages day-to-day operations and maintenance for the Pearl Street townhome portfolio, coordinating move-ins, repairs, and lease renewals for residents.",
-		headshot_url: "https://example.invalid/contacts/marco-bianchi.jpg",
+		headshot_id: "dev_lib_marco_bianchi",
 		website_url: "https://bluebird-realty-group.example.invalid",
 		email: "marco@homepages.io",
 		phone: "(720) 555-0184",
 		address: "845 Pearl Street, Denver, CO 80203",
 		org_name: "Bluebird Realty Group",
-		logo_light: "https://example.invalid/brand/bluebird-logo-light.svg",
-		logo_dark: "https://example.invalid/brand/bluebird-logo-dark.svg",
+		logo_light_id: "dev_lib_bluebird_logo_light",
+		logo_dark_id: "dev_lib_bluebird_logo_dark",
 		socials: [{
 			platform: "linkedin",
 			url: "https://linkedin.com/in/marco-bianchi-pm/"
@@ -343,10 +323,10 @@ const facts = {
 		phone: c.fields.phone,
 		address: c.fields.address,
 		website_url: c.fields.website_url,
-		avatar_upload_id: `upload_headshot_${c.library_item_id}`,
+		avatar_upload_id: c.fields.headshot_id,
 		org_name: c.fields.org_name,
-		logo_light_upload_id: c.fields.logo_light ? `upload_logo_light_${c.library_item_id}` : null,
-		logo_dark_upload_id: c.fields.logo_dark ? `upload_logo_dark_${c.library_item_id}` : null,
+		logo_light_upload_id: c.fields.logo_light_id,
+		logo_dark_upload_id: c.fields.logo_dark_id,
 		instagram_url: c.fields.socials.find((s) => s.platform === "instagram")?.url ?? null,
 		linkedin_url: c.fields.socials.find((s) => s.platform === "linkedin")?.url ?? null,
 		x_url: c.fields.socials.find((s) => s.platform === "x")?.url ?? null,
@@ -362,7 +342,7 @@ const forRentCondo = {
 	amenities,
 	contacts,
 	media: {
-		video_url: "https://vimeo.com/128373708",
+		video_id: "dev_vid_pearl_street_tour",
 		tour_3d_url: null
 	}
 };

package/dist/fixtures/scenarios/luxury-multi-unit.js

@@ -10,7 +10,7 @@ const luxuryMultiUnit = {
 	amenities: sampleAmenities,
 	contacts: sampleContacts,
 	media: {
-		video_url: "https://vimeo.com/76979871",
+		video_id: "dev_vid_queensway_walkthrough",
 		tour_3d_url: "https://my.matterport.com/show/?m=SxQL3iGyoDo"
 	}
 };

package/dist/fixtures/scenarios/sparse-single-family.js

@@ -1,11 +1,7 @@
-import { mkResponsive } from "../sample-property.js";
-
 //#region src/fixtures/scenarios/sparse-single-family.ts
-const PHOTO_BASE = "https://example.invalid/photos/tuscan-road";
 const photos = [
 	{
-		id: "ph_01",
-		url: `${PHOTO_BASE}/01-exterior-front.jpg`,
+		id: "dev_upl_tuscan_road_01_exterior_front",
 		alt: "Center-hall colonial facade with a covered front porch.",
 		tags: {
 			room: "exterior-front",
@@ -13,8 +9,7 @@ const photos = [
 		}
 	},
 	{
-		id: "ph_02",
-		url: `${PHOTO_BASE}/02-living.jpg`,
+		id: "dev_upl_tuscan_road_02_living",
 		alt: "Living room with a bay window and original hardwood floors.",
 		tags: {
 			room: "living",
@@ -22,8 +17,7 @@ const photos = [
 		}
 	},
 	{
-		id: "ph_03",
-		url: `${PHOTO_BASE}/03-kitchen.jpg`,
+		id: "dev_upl_tuscan_road_03_kitchen",
 		alt: "Updated kitchen with white shaker cabinets and butcher-block counters.",
 		tags: {
 			room: "kitchen",
@@ -31,8 +25,7 @@ const photos = [
 		}
 	},
 	{
-		id: "ph_04",
-		url: `${PHOTO_BASE}/04-bedroom.jpg`,
+		id: "dev_upl_tuscan_road_04_bedroom",
 		alt: "Primary bedroom with double-hung windows and a ceiling fan.",
 		tags: {
 			room: "bedroom",
@@ -40,8 +33,7 @@ const photos = [
 		}
 	},
 	{
-		id: "ph_05",
-		url: `${PHOTO_BASE}/05-backyard.jpg`,
+		id: "dev_upl_tuscan_road_05_backyard",
 		alt: "Fenced backyard with a paver patio and mature shade trees.",
 		tags: {
 			room: "backyard",
@@ -49,7 +41,6 @@ const photos = [
 		}
 	}
 ];
-const floorplanUrl = `https://example.invalid/floorplans/tuscan-road/main-floor.png`;
 const units = [{
 	unit_id: "unit_01",
 	unit_label: null,
@@ -66,12 +57,9 @@ const units = [{
 	],
 	position: 0,
 	floor_plans: [{
-		id: "fp_main",
-		url: floorplanUrl,
-		alt: "Full-house floor plan — first and second floor.",
+		id: "dev_efp_tuscan_road_main_floor",
 		floor_label: null,
-		position: 0,
-		responsive: mkResponsive(floorplanUrl, 1024, 1024)
+		position: 0
 	}]
 }];
 const pois = [
@@ -168,14 +156,14 @@ const contacts = [{
 		display_name: "Priya Chandran",
 		title: "Owner/Broker",
 		bio: "Priya Chandran is a solo independent broker serving Maplewood and the surrounding South Orange Valley towns. She handles every listing personally, from staging through closing, with a focus on single-family colonials and first-time sellers.",
-		headshot_url: "https://example.invalid/contacts/priya-chandran.jpg",
+		headshot_id: "dev_lib_priya_chandran",
 		website_url: "https://priya-chandran-realty.example.invalid",
 		email: "priya@homepages.io",
 		phone: "(973) 555-0148",
 		address: "1620 Springfield Ave, Maplewood, NJ 07040",
 		org_name: "Priya Chandran Realty",
-		logo_light: null,
-		logo_dark: null,
+		logo_light_id: null,
+		logo_dark_id: null,
 		socials: [{
 			platform: "instagram",
 			url: "https://instagram.com/priyachandranrealty/"
@@ -211,10 +199,10 @@ const facts = {
 		phone: c.fields.phone,
 		address: c.fields.address,
 		website_url: c.fields.website_url,
-		avatar_upload_id: `upload_headshot_${c.library_item_id}`,
+		avatar_upload_id: c.fields.headshot_id,
 		org_name: c.fields.org_name,
-		logo_light_upload_id: c.fields.logo_light ? `upload_logo_light_${c.library_item_id}` : null,
-		logo_dark_upload_id: c.fields.logo_dark ? `upload_logo_dark_${c.library_item_id}` : null,
+		logo_light_upload_id: c.fields.logo_light_id,
+		logo_dark_upload_id: c.fields.logo_dark_id,
 		instagram_url: c.fields.socials.find((s) => s.platform === "instagram")?.url ?? null,
 		linkedin_url: c.fields.socials.find((s) => s.platform === "linkedin")?.url ?? null,
 		x_url: c.fields.socials.find((s) => s.platform === "x")?.url ?? null,
@@ -230,7 +218,7 @@ const sparseSingleFamily = {
 	amenities,
 	contacts,
 	media: {
-		video_url: null,
+		video_id: null,
 		tour_3d_url: null
 	}
 };

package/dist/fixtures.d.ts

@@ -1,8 +1,8 @@
-import { AmenityItem, ContactFixture, PhotoFixture, PoiFixture, mkResponsive } from "./fixtures/sample-property.js";
+import { AmenityItem, ContactFixture, PhotoFixture, PoiFixture } from "./fixtures/sample-property.js";
 import { MediaFixture, Scenario, ScenarioKey } from "./fixtures/scenario.js";
 import { forRentCondo } from "./fixtures/scenarios/for-rent-condo.js";
 import { luxuryMultiUnit } from "./fixtures/scenarios/luxury-multi-unit.js";
 import { sparseSingleFamily } from "./fixtures/scenarios/sparse-single-family.js";
 import { scenarios } from "./fixtures/scenarios/index.js";
 import { PropertyMetrics, contactCards, poisByCategory, primaryContact, propertyMetrics } from "./fixtures/helpers.js";
-export { type AmenityItem, type ContactFixture, type MediaFixture, type PhotoFixture, type PoiFixture, type PropertyMetrics, type Scenario, type ScenarioKey, contactCards, forRentCondo, luxuryMultiUnit, mkResponsive, poisByCategory, primaryContact, propertyMetrics, scenarios, sparseSingleFamily };
+export { type AmenityItem, type ContactFixture, type MediaFixture, type PhotoFixture, type PoiFixture, type PropertyMetrics, type Scenario, type ScenarioKey, contactCards, forRentCondo, luxuryMultiUnit, poisByCategory, primaryContact, propertyMetrics, scenarios, sparseSingleFamily };

package/dist/fixtures.js

@@ -1,8 +1,7 @@
-import { mkResponsive } from "./fixtures/sample-property.js";
 import { forRentCondo } from "./fixtures/scenarios/for-rent-condo.js";
 import { luxuryMultiUnit } from "./fixtures/scenarios/luxury-multi-unit.js";
 import { sparseSingleFamily } from "./fixtures/scenarios/sparse-single-family.js";
 import { scenarios } from "./fixtures/scenarios/index.js";
 import { contactCards, poisByCategory, primaryContact, propertyMetrics } from "./fixtures/helpers.js";
 
-export { contactCards, forRentCondo, luxuryMultiUnit, mkResponsive, poisByCategory, primaryContact, propertyMetrics, scenarios, sparseSingleFamily };
+export { contactCards, forRentCondo, luxuryMultiUnit, poisByCategory, primaryContact, propertyMetrics, scenarios, sparseSingleFamily };

package/dist/index.d.ts

@@ -34,8 +34,8 @@ import { TokenNameSchema, TokenTheme, TokenThemeSchema, compileThemeToCss } from
  * Read from package.json and inlined at build time, so it cannot drift: changesets
  * owns package.json's version, and a hardcoded constant here would have to be
  * hand-edited on every release — on a branch changesets force-pushes, which would
- * silently discard the edit. `dist/cli.js --version` is asserted against
- * package.json to prove the inlining actually happened.
+ * silently discard the edit. src/index.test.ts asserts it against package.json to
+ * prove the inlining actually happened.
  */
 declare const KIT_VERSION: string;
 //#endregion

package/dist/index.js

@@ -27,8 +27,8 @@ import { TokenNameSchema, TokenThemeSchema, compileThemeToCss } from "./design-s
 * Read from package.json and inlined at build time, so it cannot drift: changesets
 * owns package.json's version, and a hardcoded constant here would have to be
 * hand-edited on every release — on a branch changesets force-pushes, which would
-* silently discard the edit. `dist/cli.js --version` is asserted against
-* package.json to prove the inlining actually happened.
+* silently discard the edit. src/index.test.ts asserts it against package.json to
+* prove the inlining actually happened.
 */
 const KIT_VERSION = version;
 

package/dist/islands/discover.js

@@ -1,6 +1,6 @@
 import { isClientComponentFile } from "./detect.js";
-import { readdir } from "node:fs/promises";
 import { extname, join } from "node:path";
+import { readdir } from "node:fs/promises";
 
 //#region src/islands/discover.ts
 const COMPONENT_EXTS = /* @__PURE__ */ new Set([".tsx", ".jsx"]);

package/dist/islands/esbuild-plugin.js

@@ -1,7 +1,7 @@
 import { islandKey } from "./detect.js";
 import { wrapClientModuleSource } from "./wrap.js";
-import { readFile } from "node:fs/promises";
 import { basename, extname } from "node:path";
+import { readFile } from "node:fs/promises";
 
 //#region src/islands/esbuild-plugin.ts
 const LOADER = {

package/dist/islands/wrap.d.ts

@@ -1,5 +1,13 @@
 import MagicString from "magic-string";
 //#region src/islands/wrap.d.ts
+/**
+ * The codemod as a `MagicString`, so a caller (the Vite plugin) can emit a
+ * hi-res sourcemap alongside the rewritten code. Returns null on the same terms
+ * as `wrapClientModuleSource` — a non-client module or one with no default
+ * export. The rebound original is `__trIslandReal`; it still flows through the
+ * consumer's JSX/TS transform unchanged.
+ */
+declare function wrapClientModuleMagic(code: string, islandKey: string): MagicString | null;
 /**
  * Rewrite a client module's source so its default export renders through
  * `IslandMarker` with `islandKey`. Returns null when `code` is not a client
@@ -9,4 +17,4 @@ import MagicString from "magic-string";
  */
 declare function wrapClientModuleSource(code: string, islandKey: string): string | null;
 //#endregion
-export { wrapClientModuleSource };
+export { wrapClientModuleMagic, wrapClientModuleSource };