@local-logic/maps 0.0.5 → 0.0.6

package/src/components/Map/index.stories.tsx

@@ -1,134 +0,0 @@
-import React, { useState, useMemo } from "react";
-import { StoryFn, Meta } from "@storybook/react";
-import { mapDefaults as storybookMapDefaults } from "~/../.storybook/defaults";
-import { defaultMapValues } from "./Root/constants";
-import {
-  Root as MapRoot,
-  BaseMap,
-  Markers,
-  Popup,
-  Layers,
-  type RootProps,
-  type MarkerPoint,
-} from "./Root";
-import { themes, markerList, layerSources } from "./storybook-data";
-
-export default {
-  title: "Map",
-  component: MapRoot,
-  argTypes: storybookMapDefaults,
-} as Meta<RootProps>;
-
-const defaultValues = {
-  ...defaultMapValues,
-  center: {
-    latitude: 45.5282164,
-    longitude: -73.5978527,
-  },
-  zoomPosition: "bottom-right" as RootProps["zoomPosition"],
-};
-
-const Template: StoryFn<RootProps> = (args) => {
-  const [activeMarker, setActiveMarker] = useState<MarkerPoint | undefined>(undefined);
-
-  const handleMarkerClick = (markers: MarkerPoint) => {
-    if (
-      activeMarker?.latitude === markers.latitude &&
-      activeMarker?.longitude === markers.longitude
-    ) {
-      setActiveMarker(undefined);
-      return;
-    }
-
-    setActiveMarker(markers);
-  };
-
-  const popupContent = useMemo(() => {
-    if (typeof activeMarker?.markers === "undefined") {
-      return null;
-    }
-
-    if (activeMarker.markers.length === 1) {
-      return (
-        <>
-          {activeMarker.markers[0].icon &&
-            React.createElement(activeMarker.markers[0].icon, { className: "block" })}
-          <strong>{activeMarker.markers[0]?.name}</strong>
-          <p>
-            {activeMarker?.latitude}, {activeMarker?.longitude}
-          </p>
-        </>
-      );
-    }
-
-    if (activeMarker.markers.length > 1) {
-      return activeMarker.markers.map((marker) => (
-        <div key={marker.id} className="flex flex-row gap-y-3">
-          <button
-            className="rounded px-3 py-2 border border-primary-100"
-            onClick={() =>
-              handleMarkerClick({
-                id: marker.id,
-                latitude: marker.latitude,
-                longitude: marker.longitude,
-                markers: [marker],
-              })
-            }
-          >
-            {marker.icon && React.createElement(marker.icon, { className: "inline mr-1" })}
-            <strong>{marker.name}</strong>
-          </button>
-        </div>
-      ));
-    }
-
-    return null;
-  }, [activeMarker]);
-
-  return (
-    <div className="w-full h-[calc(100vh-30px)]">
-      <MapRoot {...args}>
-        <BaseMap>
-          <Layers sources={layerSources} />
-          <Markers markers={markerList} onClick={handleMarkerClick} />
-
-          <Popup
-            latitude={activeMarker?.latitude}
-            longitude={activeMarker?.longitude}
-            onClose={() => setActiveMarker(undefined)}
-          >
-            {popupContent}
-          </Popup>
-        </BaseMap>
-      </MapRoot>
-    </div>
-  );
-};
-
-export const Maptiler = Template.bind({});
-Maptiler.args = {
-  mapProvider: {
-    name: "maptiler",
-    apiKey: import.meta.env.VITE_MAPTILER_KEY,
-    maptilerTheme: themes.maptiler.day,
-  },
-  ...defaultValues,
-};
-
-export const Mapbox = Template.bind({});
-Mapbox.args = {
-  mapProvider: {
-    name: "mapbox",
-    apiKey: import.meta.env.VITE_MAPBOX_KEY,
-  },
-  ...defaultValues,
-};
-
-export const Google = Template.bind({});
-Google.args = {
-  mapProvider: {
-    name: "google",
-    apiKey: import.meta.env.VITE_GOOGLE_KEY,
-  },
-  ...defaultValues,
-};

package/src/components/Map/index.test.tsx

@@ -1,16 +0,0 @@
-import { describe, it, expect, vi } from "vitest";
-
-// filepath: /Users/corado/dev/client-packages/packages/maps/src/components/Map/index.test.tsx
-
-// Mock the "./Root" module
-vi.mock("./Root", () => ({
-  __esModule: true,
-  default: "MockedRoot",
-}));
-
-describe("Map Component Exports", () => {
-  it("should export Root from './Root'", async () => {
-    const { Root } = await import("./index");
-    expect(Root).toBeDefined();
-  });
-});

package/src/components/Map/index.tsx

@@ -1 +0,0 @@
-export * as Root from "./Root";

package/src/components/Map/storybook-data.ts

