open-index/open-npm huggingface dataset:
npm package: @sashathor/expo-leaflet
Description: A React Native component that uses a WebView to provide a Leaflet map.
Author: Sasha Schwarzmann
Latest version: 1.0.4

# expo-leaflet

A [Leaflet](https://leafletjs.com) map component with no native code

## Installation

```sh
expo install expo-asset expo-file-system react-native-webview
```

If you want web support you also need to 

```sh
npm install --save react-measure
```

Then:

```sh
npm install --save expo-leaflet
```

## Usage

and import like so

```ts
import { ExpoLeaflet } from "expo-leaflet";
```

### Example Marker

```ts
let marker = {
  id: '1',
  coords: { lat: 36.00, lng: -76.00 },
  icon: "<div>❤️</div>",
  size: [24, 24]
}
```

After loading, the map expects to receive an array of map layer information objects. A sample object showing
a [MapBox](https://www.mapbox.com/) tile layer is shown below.

```javascript
let mapLayer = {
  baseLayerName: 'OpenStreetMap',  // This will be seen in the layer selection control
  baseLayerIsChecked: 'true',  // If the layer is selected in the layer selection control
  layerType: 'TileLayer', 
  baseLayer: true,
  url: `https://api.tiles.mapbox.com/v4/mapbox.streets/{z}/{x}/{y}.png?access_token=${mapboxToken}`,
  attribution:
    '&amp;copy <a href=&quot;http://osm.org/copyright&quot;>OpenStreetMap</a> contributors'
}
```

### Creating Map Markers

```javascript
let marker = {
  id: '1', // The ID attached to the marker. It will be returned when onMarkerClicked is called
  position: {
    lat: 52.1,
    lng: 2.3,
  },
  // HTML element that will be displayed as the marker.  It can also be text or an SVG string.
  icon: '<span>🍇</span>',
  size: [32, 32],
}
```

### Adding Leaflet Geometry Layers to the Map

A geometry layer can be added to the may by following the example below:

```javascript
let mapShapes = [
  {
    shapeType: 'Circle',
    color: "#123123",
    id: "1",
    center: { lat: 34.225727, lng: -77.94471 },
    radius: 2000
  }
]

```

## LICENSE

MIT
npm package: @sashauth/sash.auth.sdk
Description: Sash Auth SDK - client-side helper for integrating with Sash.Auth backend
Author: SashAuth
Latest version: 3.0.8

This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

## Getting Started

First, run the development server:

```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `app/page.js`. The page auto-updates as you edit the file.

This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.