@richpods/tiny-geojson-tool 0.1.0

package/dist/types.d.ts

@@ -0,0 +1,106 @@
+import type { EditorLocale } from "./l10n";
+/** GeoJSON RFC 7946 aligned types for the editor */
+export type Position = [number, number];
+export type PolygonCoordinates = Position[][];
+export type LineStringCoordinates = Position[];
+export type PointCoordinates = Position;
+/** Style properties for polygon fills */
+export interface FillStyleProperties {
+    "fill"?: string;
+    "fill-opacity"?: number;
+}
+/** Style properties for lines/strokes (shared by polygons and linestrings) */
+export interface StrokeStyleProperties {
+    "stroke"?: string;
+    "stroke-opacity"?: number;
+    "stroke-width"?: number;
+}
+/** Style properties for circle points (extending simplestyle to Points) */
+export interface PointStyleProperties {
+    "fill"?: string;
+    "fill-opacity"?: number;
+    "stroke"?: string;
+    "stroke-opacity"?: number;
+    "stroke-width"?: number;
+    "circle-radius"?: number;
+}
+/** Label properties shared by points and markers */
+export interface LabelProperties {
+    "marker-label"?: string;
+    "marker-label-position"?: "top" | "left" | "right" | "bottom";
+}
+/** Style properties for markers/points */
+export interface MarkerStyleProperties {
+    "marker-color"?: string;
+    "marker-size"?: "small" | "medium" | "large";
+    "marker-symbol"?: string;
+    "marker-label"?: string;
+    "marker-label-position"?: "top" | "left" | "right" | "bottom";
+}
+/** Common properties shared by all features */
+export interface BaseProperties {
+    id?: string;
+    title?: string;
+    description?: string;
+}
+export interface EditorPolygonFeature {
+    type: "Feature";
+    id: string;
+    geometry: {
+        type: "Polygon";
+        coordinates: PolygonCoordinates;
+    };
+    properties: BaseProperties & FillStyleProperties & StrokeStyleProperties;
+}
+export interface EditorLineStringFeature {
+    type: "Feature";
+    id: string;
+    geometry: {
+        type: "LineString";
+        coordinates: LineStringCoordinates;
+    };
+    properties: BaseProperties & StrokeStyleProperties;
+}
+export interface EditorPointFeature {
+    type: "Feature";
+    id: string;
+    geometry: {
+        type: "Point";
+        coordinates: PointCoordinates;
+    };
+    properties: BaseProperties & PointStyleProperties & LabelProperties;
+}
+export interface EditorMarkerFeature {
+    type: "Feature";
+    id: string;
+    geometry: {
+        type: "Point";
+        coordinates: PointCoordinates;
+    };
+    properties: BaseProperties & MarkerStyleProperties;
+}
+export type EditorFeature = EditorPolygonFeature | EditorLineStringFeature | EditorPointFeature | EditorMarkerFeature;
+export type EditorProperties = BaseProperties & FillStyleProperties & StrokeStyleProperties & MarkerStyleProperties & PointStyleProperties & LabelProperties;
+export interface EditorFeatureCollection {
+    type: "FeatureCollection";
+    features: EditorFeature[];
+}
+/** Tool modes */
+export type ToolMode = "select" | "draw-point" | "draw-polygon" | "draw-line" | "draw-marker" | "eraser";
+/** Editor props */
+export interface EditorProps {
+    modelValue?: EditorFeatureCollection;
+    pmtilesUrl: string;
+    pointRadius?: number;
+    center?: Position;
+    zoom?: number;
+    l10n?: Partial<EditorLocale>;
+}
+export type { EditorLocale } from "./l10n";
+/** Viewer props (read-only map display) */
+export interface ViewerProps {
+    modelValue?: EditorFeatureCollection;
+    pmtilesUrl: string;
+    center?: Position;
+    zoom?: number;
+}

package/dist/utils/icons.d.ts

@@ -0,0 +1,9 @@
+import type { Map as MaplibreMap } from "maplibre-gl";
+/** Common icons available in the picker */
+export declare const COMMON_ICONS: readonly ["marker-pin", "location", "pin", "flag", "star", "heart", "home", "business", "cafe", "restaurant", "car", "bus", "bicycle", "walk", "airplane", "boat", "train", "medical", "fitness", "school", "library", "cart", "basket", "gift", "camera", "musical-notes", "football", "basketball", "golf", "tennisball", "fish", "leaf", "flower", "paw", "water", "flame", "snow", "sunny", "moon", "cloudy", "thunderstorm", "warning", "information-circle", "help-circle", "checkmark-circle", "close-circle", "alert-circle", "wifi", "cellular", "globe", "compass", "navigate", "map", "trail-sign", "bed", "beer", "wine", "pizza", "ice-cream"];
+/** Resolve an icon name to a displayable SVG URL (for UI previews). */
+export declare function getIconUrl(name: string): Promise<string | null>;
+export declare function loadIcon(map: MaplibreMap, name: string): Promise<void>;
+export declare function loadIconsForFeatures(map: MaplibreMap, features: Array<{
+    properties: Record<string, unknown>;
+}>): Promise<void>;