@@ -1,255 +0,0 @@
-import {
-  Storefront,
-  ShoppingCartSimple,
-  Brandy,
-  ForkKnife,
-  Coffee,
-  Baby,
-  Train,
-  Barbell,
-  GasPump,
-  Heartbeat,
-} from "@phosphor-icons/react";
-
-import type { Marker, Source } from "./Root";
-
-export const themes = {
-  maptiler: {
-    day: "600d69cb-288d-445e-9839-3dfe4d76b31a",
-    night: "dd191599-2a92-49fc-9a33-e12391753ad5",
-  },
-  mapbox: {
-    day: "",
-    night: "",
-  },
-  google: {
-    day: "",
-    night: "",
-  },
-};
-
-export const markerList = [
-  {
-    id: "marker-1",
-    name: "Marker 1",
-    latitude: 45.527399,
-    longitude: -73.598126,
-    icon: Storefront,
-  },
-  {
-    id: "marker-2",
-    name: "Marker 2",
-    latitude: 45.527302,
-    longitude: -73.597405,
-    icon: ShoppingCartSimple,
-  },
-  {
-    id: "marker-3",
-    name: "Marker 3",
-    latitude: 45.527302,
-    longitude: -73.597405,
-    icon: Brandy,
-  },
-  {
-    id: "marker-4",
-    name: "Marker 4",
-    latitude: 45.527302,
-    longitude: -73.597405,
-    icon: ForkKnife,
-  },
-  {
-    id: "marker-5",
-    name: "Marker 5",
-    latitude: 45.527302,
-    longitude: -73.597405,
-    icon: Coffee,
-  },
-  {
-    id: "marker-6",
-    name: "Marker 6",
-    latitude: 45.527302,
-    longitude: -73.597405,
-    icon: Baby,
-  },
-  {
-    id: "marker-7",
-    name: "Marker 7",
-    latitude: 45.527256,
-    longitude: -73.600229,
-    icon: Train,
-  },
-  {
-    id: "marker-8",
-    name: "Marker 8",
-    latitude: 45.527256,
-    longitude: -73.600229,
-    icon: Barbell,
-  },
-  {
-    id: "marker-9",
-    name: "Marker 9",
-    latitude: 45.526643,
-    longitude: -73.600293,
-    icon: GasPump,
-  },
-  {
-    id: "marker-10",
-    name: "Marker 10",
-    latitude: 45.527025,
-    longitude: -73.600897,
-    icon: Heartbeat,
-  },
-] as Marker[];
-
-export const layerSources: Source[] = [
-  {
-    key: "neighborhood",
-    layer: [
-      {
-        type: "fill",
-        color: "#008491",
-      },
-      {
-        type: "line",
-        color: "#008491",
-      },
-    ],
-    geometry: [
-      [
-        [
-          [45.53006, -73.59634],
-          [45.52986, -73.59589],
-          [45.52982, -73.59582],
-          [45.52894, -73.59389],
-          [45.52864, -73.59321],
-          [45.52799, -73.59174],
-          [45.52626, -73.58795],
-          [45.52478, -73.58473],
-          [45.52396, -73.58292],
-          [45.52337, -73.58342],
-          [45.52332, -73.58347],
-          [45.52289, -73.58385],
-          [45.52242, -73.58426],
-          [45.52216, -73.58451],
-          [45.52164, -73.58499],
-          [45.5201, -73.58638],
-          [45.51835, -73.58796],
-          [45.51765, -73.58854],
-          [45.51753, -73.58864],
-          [45.51711, -73.58901],
-          [45.51695, -73.58915],
-          [45.51677, -73.58932],
-          [45.51679, -73.58938],
-          [45.51649, -73.58965],
-          [45.51639, -73.58973],
-          [45.51633, -73.58978],
-          [45.5163, -73.58981],
-          [45.51602, -73.59007],
-          [45.5158, -73.59027],
-          [45.51585, -73.59038],
-          [45.5159, -73.59049],
-          [45.51625, -73.59125],
-          [45.5163, -73.59136],
-          [45.51632, -73.5914],
-          [45.51652, -73.59185],
-          [45.51667, -73.5922],
-          [45.51682, -73.59253],
-          [45.51695, -73.59282],
-          [45.51704, -73.59302],
-          [45.51712, -73.5932],
-          [45.51721, -73.59339],
-          [45.51738, -73.59379],
-          [45.51742, -73.59387],
-          [45.51757, -73.59422],
-          [45.51797, -73.59513],
-          [45.5181, -73.59542],
-          [45.51861, -73.59655],
-          [45.51902, -73.59748],
-          [45.51917, -73.59781],
-          [45.51939, -73.59832],
-          [45.51944, -73.59843],
-          [45.51948, -73.59853],
-          [45.51963, -73.59887],
-          [45.52018, -73.6001],
-          [45.52076, -73.60143],
-          [45.52127, -73.60258],
-          [45.52138, -73.60283],
-          [45.52147, -73.60303],
-          [45.52206, -73.60435],
-          [45.52213, -73.60452],
-          [45.52228, -73.60485],
-          [45.52241, -73.60515],
-          [45.52245, -73.60523],
-          [45.52249, -73.60531],
-          [45.52252, -73.6054],
-          [45.52256, -73.60548],
-          [45.5226, -73.60556],
-          [45.52278, -73.60597],
-          [45.52285, -73.60614],
-          [45.52294, -73.60634],
-          [45.52309, -73.60667],
-          [45.52324, -73.607],
-          [45.52335, -73.60725],
-          [45.52349, -73.60758],
-          [45.52366, -73.60796],
-          [45.52376, -73.60819],
-          [45.52387, -73.60843],
-          [45.52463, -73.61015],
-          [45.52468, -73.61026],
-          [45.52468, -73.61026],
-          [45.525, -73.61098],
-          [45.52537, -73.61179],
-          [45.5256, -73.61233],
-          [45.52565, -73.61242],
-          [45.52566, -73.6124],
-          [45.5263, -73.61124],
-          [45.52644, -73.611],
-          [45.5277, -73.60871],
-          [45.52783, -73.60839],
-          [45.52804, -73.60786],
-          [45.52817, -73.60739],
-          [45.52822, -73.6072],
-          [45.52823, -73.60716],
-          [45.52825, -73.60704],
-          [45.52828, -73.60689],
-          [45.52829, -73.60685],
-          [45.52831, -73.60672],
-          [45.52831, -73.6067],
-          [45.52837, -73.60626],
-          [45.52838, -73.60619],
-          [45.52838, -73.60614],
-          [45.52839, -73.60576],
-          [45.52837, -73.60459],
-          [45.52837, -73.60457],
-          [45.52839, -73.6035],
-          [45.52842, -73.60238],
-          [45.52849, -73.60167],
-          [45.52849, -73.60167],
-          [45.5285, -73.60159],
-          [45.5285, -73.60159],
-          [45.52854, -73.60122],
-          [45.52857, -73.60103],
-          [45.52871, -73.60014],
-          [45.52873, -73.6],
-          [45.52873, -73.6],
-          [45.52878, -73.59978],
-          [45.52878, -73.59977],
-          [45.5289, -73.59929],
-          [45.52905, -73.5988],
-          [45.5291, -73.59861],
-          [45.52916, -73.59844],
-          [45.52916, -73.59844],
-          [45.5293, -73.59807],
-          [45.52931, -73.59803],
-          [45.52934, -73.59796],
-          [45.52956, -73.5974],
-          [45.52966, -73.59715],
-          [45.52985, -73.59678],
-          [45.53004, -73.5964],
-          [45.53007, -73.59635],
-          [45.53006, -73.59634],
-        ],
-      ],
-    ],
-  },
-];

