@chaosity/location-client-react 0.1.0

package/dist/hooks/useLocationClient.d.ts

@@ -0,0 +1,10 @@
+import { GeoPlacesClient, ClientConfig } from '@chaosity/location-client';
+export interface UseLocationClientOptions {
+    getConfig: () => Promise<ClientConfig>;
+}
+export declare function useLocationClient(options: UseLocationClientOptions): {
+    config: ClientConfig | null;
+    client: GeoPlacesClient | null;
+    loading: boolean;
+    error: string | null;
+};

package/dist/hooks/useLocationClient.js

@@ -0,0 +1,21 @@
+import { useEffect, useState } from 'react';
+import { GeoPlacesClient } from '@chaosity/location-client';
+export function useLocationClient(options) {
+    const [config, setConfig] = useState(null);
+    const [client, setClient] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        options.getConfig()
+            .then((cfg) => {
+            setConfig(cfg);
+            setClient(new GeoPlacesClient(cfg));
+            setLoading(false);
+        })
+            .catch((err) => {
+            setError(err instanceof Error ? err.message : 'Failed to initialize client');
+            setLoading(false);
+        });
+    }, []);
+    return { config, client, loading, error };
+}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { LocationClientProvider, useLocationClient } from './provider/LocationClientProvider';
+export type { LocationClientProviderProps } from './provider/LocationClientProvider';

package/dist/index.js

@@ -0,0 +1 @@
+export { LocationClientProvider, useLocationClient } from './provider/LocationClientProvider';

package/dist/provider/LocationClientProvider.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { GeoPlacesClient, ClientConfig } from '@chaosity/location-client';
+interface LocationClientContextValue {
+    config: ClientConfig | null;
+    client: GeoPlacesClient | null;
+    loading: boolean;
+    error: string | null;
+}
+export interface LocationClientProviderProps {
+    children: React.ReactNode;
+    getConfig: () => Promise<ClientConfig>;
+}
+export declare function LocationClientProvider({ children, getConfig }: LocationClientProviderProps): React.JSX.Element;
+export declare function useLocationClient(): LocationClientContextValue;
+export {};

package/dist/provider/LocationClientProvider.js

@@ -0,0 +1,29 @@
+import React, { createContext, useContext, useEffect, useState } from 'react';
+import { GeoPlacesClient } from '@chaosity/location-client';
+const LocationClientContext = createContext(undefined);
+export function LocationClientProvider({ children, getConfig }) {
+    const [config, setConfig] = useState(null);
+    const [client, setClient] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        getConfig()
+            .then((cfg) => {
+            setConfig(cfg);
+            setClient(new GeoPlacesClient(cfg));
+            setLoading(false);
+        })
+            .catch((err) => {
+            setError(err instanceof Error ? err.message : 'Failed to initialize client');
+            setLoading(false);
+        });
+    }, []);
+    return (React.createElement(LocationClientContext.Provider, { value: { config, client, loading, error } }, children));
+}
+export function useLocationClient() {
+    const context = useContext(LocationClientContext);
+    if (context === undefined) {
+        throw new Error('useLocationClient must be used within LocationClientProvider');
+    }
+    return context;
+}

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@chaosity/location-client-react",
+  "version": "0.1.0",
+  "description": "React bindings for Chaosity Location Service client",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "react",
+    "location",
+    "maps",
+    "geocoding",
+    "chaosity"
+  ],
+  "author": "Chaosity",
+  "license": "MIT",
+  "dependencies": {
+    "@chaosity/location-client": "^0.1.0"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.0",
+    "typescript": "^5.0.0",
+    "react": "^18.0.0"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ]
+}