From 394ad6d4609496de74487dd8701e700d23d0989b Mon Sep 17 00:00:00 2001
From: Kieran Farr <kieran.farr@gmail.com>
Date: Sat, 17 Aug 2024 21:36:01 -0700
Subject: [PATCH 01/10] barely working new layer order

---
 src/assets.js                                 |  8 +--
 .../AddLayerPanel/AddLayerPanel.component.jsx |  4 +-
 .../components/AddLayerPanel/LayersOptions.js | 56 +++++++++----------
 .../components/AddLayerPanel/layersData.js    | 15 ++++-
 4 files changed, 49 insertions(+), 34 deletions(-)

diff --git a/src/assets.js b/src/assets.js
index 37b5c6255..8d7eb5c30 100644
--- a/src/assets.js
+++ b/src/assets.js
@@ -70,14 +70,14 @@ function buildAssetHTML(assetUrl, categories) {
         <a-mixin shadow id="a_char8" gltf-model="#character8walk" animation-mixer></a-mixin>
       `,
     vehicles: `
-        <!-- vehicles -->
-        <a-asset-item id="magic-carpet-glb" src="${assetUrl}sets/magic-carpet/gltf-exports/draco/magic-carpet.glb"></a-asset-item>
-        <a-mixin shadow id="Character_1_M" gltf-part="src: #magic-carpet-glb; part: Character_1_M"></a-mixin>
-        <a-mixin shadow id="magic-carpet" gltf-part="src: #magic-carpet-glb; part: magic-carpet"></a-mixin>
         <!-- micro mobility vehicles -->
         <a-asset-item id="microMobilityDevices" src="${assetUrl}sets/micro-mobility-devices/gltf-exports/draco/micro-mobility-devices_v01.glb"></a-asset-item>
         <a-mixin shadow id="Bicycle_1" gltf-part="src: #microMobilityDevices; part: Bicycle_1"></a-mixin>
         <a-mixin shadow id="ElectricScooter_1" gltf-part="src: #microMobilityDevices; part: ElectricScooter_1"></a-mixin>
+        <!-- fantasy vehicles -->
+        <a-asset-item id="magic-carpet-glb" src="${assetUrl}sets/magic-carpet/gltf-exports/draco/magic-carpet.glb"></a-asset-item>
+        <a-mixin shadow id="Character_1_M" gltf-part="src: #magic-carpet-glb; part: Character_1_M"></a-mixin>
+        <a-mixin shadow id="magic-carpet" gltf-part="src: #magic-carpet-glb; part: magic-carpet"></a-mixin>
       `,
     'vehicles-rigged': `
         <!-- vehicles rigged -->
diff --git a/src/editor/components/components/AddLayerPanel/AddLayerPanel.component.jsx b/src/editor/components/components/AddLayerPanel/AddLayerPanel.component.jsx
index c9cc9702d..9013b9909 100644
--- a/src/editor/components/components/AddLayerPanel/AddLayerPanel.component.jsx
+++ b/src/editor/components/components/AddLayerPanel/AddLayerPanel.component.jsx
@@ -13,7 +13,7 @@ import mixinCatalog from '../../../../catalog.json';
 import posthog from 'posthog-js';
 import Events from '../../../lib/Events';
 import pickPointOnGroundPlane from '../../../lib/pick-point-on-ground-plane';
-import { layersData } from './layersData.js';
+import { layersData, streetLayersData } from './layersData.js';
 import { LayersOptions } from './LayersOptions.js';
 
 // Create an empty image
@@ -293,6 +293,8 @@ const AddLayerPanel = ({ onClose, isAddLayerPanelOpen }) => {
   const selectedCards = useMemo(() => {
     if (selectedOption === 'Pro Layers') {
       return layersData;
+    } else if (selectedOption === 'Street Layers') {
+      return streetLayersData;
     } else {
       return getSelectedMixinCards(groupedMixins, selectedOption);
     }
diff --git a/src/editor/components/components/AddLayerPanel/LayersOptions.js b/src/editor/components/components/AddLayerPanel/LayersOptions.js
index 42e0f465a..630b2b4b3 100644
--- a/src/editor/components/components/AddLayerPanel/LayersOptions.js
+++ b/src/editor/components/components/AddLayerPanel/LayersOptions.js
@@ -1,50 +1,50 @@
 const LayersOptions = [
   {
-    value: 'Models: Personal Vehicles',
-    label: 'Models: Personal Vehicles',
-    mixinGroups: ['vehicles', 'vehicles-rigged'],
-    onClick: () => console.log('Models: Personal Vehicles')
+    value: 'Street Layers',
+    label: 'Street Layers',
+    onClick: () => {}
   },
   {
-    value: 'Pro Layers',
-    label: 'Pro Layers',
-    onClick: () => console.log('Layers: Streets & Intersections')
+    value: 'Dividers & Traffic Control',
+    label: 'Dividers & Traffic Control',
+    mixinGroups: ['dividers'],
+    onClick: () => {}
   },
   {
-    value: 'Models: Transit Vehicles',
-    label: 'Models: Transit Vehicles',
-    mixinGroups: ['vehicles-transit'],
-    onClick: () => console.log('Models: Transit Vehicles')
+    value: 'Motor Vehicles',
+    label: 'Motor Vehicles',
+    mixinGroups: ['vehicles-rigged', 'vehicles-transit'],
+    onClick: () => {}
   },
   {
-    value: 'Models: Utility Vehicles',
-    label: 'Models: Utility Vehicles',
-    mixinGroups: ['vehicles-rigged'],
-    onClick: () => console.log('Models: Utility Vehicles')
+    value: 'People Power Vehicles',
+    label: 'People Power Vehicles',
+    mixinGroups: ['vehicles', 'cyclists'],
+    onClick: () => {}
   },
   {
-    value: 'Models: Characters',
-    label: 'Models: Characters',
-    mixinGroups: ['people', 'people-rigged'],
-    onClick: () => console.log('Models: Characters')
+    value: 'Pro Layers',
+    label: 'Pro Layers',
+    onClick: () => {}
   },
   {
-    value: 'Models: Street Props',
-    label: 'Models: Street Props',
-    mixinGroups: ['sidewalk-props', 'intersection-props'],
-    onClick: () => console.log('Models: Street Props')
+    value: 'Characters',
+    label: 'Characters',
+    mixinGroups: ['people'],
+    onClick: () => {}
   },
   {
-    value: 'Models: Dividers & Traffic Control',
-    label: 'Models: Dividers & Traffic Control',
-    mixinGroups: ['dividers'],
-    onClick: () => console.log('Models: dividers')
+    value: 'Sidewalk Props',
+    label: 'Sidewalk Props',
+    mixinGroups: ['sidewalk-props', 'intersection-props'],
+    onClick: () => {}
   },
+
   {
     value: 'Models: Buildings',
     label: 'Models: Buildings',
     mixinGroups: ['buildings'],
-    onClick: () => console.log('Models: Buildings')
+    onClick: () => {}
   }
 ];
 
diff --git a/src/editor/components/components/AddLayerPanel/layersData.js b/src/editor/components/components/AddLayerPanel/layersData.js
index 6605c8953..cacf08b24 100644
--- a/src/editor/components/components/AddLayerPanel/layersData.js
+++ b/src/editor/components/components/AddLayerPanel/layersData.js
@@ -8,6 +8,19 @@ import {
   createIntersection
 } from './createLayerFunctions';
 
+const streetLayersData = [
+  {
+    name: 'Street from Streetmix URL',
+    img: 'ui_assets/cards/streetmix.jpg',
+    icon: 'ui_assets/cards/icons/streetmix24.png',
+    requiresPro: false,
+    description:
+      'Create an additional Streetmix street in your 3DStreet scene without replacing any existing streets.',
+    id: 1,
+    handlerFunction: createStreetmixStreet
+  }
+];
+
 // data for PRO layers cards
 const layersData = [
   {
@@ -82,4 +95,4 @@ const layersData = [
   }
 ];
 
-export { layersData };
+export { layersData, streetLayersData };

From b7bab24a0219828bf49b8782eba46dfe5d6f67d4 Mon Sep 17 00:00:00 2001
From: Kieran Farr <kieran.farr@gmail.com>
Date: Sat, 17 Aug 2024 21:43:45 -0700
Subject: [PATCH 02/10] add some emojis for each group

---
 .../components/AddLayerPanel/LayersOptions.js  | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/editor/components/components/AddLayerPanel/LayersOptions.js b/src/editor/components/components/AddLayerPanel/LayersOptions.js
index 630b2b4b3..092035a00 100644
--- a/src/editor/components/components/AddLayerPanel/LayersOptions.js
+++ b/src/editor/components/components/AddLayerPanel/LayersOptions.js
@@ -1,48 +1,48 @@
 const LayersOptions = [
   {
     value: 'Street Layers',
-    label: 'Street Layers',
+    label: 'ꈨ Street Layers',
     onClick: () => {}
   },
   {
     value: 'Dividers & Traffic Control',
-    label: 'Dividers & Traffic Control',
+    label: '🚧 Dividers & Traffic Control',
     mixinGroups: ['dividers'],
     onClick: () => {}
   },
   {
     value: 'Motor Vehicles',
-    label: 'Motor Vehicles',
+    label: '🚗 Motor Vehicles',
     mixinGroups: ['vehicles-rigged', 'vehicles-transit'],
     onClick: () => {}
   },
   {
     value: 'People Power Vehicles',
-    label: 'People Power Vehicles',
+    label: '🚲 People Power Vehicles',
     mixinGroups: ['vehicles', 'cyclists'],
     onClick: () => {}
   },
   {
     value: 'Pro Layers',
-    label: 'Pro Layers',
+    label: '🌏 Pro Layers',
     onClick: () => {}
   },
   {
     value: 'Characters',
-    label: 'Characters',
+    label: '🚶 Characters',
     mixinGroups: ['people'],
     onClick: () => {}
   },
   {
     value: 'Sidewalk Props',
-    label: 'Sidewalk Props',
+    label: '🌳 Sidewalk Props',
     mixinGroups: ['sidewalk-props', 'intersection-props'],
     onClick: () => {}
   },
 
   {
-    value: 'Models: Buildings',
-    label: 'Models: Buildings',
+    value: 'Buildings',
+    label: '🏠 Buildings',
     mixinGroups: ['buildings'],
     onClick: () => {}
   }

From 50f123323bcdf12086f7a195b59b26e6addbe092 Mon Sep 17 00:00:00 2001
From: Kieran Farr <kieran.farr@gmail.com>
Date: Sat, 17 Aug 2024 22:37:38 -0700
Subject: [PATCH 03/10] add more example streets

---
 .../AddLayerPanel/createLayerFunctions.js     | 50 ++++++++++++++++---
 .../components/AddLayerPanel/layersData.js    | 48 +++++++++++++++++-
 2 files changed, 90 insertions(+), 8 deletions(-)

diff --git a/src/editor/components/components/AddLayerPanel/createLayerFunctions.js b/src/editor/components/components/AddLayerPanel/createLayerFunctions.js
index cda2612df..df086dc0a 100644
--- a/src/editor/components/components/AddLayerPanel/createLayerFunctions.js
+++ b/src/editor/components/components/AddLayerPanel/createLayerFunctions.js
@@ -55,13 +55,15 @@ function createMapbox() {
   Events.emit('entitycreated', geoLayer);
 }
 
-function createStreetmixStreet(position) {
+function createStreetmixStreet(position, streetmixURL) {
   // This code snippet allows the creation of an additional Streetmix street
   // in your 3DStreet scene without replacing any existing streets.
-  const streetmixURL = prompt(
-    'Please enter a Streetmix URL',
-    'https://streetmix.net/kfarr/3/3dstreet-demo-street'
-  );
+  if (streetmixURL === undefined) {
+    streetmixURL = prompt(
+      'Please enter a Streetmix URL',
+      'https://streetmix.net/kfarr/3/3dstreet-demo-street'
+    );
+  }
   if (streetmixURL && streetmixURL !== '') {
     const newEl = document.createElement('a-entity');
     newEl.setAttribute('id', streetmixURL);
@@ -83,6 +85,37 @@ function createStreetmixStreet(position) {
   }
 }
 
+function create40ftRightOfWay(position) {
+  createStreetmixStreet(
+    position,
+    'https://streetmix.net/3dstreetapp/1/40ft-right-of-way-24ft-road-width'
+  );
+}
+function create60ftRightOfWay(position) {
+  createStreetmixStreet(
+    position,
+    'https://streetmix.net/3dstreetapp/2/60ft-right-of-way-36ft-road-width'
+  );
+}
+function create80ftRightOfWay(position) {
+  createStreetmixStreet(
+    position,
+    'https://streetmix.net/3dstreetapp/3/80ft-right-of-way-56ft-road-width'
+  );
+}
+function create94ftRightOfWay(position) {
+  createStreetmixStreet(
+    position,
+    'https://streetmix.net/3dstreetapp/4/94ft-right-of-way-70ft-road-width'
+  );
+}
+function create150ftRightOfWay(position) {
+  createStreetmixStreet(
+    position,
+    'https://streetmix.net/3dstreetapp/5/150ft-right-of-way-124ft-road-width'
+  );
+}
+
 function create3DTiles() {
   // This code snippet adds an entity to load and display 3d tiles from
   // Google Maps Tiles API 3D Tiles endpoint. This will break your scene
@@ -225,5 +258,10 @@ export {
   createCustomModel,
   createPrimitiveGeometry,
   createIntersection,
-  createSplatObject
+  createSplatObject,
+  create40ftRightOfWay,
+  create60ftRightOfWay,
+  create80ftRightOfWay,
+  create94ftRightOfWay,
+  create150ftRightOfWay
 };
diff --git a/src/editor/components/components/AddLayerPanel/layersData.js b/src/editor/components/components/AddLayerPanel/layersData.js
index cacf08b24..382cd9ca8 100644
--- a/src/editor/components/components/AddLayerPanel/layersData.js
+++ b/src/editor/components/components/AddLayerPanel/layersData.js
@@ -5,7 +5,12 @@ import {
   create3DTiles,
   createCustomModel,
   createPrimitiveGeometry,
-  createIntersection
+  createIntersection,
+  create40ftRightOfWay,
+  create60ftRightOfWay,
+  create80ftRightOfWay,
+  create94ftRightOfWay,
+  create150ftRightOfWay
 } from './createLayerFunctions';
 
 const streetLayersData = [
@@ -13,11 +18,50 @@ const streetLayersData = [
     name: 'Street from Streetmix URL',
     img: 'ui_assets/cards/streetmix.jpg',
     icon: 'ui_assets/cards/icons/streetmix24.png',
-    requiresPro: false,
     description:
       'Create an additional Streetmix street in your 3DStreet scene without replacing any existing streets.',
     id: 1,
     handlerFunction: createStreetmixStreet
+  },
+  {
+    name: '40ft RoW / 24ft Roadway Width',
+    img: 'ui_assets/cards/streetmix.jpg',
+    icon: 'ui_assets/cards/icons/streetmix24.png',
+    description: 'Premade Street 40ft Right of Way / 24ft Roadway Width',
+    id: 2,
+    handlerFunction: create40ftRightOfWay
+  },
+  {
+    name: '60ft RoW / 36ft Roadway Width',
+    img: 'ui_assets/cards/streetmix.jpg',
+    icon: 'ui_assets/cards/icons/streetmix24.png',
+    description: 'Premade Street 60ft Right of Way / 36ft Roadway Width',
+    id: 3,
+    handlerFunction: create60ftRightOfWay
+  },
+  {
+    name: '80ft RoW / 56ft Roadway Width',
+    img: 'ui_assets/cards/streetmix.jpg',
+    icon: 'ui_assets/cards/icons/streetmix24.png',
+    description: 'Premade Street 80ft Right of Way / 56ft Roadway Width',
+    id: 4,
+    handlerFunction: create80ftRightOfWay
+  },
+  {
+    name: '94ft RoW / 70ft Roadway Width',
+    img: 'ui_assets/cards/streetmix.jpg',
+    icon: 'ui_assets/cards/icons/streetmix24.png',
+    description: 'Premade Street 94ft Right of Way / 70ft Roadway Width',
+    id: 5,
+    handlerFunction: create94ftRightOfWay
+  },
+  {
+    name: '150ft RoW / 124ft Roadway Width',
+    img: 'ui_assets/cards/streetmix.jpg',
+    icon: 'ui_assets/cards/icons/streetmix24.png',
+    description: 'Premade Street 150ft Right of Way / 124ft Roadway Width',
+    id: 6,
+    handlerFunction: create150ftRightOfWay
   }
 ];
 

From 50b1b121f4020d369989f46a4a8c54b04fe3b069 Mon Sep 17 00:00:00 2001
From: Vincent Fretin <vincent.fretin@gmail.com>
Date: Sun, 18 Aug 2024 10:19:32 +0200
Subject: [PATCH 04/10] use selectedCards instead of layersData to get the card
 by id

---
 .../components/AddLayerPanel/AddLayerPanel.component.jsx        | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/editor/components/components/AddLayerPanel/AddLayerPanel.component.jsx b/src/editor/components/components/AddLayerPanel/AddLayerPanel.component.jsx
index 9013b9909..6f2796f7d 100644
--- a/src/editor/components/components/AddLayerPanel/AddLayerPanel.component.jsx
+++ b/src/editor/components/components/AddLayerPanel/AddLayerPanel.component.jsx
@@ -393,7 +393,7 @@ const AddLayerPanel = ({ onClose, isAddLayerPanelOpen }) => {
       if (transferredData.mixinId) {
         createEntityOnPosition(transferredData.mixinId, position);
       } else if (transferredData.layerCardId) {
-        layersData
+        selectedCards
           .find((card) => card.id === transferredData.layerCardId)
           ?.handlerFunction(position);
       }

From 6f43c9dc72bacb6edfd8bf81f4fb774344b8eff2 Mon Sep 17 00:00:00 2001
From: Vincent Fretin <vincent.fretin@gmail.com>
Date: Sun, 18 Aug 2024 10:23:44 +0200
Subject: [PATCH 05/10] use named export

---
 .../AddLayerPanel/createLayerFunctions.js     | 42 ++++++-------------
 .../components/AddLayerPanel/layersData.js    |  6 +--
 2 files changed, 15 insertions(+), 33 deletions(-)

diff --git a/src/editor/components/components/AddLayerPanel/createLayerFunctions.js b/src/editor/components/components/AddLayerPanel/createLayerFunctions.js
index df086dc0a..b2a66429e 100644
--- a/src/editor/components/components/AddLayerPanel/createLayerFunctions.js
+++ b/src/editor/components/components/AddLayerPanel/createLayerFunctions.js
@@ -1,7 +1,7 @@
 import Events from '../../../lib/Events';
 import { loadScript, roundCoord } from '../../../../../src/utils.js';
 
-function createSvgExtrudedEntity() {
+export function createSvgExtrudedEntity() {
   // This component accepts a svgString and creates a new entity with geometry extruded
   // from the svg and applies the default mixin material grass.
   const svgString = prompt(
@@ -31,7 +31,7 @@ function createSvgExtrudedEntity() {
   }
 }
 
-function createMapbox() {
+export function createMapbox() {
   // This component accepts a long / lat and renders a plane with dimensions that
   // (should be) at a correct scale.
   const geoLayer = document.getElementById('reference-layers');
@@ -55,7 +55,7 @@ function createMapbox() {
   Events.emit('entitycreated', geoLayer);
 }
 
-function createStreetmixStreet(position, streetmixURL) {
+export function createStreetmixStreet(position, streetmixURL) {
   // This code snippet allows the creation of an additional Streetmix street
   // in your 3DStreet scene without replacing any existing streets.
   if (streetmixURL === undefined) {
@@ -85,38 +85,38 @@ function createStreetmixStreet(position, streetmixURL) {
   }
 }
 
-function create40ftRightOfWay(position) {
+export function create40ftRightOfWay(position) {
   createStreetmixStreet(
     position,
     'https://streetmix.net/3dstreetapp/1/40ft-right-of-way-24ft-road-width'
   );
 }
-function create60ftRightOfWay(position) {
+export function create60ftRightOfWay(position) {
   createStreetmixStreet(
     position,
     'https://streetmix.net/3dstreetapp/2/60ft-right-of-way-36ft-road-width'
   );
 }
-function create80ftRightOfWay(position) {
+export function create80ftRightOfWay(position) {
   createStreetmixStreet(
     position,
     'https://streetmix.net/3dstreetapp/3/80ft-right-of-way-56ft-road-width'
   );
 }
-function create94ftRightOfWay(position) {
+export function create94ftRightOfWay(position) {
   createStreetmixStreet(
     position,
     'https://streetmix.net/3dstreetapp/4/94ft-right-of-way-70ft-road-width'
   );
 }
-function create150ftRightOfWay(position) {
+export function create150ftRightOfWay(position) {
   createStreetmixStreet(
     position,
     'https://streetmix.net/3dstreetapp/5/150ft-right-of-way-124ft-road-width'
   );
 }
 
-function create3DTiles() {
+export function create3DTiles() {
   // This code snippet adds an entity to load and display 3d tiles from
   // Google Maps Tiles API 3D Tiles endpoint. This will break your scene
   // and you cannot save it yet, so beware before testing.
@@ -159,7 +159,7 @@ function create3DTiles() {
   }
 }
 
-function createCustomModel() {
+export function createCustomModel() {
   // accepts a path for a glTF (or glb) file hosted on any publicly accessible HTTP server.
   // Then create entity with model from that path by using gltf-model component
   const modelUrl = prompt(
@@ -184,7 +184,7 @@ function createCustomModel() {
   }
 }
 
-function createPrimitiveGeometry() {
+export function createPrimitiveGeometry() {
   const newEl = document.createElement('a-entity');
   newEl.setAttribute('geometry', 'primitive: circle; radius: 50;');
   newEl.setAttribute('rotation', '-90 -90 0');
@@ -205,7 +205,7 @@ function createPrimitiveGeometry() {
   parentEl.appendChild(newEl);
 }
 
-function createIntersection() {
+export function createIntersection() {
   const newEl = document.createElement('a-entity');
   newEl.setAttribute('intersection', '');
   newEl.setAttribute('data-layer-name', 'Street • Intersection 90º');
@@ -222,7 +222,7 @@ function createIntersection() {
   parentEl.appendChild(newEl);
 }
 
-function createSplatObject() {
+export function createSplatObject() {
   // accepts a path for a .splat file hosted on any publicly accessible HTTP server.
   // Then create entity with model from that path by using gaussian_splatting component
   const modelUrl = prompt(
@@ -249,19 +249,3 @@ function createSplatObject() {
     parentEl.appendChild(newEl);
   }
 }
-
-export {
-  createSvgExtrudedEntity,
-  createMapbox,
-  createStreetmixStreet,
-  create3DTiles,
-  createCustomModel,
-  createPrimitiveGeometry,
-  createIntersection,
-  createSplatObject,
-  create40ftRightOfWay,
-  create60ftRightOfWay,
-  create80ftRightOfWay,
-  create94ftRightOfWay,
-  create150ftRightOfWay
-};
diff --git a/src/editor/components/components/AddLayerPanel/layersData.js b/src/editor/components/components/AddLayerPanel/layersData.js
index 382cd9ca8..5a02aded6 100644
--- a/src/editor/components/components/AddLayerPanel/layersData.js
+++ b/src/editor/components/components/AddLayerPanel/layersData.js
@@ -13,7 +13,7 @@ import {
   create150ftRightOfWay
 } from './createLayerFunctions';
 
-const streetLayersData = [
+export const streetLayersData = [
   {
     name: 'Street from Streetmix URL',
     img: 'ui_assets/cards/streetmix.jpg',
@@ -66,7 +66,7 @@ const streetLayersData = [
 ];
 
 // data for PRO layers cards
-const layersData = [
+export const layersData = [
   {
     name: 'Mapbox 2D Aerial',
     img: 'ui_assets/cards/mapbox2d.jpg',
@@ -138,5 +138,3 @@ const layersData = [
     handlerFunction: createIntersection
   }
 ];
-
-export { layersData, streetLayersData };

From fad06654b08cc968598e10b1770667120c3f2cc1 Mon Sep 17 00:00:00 2001
From: Kieran Farr <kieran.farr@gmail.com>
Date: Mon, 19 Aug 2024 12:28:22 -0700
Subject: [PATCH 06/10] fix street layer symbol

---
 src/editor/components/components/AddLayerPanel/LayersOptions.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/editor/components/components/AddLayerPanel/LayersOptions.js b/src/editor/components/components/AddLayerPanel/LayersOptions.js
index 092035a00..f42f6d9d8 100644
--- a/src/editor/components/components/AddLayerPanel/LayersOptions.js
+++ b/src/editor/components/components/AddLayerPanel/LayersOptions.js
@@ -1,7 +1,7 @@
 const LayersOptions = [
   {
     value: 'Street Layers',
-    label: 'ꈨ Street Layers',
+    label: '🛣️ Street Layers',
     onClick: () => {}
   },
   {

From b424f41fc7681ea936b703dfad2da08062d641f7 Mon Sep 17 00:00:00 2001
From: Kieran Farr <kieran.farr@gmail.com>
Date: Tue, 20 Aug 2024 22:23:09 -0700
Subject: [PATCH 07/10] hide buildings for new street layers

---
 .../AddLayerPanel/createLayerFunctions.js     | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/editor/components/components/AddLayerPanel/createLayerFunctions.js b/src/editor/components/components/AddLayerPanel/createLayerFunctions.js
index b2a66429e..4c50c3313 100644
--- a/src/editor/components/components/AddLayerPanel/createLayerFunctions.js
+++ b/src/editor/components/components/AddLayerPanel/createLayerFunctions.js
@@ -55,7 +55,7 @@ export function createMapbox() {
   Events.emit('entitycreated', geoLayer);
 }
 
-export function createStreetmixStreet(position, streetmixURL) {
+export function createStreetmixStreet(position, streetmixURL, hideBuildings) {
   // This code snippet allows the creation of an additional Streetmix street
   // in your 3DStreet scene without replacing any existing streets.
   if (streetmixURL === undefined) {
@@ -76,7 +76,7 @@ export function createStreetmixStreet(position, streetmixURL) {
 
     newEl.setAttribute(
       'streetmix-loader',
-      `streetmixStreetURL: ${streetmixURL}`
+      `streetmixStreetURL: ${streetmixURL}; showBuildings: ${!hideBuildings}`
     );
     const parentEl = document.querySelector('#street-container');
     parentEl.appendChild(newEl);
@@ -88,31 +88,36 @@ export function createStreetmixStreet(position, streetmixURL) {
 export function create40ftRightOfWay(position) {
   createStreetmixStreet(
     position,
-    'https://streetmix.net/3dstreetapp/1/40ft-right-of-way-24ft-road-width'
+    'https://streetmix.net/3dstreetapp/1/40ft-right-of-way-24ft-road-width',
+    true
   );
 }
 export function create60ftRightOfWay(position) {
   createStreetmixStreet(
     position,
-    'https://streetmix.net/3dstreetapp/2/60ft-right-of-way-36ft-road-width'
+    'https://streetmix.net/3dstreetapp/2/60ft-right-of-way-36ft-road-width',
+    true
   );
 }
 export function create80ftRightOfWay(position) {
   createStreetmixStreet(
     position,
-    'https://streetmix.net/3dstreetapp/3/80ft-right-of-way-56ft-road-width'
+    'https://streetmix.net/3dstreetapp/3/80ft-right-of-way-56ft-road-width',
+    true
   );
 }
 export function create94ftRightOfWay(position) {
   createStreetmixStreet(
     position,
-    'https://streetmix.net/3dstreetapp/4/94ft-right-of-way-70ft-road-width'
+    'https://streetmix.net/3dstreetapp/4/94ft-right-of-way-70ft-road-width',
+    true
   );
 }
 export function create150ftRightOfWay(position) {
   createStreetmixStreet(
     position,
-    'https://streetmix.net/3dstreetapp/5/150ft-right-of-way-124ft-road-width'
+    'https://streetmix.net/3dstreetapp/5/150ft-right-of-way-124ft-road-width',
+    true
   );
 }
 

From c184e1835601858def23eecf1e13d729a0f0b28a Mon Sep 17 00:00:00 2001
From: Kieran Farr <kieran.farr@gmail.com>
Date: Tue, 20 Aug 2024 23:19:19 -0700
Subject: [PATCH 08/10] add card images

---
 .../components/AddLayerPanel/layersData.js       |  10 +++++-----
 ui_assets/cards/street-preset-150-124.jpg        | Bin 0 -> 6863 bytes
 ui_assets/cards/street-preset-40-24.jpg          | Bin 0 -> 3795 bytes
 ui_assets/cards/street-preset-60-36.jpg          | Bin 0 -> 5107 bytes
 ui_assets/cards/street-preset-80-56.jpg          | Bin 0 -> 6079 bytes
 ui_assets/cards/street-preset-94-70.jpg          | Bin 0 -> 6335 bytes
 6 files changed, 5 insertions(+), 5 deletions(-)
 create mode 100644 ui_assets/cards/street-preset-150-124.jpg
 create mode 100644 ui_assets/cards/street-preset-40-24.jpg
 create mode 100644 ui_assets/cards/street-preset-60-36.jpg
 create mode 100644 ui_assets/cards/street-preset-80-56.jpg
 create mode 100644 ui_assets/cards/street-preset-94-70.jpg

diff --git a/src/editor/components/components/AddLayerPanel/layersData.js b/src/editor/components/components/AddLayerPanel/layersData.js
index 5a02aded6..762d8221e 100644
--- a/src/editor/components/components/AddLayerPanel/layersData.js
+++ b/src/editor/components/components/AddLayerPanel/layersData.js
@@ -25,7 +25,7 @@ export const streetLayersData = [
   },
   {
     name: '40ft RoW / 24ft Roadway Width',
-    img: 'ui_assets/cards/streetmix.jpg',
+    img: 'ui_assets/cards/street-preset-40-24.jpg',
     icon: 'ui_assets/cards/icons/streetmix24.png',
     description: 'Premade Street 40ft Right of Way / 24ft Roadway Width',
     id: 2,
@@ -33,7 +33,7 @@ export const streetLayersData = [
   },
   {
     name: '60ft RoW / 36ft Roadway Width',
-    img: 'ui_assets/cards/streetmix.jpg',
+    img: 'ui_assets/cards/street-preset-60-36.jpg',
     icon: 'ui_assets/cards/icons/streetmix24.png',
     description: 'Premade Street 60ft Right of Way / 36ft Roadway Width',
     id: 3,
@@ -41,7 +41,7 @@ export const streetLayersData = [
   },
   {
     name: '80ft RoW / 56ft Roadway Width',
-    img: 'ui_assets/cards/streetmix.jpg',
+    img: 'ui_assets/cards/street-preset-80-56.jpg',
     icon: 'ui_assets/cards/icons/streetmix24.png',
     description: 'Premade Street 80ft Right of Way / 56ft Roadway Width',
     id: 4,
@@ -49,7 +49,7 @@ export const streetLayersData = [
   },
   {
     name: '94ft RoW / 70ft Roadway Width',
-    img: 'ui_assets/cards/streetmix.jpg',
+    img: 'ui_assets/cards/street-preset-94-70.jpg',
     icon: 'ui_assets/cards/icons/streetmix24.png',
     description: 'Premade Street 94ft Right of Way / 70ft Roadway Width',
     id: 5,
@@ -57,7 +57,7 @@ export const streetLayersData = [
   },
   {
     name: '150ft RoW / 124ft Roadway Width',
-    img: 'ui_assets/cards/streetmix.jpg',
+    img: 'ui_assets/cards/street-preset-150-124.jpg',
     icon: 'ui_assets/cards/icons/streetmix24.png',
     description: 'Premade Street 150ft Right of Way / 124ft Roadway Width',
     id: 6,
diff --git a/ui_assets/cards/street-preset-150-124.jpg b/ui_assets/cards/street-preset-150-124.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..d138a4f966660feeae2aa5edbe9ed51f180fbf35
GIT binary patch
literal 6863
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

literal 0
HcmV?d00001

diff --git a/ui_assets/cards/street-preset-40-24.jpg b/ui_assets/cards/street-preset-40-24.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..116dd95b8a4fe2adf8bb585b66855f2c5b68a40b
GIT binary patch
literal 3795
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

literal 0
HcmV?d00001

diff --git a/ui_assets/cards/street-preset-60-36.jpg b/ui_assets/cards/street-preset-60-36.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..1c1d66d4fcc084acf99cf02a0fa63906b733c44a
GIT binary patch
literal 5107
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
G>Hh$7IA`bp

literal 0
HcmV?d00001

diff --git a/ui_assets/cards/street-preset-80-56.jpg b/ui_assets/cards/street-preset-80-56.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..9fc4188d0f95e6ef959b6c184529f62f2f3ca627
GIT binary patch
literal 6079
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
bksxF-QJW7>B7mZFbW0-{NqfCZ=QIBUi|=qx

literal 0
HcmV?d00001

diff --git a/ui_assets/cards/street-preset-94-70.jpg b/ui_assets/cards/street-preset-94-70.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..8742311113d008c61e9c63d603d937ce9e221b03
GIT binary patch
literal 6335
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
Cn7wuY

literal 0
HcmV?d00001


From be2fc86b0e18907a64c047dc6c113eadd87238a2 Mon Sep 17 00:00:00 2001
From: Kieran Farr <kieran.farr@gmail.com>
Date: Wed, 21 Aug 2024 14:35:57 -0700
Subject: [PATCH 09/10] dividers as default new entity group

---
 .../components/AddLayerPanel/LayersOptions.js    | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/editor/components/components/AddLayerPanel/LayersOptions.js b/src/editor/components/components/AddLayerPanel/LayersOptions.js
index f42f6d9d8..438a563d3 100644
--- a/src/editor/components/components/AddLayerPanel/LayersOptions.js
+++ b/src/editor/components/components/AddLayerPanel/LayersOptions.js
@@ -1,13 +1,18 @@
 const LayersOptions = [
+  {
+    value: 'Dividers & Traffic Control',
+    label: '🚧 Dividers & Traffic Control',
+    mixinGroups: ['dividers'],
+    onClick: () => {}
+  },
   {
     value: 'Street Layers',
     label: '🛣️ Street Layers',
     onClick: () => {}
   },
   {
-    value: 'Dividers & Traffic Control',
-    label: '🚧 Dividers & Traffic Control',
-    mixinGroups: ['dividers'],
+    value: 'Pro Layers',
+    label: '🌏 Pro Layers',
     onClick: () => {}
   },
   {
@@ -22,11 +27,6 @@ const LayersOptions = [
     mixinGroups: ['vehicles', 'cyclists'],
     onClick: () => {}
   },
-  {
-    value: 'Pro Layers',
-    label: '🌏 Pro Layers',
-    onClick: () => {}
-  },
   {
     value: 'Characters',
     label: '🚶 Characters',

From 2de0deae365e59dd678d8eff1bb448ab2a065364 Mon Sep 17 00:00:00 2001
From: Kieran Farr <kieran.farr@gmail.com>
Date: Wed, 21 Aug 2024 14:36:12 -0700
Subject: [PATCH 10/10] remove streetmix from pro new entity layer group

---
 .../components/AddLayerPanel/layersData.js    | 26 ++++++-------------
 1 file changed, 8 insertions(+), 18 deletions(-)

diff --git a/src/editor/components/components/AddLayerPanel/layersData.js b/src/editor/components/components/AddLayerPanel/layersData.js
index 762d8221e..7055e6557 100644
--- a/src/editor/components/components/AddLayerPanel/layersData.js
+++ b/src/editor/components/components/AddLayerPanel/layersData.js
@@ -78,14 +78,14 @@ export const layersData = [
     handlerFunction: createMapbox
   },
   {
-    name: 'Street from Streetmix URL',
-    img: 'ui_assets/cards/streetmix.jpg',
-    icon: 'ui_assets/cards/icons/streetmix24.png',
+    name: 'Google Maps 3D Tiles',
+    img: 'ui_assets/cards/google3d.jpg',
+    icon: 'ui_assets/cards/icons/google24.png',
     requiresPro: true,
     description:
-      'Create an additional Streetmix street in your 3DStreet scene without replacing any existing streets.',
+      'Adds an entity to load and display 3d tiles from Google Maps Tiles API 3D Tiles endpoint. This will break your scene and you cannot save it yet, so beware before testing.',
     id: 2,
-    handlerFunction: createStreetmixStreet
+    handlerFunction: create3DTiles
   },
   {
     name: 'Entity from extruded SVG',
@@ -97,16 +97,6 @@ export const layersData = [
     id: 3,
     handlerFunction: createSvgExtrudedEntity
   },
-  {
-    name: 'Google Maps 3D Tiles',
-    img: 'ui_assets/cards/google3d.jpg',
-    icon: 'ui_assets/cards/icons/google24.png',
-    requiresPro: true,
-    description:
-      'Adds an entity to load and display 3d tiles from Google Maps Tiles API 3D Tiles endpoint. This will break your scene and you cannot save it yet, so beware before testing.',
-    id: 4,
-    handlerFunction: create3DTiles
-  },
   {
     name: 'glTF model from URL',
     img: '',
@@ -114,7 +104,7 @@ export const layersData = [
     icon: '',
     description:
       'Create entity with model from path for a glTF (or Glb) file hosted on any publicly accessible HTTP server.',
-    id: 5,
+    id: 4,
     handlerFunction: createCustomModel
   },
   {
@@ -124,7 +114,7 @@ export const layersData = [
     icon: '',
     description:
       'Create entity with A-Frame primitive geometry. Geometry type could be changed in properties panel.',
-    id: 6,
+    id: 5,
     handlerFunction: createPrimitiveGeometry
   },
   {
@@ -134,7 +124,7 @@ export const layersData = [
     icon: '',
     description:
       'Create intersection entity. Parameters of intersection component could be changed in properties panel.',
-    id: 7,
+    id: 6,
     handlerFunction: createIntersection
   }
 ];