refactor: migrate example files to sandbox structure and update imports

Author: graffkevin

.github/workflows/release.yml

@@ -24,8 +24,16 @@ jobs:
         with:
           bun-version: latest
 
+      - name: ♻️ Cache Bun dependencies
+        uses: actions/cache@v4
+        with:
+          path: ~/.bun
+          key: ${{ runner.os }}-bun-${{ hashFiles('bun.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-bun-
+
       - name: 📦 Install dependencies
-        run: bun install
+        run: bun install --frozen-lockfile
 
       - name: 🧑 Configure Git user
         run: |

biome.json

@@ -1,6 +1,6 @@
 {
   "extends": ["@tracktor/biome-config-react"],
   "files": {
-    "includes": ["src/**", "!example/dist"]
+    "includes": ["src/**", "sandbox/**", "vite.config.sandbox.ts", "vite.config.ts", "!dist-sandbox", "!sandbox/dist", "!dist"]
   }
 }

package.json

@@ -16,20 +16,20 @@
     }
   },
   "scripts": {
-    "example": "vite --config vite.config.example.ts",
+    "sandbox": "vite --config vite.config.sandbox.ts",
+    "dev:sandbox": "vite --config vite.config.sandbox.ts",
+    "build:sandbox": "vite build --config vite.config.sandbox.ts",
+    "deploy:sandbox": "bun run build:sandbox && cp dist-sandbox/index.html dist-sandbox/404.html && gh-pages -d dist-sandbox",
     "build": "bunx tsc && bunx vite build",
     "lint": "bunx biome check --diagnostic-level=error . && bunx tsc --noEmit --incremental",
     "lint:fix": "bunx biome check . --write",
     "prepublishOnly": "bun run build",
     "preview": "bunx vite preview",
-    "release": "bun run build && bun publish --access example/public",
+    "release": "bun run build && bun publish --access public",
     "version": "bunx standard-version",
     "prepare": "husky",
     "test": "bun test --preload ./test/setup.ts",
-    "test:watch": "bun test --watch --preload ./test/setup.ts",
-    "dev:example": "vite --config vite.config.example.ts",
-    "build:example": "vite build --config vite.config.example.ts",
-    "deploy:example": "bun run build:example && cp dist-example/index.html dist-example/404.html && gh-pages -d dist-example"
+    "test:watch": "bun test --watch --preload ./test/setup.ts"
   },
   "files": [
     "dist"

example/App.tsx sandbox/App.tsxexample/App.tsx renamed to sandbox/App.tsx

@@ -1,12 +1,12 @@
 import { ThemeProvider } from "@tracktor/design-system";
-import FeaturesExample from "example/FeaturesExample.tsx";
-import IsochroneExample from "example/IsochroneExample.tsx";
-import LandingPage from "example/LandingPage.tsx";
-import MarkersExample from "example/MarkersExample";
-import NearestMarkerExample from "example/NearestMarkerExample.tsx";
-import RouteExample from "example/RoutesExample";
 import { useState } from "react";
 import { Route, Routes } from "react-router-dom";
+import FeaturesExample from "sandbox/examples/FeaturesExample";
+import IsochroneExample from "sandbox/examples/IsochroneExample";
+import MarkersExample from "sandbox/examples/MarkersExample";
+import NearestMarkerExample from "sandbox/examples/NearestMarkerExample";
+import RouteExample from "sandbox/examples/RoutesExample";
+import LandingPage from "sandbox/features/LandingPage";
 import MapProvider from "@/context/MapProvider";
 
 const App = () => {

example/FeaturesExample.tsx sandbox/examples/FeaturesExample.tsxexample/FeaturesExample.tsx renamed to sandbox/examples/FeaturesExample.tsx

@@ -1,8 +1,8 @@
 import { Box, Button, MenuItem, Select, Stack, Typography } from "@tracktor/design-system";
-import Navbar from "example/Navbar";
 import type { Feature, FeatureCollection, LineString, Point, Polygon } from "geojson";
 import { useCallback, useMemo, useState } from "react";
-import MarkerMap from "@/features/MarkerMap/MarkerMap";
+import Navbar from "sandbox/features/Navbar";
+import MarkerMap from "@/features/MarkerMap/MarkerMap.tsx";
 
 const randomCoordInFrance = () => [2 + (Math.random() - 0.5) * 6, 46 + (Math.random() - 0.5) * 6];
 

example/IsochroneExample.tsx sandbox/examples/IsochroneExample.tsxexample/IsochroneExample.tsx renamed to sandbox/examples/IsochroneExample.tsx

@@ -1,10 +1,10 @@
 import { Box, Button, MenuItem, Select, Stack, Switch, Typography } from "@tracktor/design-system";
-import Navbar from "example/Navbar.tsx";
 import { useEffect, useMemo, useState } from "react";
 import type { ProjectionSpecification } from "react-map-gl";
+import Navbar from "sandbox/features/Navbar";
 import MarkerMap from "@/features/MarkerMap/MarkerMap";
 import type { RoutingProfile } from "@/services/core/interface";
-import isPointInGeoJSON from "@/utils/isPointInGeoJSON"; // ✅ ta version maison
+import isPointInGeoJSON from "@/utils/isPointInGeoJSON";
 
 const predefinedOrigins = [
   { coords: [2.3522, 48.8566], id: "paris", name: "Paris" },

example/MarkersExample.tsx sandbox/examples/MarkersExample.tsxexample/MarkersExample.tsx renamed to sandbox/examples/MarkersExample.tsx

@@ -15,11 +15,11 @@ import {
   TextField,
   Typography,
 } from "@tracktor/design-system";
-import Navbar from "example/Navbar.tsx";
 import { useMemo, useState } from "react";
 import type { ProjectionSpecification } from "react-map-gl";
-import { VariantMarker, variantMarkerColor } from "@/components/Markers/Markers.tsx";
-import MarkerMap from "@/features/MarkerMap/MarkerMap.tsx";
+import Navbar from "sandbox/features/Navbar";
+import { VariantMarker, variantMarkerColor } from "@/components/Markers/Markers";
+import MarkerMap from "@/features/MarkerMap/MarkerMap";
 import { MarkerProps } from "@/types/MarkerProps";
 
 const MAX_MARKERS = 1000;

example/NearestMarkerExample.tsx sandbox/examples/NearestMarkerExample.tsxexample/NearestMarkerExample.tsx renamed to sandbox/examples/NearestMarkerExample.tsx

@@ -13,11 +13,11 @@ import {
   Switch,
   Typography,
 } from "@tracktor/design-system";
-import Navbar from "example/Navbar.tsx";
 import { useMemo, useState } from "react";
 import type { ProjectionSpecification } from "react-map-gl";
+import Navbar from "sandbox/features/Navbar";
 import MarkerMap from "@/features/MarkerMap/MarkerMap";
-import { Engine } from "@/types/MarkerMapProps.ts";
+import { Engine } from "@/types/MarkerMapProps";
 
 const predefinedOrigins = [
   { coords: [2.3522, 48.8566], id: "origin-paris", name: "Paris (origin)" },

example/RoutesExample.tsx sandbox/examples/RoutesExample.tsxexample/RoutesExample.tsx renamed to sandbox/examples/RoutesExample.tsx

@@ -1,7 +1,7 @@
 import { Box, Button, MenuItem, Select, Stack, Switch, Typography } from "@tracktor/design-system";
-import Navbar from "example/Navbar.tsx";
 import { useMemo, useState } from "react";
 import type { ProjectionSpecification } from "react-map-gl";
+import Navbar from "sandbox/features/Navbar";
 import MarkerMap from "@/features/MarkerMap/MarkerMap";
 
 const predefinedRoutes = [

example/LandingPage.tsx sandbox/features/LandingPage.tsxexample/LandingPage.tsx renamed to sandbox/features/LandingPage.tsx

@@ -11,14 +11,14 @@ import {
   TableRow,
   Typography,
 } from "@tracktor/design-system";
-import FeaturesPreview from "example/public/assets/features-preview.png";
-import IsochronePreview from "example/public/assets/isochrone-preview.png";
-import MarkerPreview from "example/public/assets/markers-preview.png";
-import NearestPreview from "example/public/assets/nearest-preview.png";
-import RoutePreview from "example/public/assets/route-preview.png";
 import type { PrismTheme } from "prism-react-renderer";
 import { Highlight } from "prism-react-renderer";
 import { useNavigate } from "react-router-dom";
+import FeaturesPreview from "sandbox/public/assets/features-preview.png";
+import IsochronePreview from "sandbox/public/assets/isochrone-preview.png";
+import MarkerPreview from "sandbox/public/assets/markers-preview.png";
+import NearestPreview from "sandbox/public/assets/nearest-preview.png";
+import RoutePreview from "sandbox/public/assets/route-preview.png";
 
 const dracula: PrismTheme = {
   plain: {