package/src/index.ts

@@ -1 +0,0 @@
-export * as Map from "~/components/Map";

package/tailwind.config.cjs

@@ -1 +0,0 @@
-module.exports = require("@local-logic/design-system/tailwind.config.cjs");

package/tsconfig.json

@@ -1,14 +0,0 @@
-{
-  "extends": "tsconfig/react-library.json",
-  "compilerOptions": {
-    "outDir": "dist",
-    "declaration": true,
-    "declarationMap": true,
-    "experimentalDecorators": true,
-    "paths": {
-      "~/*": ["./src/*"]
-    }
-  },
-  "include": ["./src/**/*", "./vite-env.d.ts"],
-  "exclude": ["dist", "build", "node_modules"]
-}

package/tsconfig.node.json

@@ -1,8 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "module": "esnext",
-    "moduleResolution": "node"
-  },
-  "include": ["vite.config.ts"]
-}

package/vite-env.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="vite-plugin-svgr/client" />
-/// <reference types="vite/client" />
-
-interface ImportMetaEnv {
-  readonly VITE_MAPTILER_KEY: string;
-  readonly VITE_MAPBOX_KEY: string;
-  readonly VITE_GOOGLE_KEY: string;
-  // more env variables...
-}
-
-interface ImportMeta {
-  readonly env: ImportMetaEnv;
-}

package/vite.config.ts

@@ -1,46 +0,0 @@
-import react from "@vitejs/plugin-react";
-import { resolve } from "path";
-import { visualizer } from "rollup-plugin-visualizer";
-import { defineConfig, PluginOption } from "vite";
-import svgr from "vite-plugin-svgr";
-import dts from "vite-plugin-dts";
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  build: {
-    lib: {
-      entry: resolve(__dirname, "src/index.ts"),
-      fileName: (format) => `index.${format}.js`,
-      name: "LocalLogicMaps",
-    },
-    /**
-     * This option will only minify the UMD output. Package users can still see
-     * the unminified "index.es.js" output.
-     */
-    minify: true,
-  },
-  resolve: {
-    alias: {
-      "~": resolve(__dirname, "./src"),
-    },
-  },
-  plugins: [
-    svgr({
-      include: "**/*.svg",
-    }),
-    /**
-     * Generate typings
-     */
-    dts({
-      insertTypesEntry: true,
-    }),
-
-    // Has to be after generating the types
-    react(),
-
-    // This option MUST come last. Note that build size WILL NOT represent build
-    // size in client app because it is not minified (client app should handle
-    // minification).
-    visualizer({ brotliSize: true, open: !!process.env.STATS }) as PluginOption,
-  ],
-});