package/dist/utils/id.d.ts

@@ -0,0 +1 @@
+export declare function generateFeatureId(): string;

package/dist/utils/layers.d.ts

@@ -0,0 +1,20 @@
+import type { LayerSpecification, Map as MaplibreMap } from "maplibre-gl";
+export type GeomType = "Polygon" | "LineString" | "Point";
+export interface FeatureSummary {
+    id: string;
+    geomType: GeomType;
+}
+/** Return MapLibre layers for a single feature, ordered bottom-to-top within the feature. */
+export declare function getFeatureLayers(featureId: string, geomType: GeomType): LayerSpecification[];
+/** Return layer IDs for a single feature (all sub-layers). */
+export declare function getFeatureLayerIds(featureId: string, geomType: GeomType): string[];
+/** Return layer IDs suitable for queryRenderedFeatures (excludes labels). */
+export declare function getQueryableLayerIds(features: FeatureSummary[]): string[];
+/** Return the vertices overlay layer (always rendered on top). */
+export declare function getVerticesLayer(selectedFeatureId: string | null): LayerSpecification;
+/**
+ * Reconcile per-feature layers on the map to match the new features array.
+ * Adds/removes layers as needed and reorders to match array position.
+ */
+export declare function reconcileFeatureLayers(map: MaplibreMap, prev: FeatureSummary[], next: FeatureSummary[], ceilingLayerId?: string): void;
+export declare function getDrawingLayers(): LayerSpecification[];

package/dist/utils/mapView.d.ts

@@ -0,0 +1,8 @@
+import { type Map as MaplibreMap } from "maplibre-gl";
+import type { EditorFeature, Position } from "../types";
+export declare function shouldAutoFitOnLoad(center?: Position, zoom?: number): boolean;
+export declare function fitMapToFeatures(map: MaplibreMap, features: EditorFeature[], options?: {
+    padding?: number;
+    maxZoom?: number;
+    pointZoom?: number;
+}): void;

package/package.json

@@ -0,0 +1,75 @@
+{
+    "name": "@richpods/tiny-geojson-tool",
+    "version": "0.1.0",
+    "description": "RichPods' GeoJSON editor and viewer for MapLibre GL JS with drawing tools (points, lines, polygons), simplestyle-spec property editing, hover popups, PMTiles basemap support, and typed v-model bindings for custom mapping workflows.",
+    "keywords": [
+        "vue",
+        "vue3",
+        "geojson",
+        "gis",
+        "simplestyle-spec",
+        "richpods"
+    ],
+    "license": "BlueOak-1.0.0",
+    "author": "Philipp Naderer-Puiu",
+    "homepage": "https://github.com/richpods/tiny-geojson-tool#readme",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/richpods/tiny-geojson-tool.git"
+    },
+    "bugs": {
+        "url": "https://github.com/richpods/tiny-geojson-tool/issues"
+    },
+    "type": "module",
+    "publishConfig": {
+        "access": "public"
+    },
+    "files": ["dist"],
+    "main": "./dist/tiny-geojson-tool.js",
+    "module": "./dist/tiny-geojson-tool.js",
+    "types": "./dist/index.d.ts",
+    "exports": {
+        ".": {
+            "import": "./dist/tiny-geojson-tool.js",
+            "types": "./dist/index.d.ts"
+        },
+        "./styles": "./dist/styles/editor.css"
+    },
+    "engines": {
+        "node": "^22.0.0 || ^24.0.0"
+    },
+    "sideEffects": [
+        "**/*.css",
+        "**/*.scss"
+    ],
+    "scripts": {
+        "dev": "vite",
+        "build": "vite build && npm run build:types",
+        "build:demo": "vite build --config vite.demo.config.ts",
+        "build:types": "vue-tsc -p tsconfig.build.json",
+        "preview:demo": "vite preview --config vite.demo.config.ts",
+        "typecheck": "vue-tsc --noEmit",
+        "prepublishOnly": "npm run typecheck && npm run build"
+    },
+    "peerDependencies": {
+        "maplibre-gl": "^5.18.0",
+        "pmtiles": "^4.4.0",
+        "vue": "^3.5.0"
+    },
+    "dependencies": {
+        "ionicons": "8.0.13"
+    },
+    "devDependencies": {
+        "@tailwindcss/vite": "4.1.18",
+        "@types/node": "25.2.3",
+        "@vitejs/plugin-vue": "6.0.4",
+        "maplibre-gl": "5.18.0",
+        "pmtiles": "4.4.0",
+        "sass": "1.97.3",
+        "tailwindcss": "4.1.18",
+        "typescript": "5.9.3",
+        "vite": "7.3.1",
+        "vue": "3.5.28",
+        "vue-tsc": "3.2.4"
+    }
+}