Prototype

2026-06-26 11:23:09 -05:00
commit 2a52e0546e
19 changed files with 1406 additions and 0 deletions
@@ -0,0 +1,125 @@
+const treeRadiusRange = {
+  min: 5,
+  max: 14,
+};
+
+function clamp(value, min, max) {
+  return Math.min(max, Math.max(min, value));
+}
+
+export const featureTypes = {
+  lotBoundary: {
+    label: "Lot Boundary",
+    style: {
+      color: "#7b684d",
+      weight: 2,
+      dashArray: "8 5",
+      fillColor: "#dccaab",
+      fillOpacity: 0.08,
+    },
+  },
+  fence: {
+    label: "Fence",
+    style: {
+      color: "#705033",
+      weight: 4,
+      opacity: 0.95,
+    },
+  },
+  house: {
+    label: "House",
+    style: {
+      color: "#8d5a35",
+      weight: 2,
+      fillColor: "#c98d58",
+      fillOpacity: 0.35,
+    },
+  },
+  garage: {
+    label: "Garage",
+    style: {
+      color: "#60636b",
+      weight: 2,
+      fillColor: "#a4acb9",
+      fillOpacity: 0.45,
+    },
+  },
+  porch: {
+    label: "Porch",
+    style: {
+      color: "#aa7148",
+      weight: 2,
+      fillColor: "#deb588",
+      fillOpacity: 0.38,
+    },
+  },
+  deck: {
+    label: "Deck",
+    style: {
+      color: "#7f5a3c",
+      weight: 2,
+      fillColor: "#b98c66",
+      fillOpacity: 0.32,
+    },
+  },
+  walkway: {
+    label: "Walkway",
+    style: {
+      color: "#b8b3a6",
+      weight: 2,
+      fillColor: "#d6d1c3",
+      fillOpacity: 0.75,
+    },
+  },
+  driveway: {
+    label: "Driveway",
+    style: {
+      color: "#9c9890",
+      weight: 2,
+      fillColor: "#bbb7af",
+      fillOpacity: 0.8,
+    },
+  },
+  flowerBed: {
+    label: "Flower Bed",
+    style: {
+      color: "#7f7f31",
+      weight: 2,
+      fillColor: "#bfc97b",
+      fillOpacity: 0.38,
+    },
+  },
+  tree: {
+    label: "Tree",
+    style: (details) => ({
+      color: "#2f6b3d",
+      weight: 2,
+      radius: clamp(4 + (details.canopyDiameterMeters ?? 2), treeRadiusRange.min, treeRadiusRange.max),
+      fillColor: "#5c9e64",
+      fillOpacity: 0.85,
+    }),
+  },
+  sprinkler: {
+    label: "Sprinkler",
+    style: {
+      color: "#2d7dd2",
+      radius: 5,
+      fillColor: "#88bdf2",
+      fillOpacity: 0.95,
+    },
+  },
+};
+
+export function getFeatureType(kind) {
+  const definition = featureTypes[kind];
+  if (!definition) {
+    throw new Error(`Unknown feature type: ${kind}`);
+  }
+
+  return definition;
+}
+
+export function resolveFeatureStyle(kind, details = {}) {
+  const { style } = getFeatureType(kind);
+  return typeof style === "function" ? style(details) : style;
+}