open-index/open-npm huggingface dataset:
npm package: @phila/phila-gridsome
Description: A JAMstack framework for building blazing fast websites with Vue.js
Latest version: 0.1.0

<p align="center">
  <br>
  <a href="https://www.gridsome.org">
    <img src="https://raw.githubusercontent.com/gridsome/gridsome/master/.github/assets/logo.png" width="90"/>
  </a>
</p>

<h2 align="center">Gridsome</h2>

<p align="center">
  A JAMstack framework for building blazing fast websites with <a href="https://vuejs.org">Vue.js</a>
</p>

<p align="center">
  <a title="Downloads" href="https://www.npmjs.com/package/gridsome">
    <img src="https://img.shields.io/npm/dm/gridsome.svg?style=flat-square">
  </a>
  <a title="Current version" href="https://www.npmjs.com/package/gridsome">
    <img src="https://img.shields.io/npm/v/gridsome.svg?style=flat-square">
  </a>
  <a title="MIT License" href="LICENSE">
    <img src="https://img.shields.io/github/license/gridsome/gridsome.svg?style=flat-square">
  </a>
  <a title="Follow on Twitter" href="https://twitter.com/gridsome">
    <img src="https://img.shields.io/twitter/follow/gridsome.svg?style=social&label=Follow">
  </a>
  <br>
  <br>
</p>

> This project is under active development. Any feedback or contributions would be appreciated.

Build websites using latest web tech tools that developers love - Vue.js, GraphQL and webpack. Use local files or any external API as a data source and access the data from a unified GraphQL layer. Gridsome is heavily inspired by **[Gatsby](https://gatsbyjs.org)**.

## Quick start

### 1. Install Gridsome CLI tool

`npm install --global @gridsome/cli`

### 2. Create a Gridsome project

1. `gridsome create my-gridsome-site` to create a new project </li>
2. `cd my-gridsome-site` to open folder
3. `gridsome develop` to start local dev server at `http://localhost:8080`
4. Happy coding 🎉🙌

### 3. Next steps

1. Create `.vue` components in the `./src/pages` directory to create pages
2. Use `gridsome build` to generate static files in a `./dist` folder

### Learn more...

- [How it works](https://gridsome.org/docs/how-it-works)
- [How to deploy](https://gridsome.org/docs/deployment)
npm package: @phila/phila-ui-charts
Description: A collection of charts built with d3
Latest version: 0.0.1-beta.0

# Charts Component

<!-- status-badge-start -->

![Status: Stable](https://img.shields.io/badge/-Stable-brightgreen)

<!-- status-badge-end -->

Chart components for visualizing data in various formats, including line charts, bar charts, and more.

## Features

- 🎯 TypeScript support with full type definitions

## Installation

```bash
npm install @phila/phila-ui-charts
# or
yarn add @phila/phila-ui-charts
# or
pnpm add @phila/phila-ui-charts
```

## Usage

```js
<script setup lang="ts">
import { LineChart } from "@phila/phila-ui-charts";
const data = computed(()=>{
    if (fetchedData.value) {
        return fetchedData.value.map(item => ({
            x: item.date,
            y: item.value
        }));
    }
    return [];
})

const levelAreas = [
            {
                level: 11,
                color: '#FFFFE4',
                label: 'Action 11ft'
            },
            {
                level: 12.5,
                color: '#FFF6E2',
                label: 'Moderate 12.5ft'
            },
            {
                level: 14,
                color: '#FFE9E2',
                label: 'Major 14ft'
            },
        ];

</script>

<template>
  <LineChart :data="data" :level-areas="levelAreas" />
</template>

```

## Development

### Install Dependencies

```bash
pnpm install
```

### Run Demo

```bash
pnpm dev
```

### Build Library

```bash
pnpm build
```

### Type Check

```bash
pnpm type-check
```

## License

MIT
npm package: @phila/phila-ui-tags
Description: Tags for categorizing, filtering, or identifying content
Latest version: 0.0.1-beta.0

# Tags Component

<!-- status-badge-start -->

![Status: In Progress](https://img.shields.io/badge/-In%20Progress-yellow)

<!-- status-badge-end -->

A simple, customizable Vue 3. Tags component built with TypeScript and Vite.
Tags for categorizing, filtering, or identifying content

## Features

- 🎯 TypeScript support with full type definitions

## Installation

```bash
npm install @phila/phila-ui-tags
# or
yarn add @phila/phila-ui-tags
# or
pnpm add @phila/phila-ui-tags
```

## Usage

```vue
<script setup lang="ts">
import { Tags } from "@phila/phila-ui-tags";
</script>
<template>...Add basic component template here...</template>
```

## Props

| Prop | Type | Default | Description |
| ---- | ---- | ------- | ----------- |

| ...Add props here...

## Events

| Event | Payload | Description |
| ----- | ------- | ----------- |

| ...Add events here...

## Examples

...Add examples here...

## Development

### Install Dependencies

```bash
pnpm install
```

### Run Demo

```bash
pnpm dev
```

### Build Library

```bash
pnpm build
```

### Type Check

```bash
pnpm type-check
```

## License

MIT
npm package: @phila/vecna
Description: Lightweight file-based semantic search for Node.js
Latest version: 0.1.0

# Vecna

Lightweight file-based semantic search for Node.js. Single JSON file, zero external dependencies, local embeddings.

## Install

```bash
npm install vecna
```

## Quick Start

### Library

```javascript
import { Vecna } from 'vecna'

const db = await Vecna.open('knowledge.json')

await db.add({ id: 'doc1', text: 'Machine learning is a subset of AI' })
await db.add({ id: 'doc2', text: 'Dogs are loyal companions' })

const results = await db.search('artificial intelligence', { mode: 'hybrid', k: 5 })
// [{ id: 'doc1', score: 1.0, document: { ... } }]

await db.close()
```

### CLI

```bash
vecna init mydb.json
vecna add mydb.json --text "Hello world" --id greeting
vecna search mydb.json "hello" --mode hybrid --pretty
```

## Features

- **Three search modes**: semantic (vector similarity), keyword (BM25), hybrid (both combined)
- **Local embeddings**: Uses Transformers.js with all-MiniLM-L6-v2 (384 dimensions)
- **Single file storage**: Everything in one JSON file
- **ACID-like durability**: Atomic writes, file locking
- **CLI included**: Debug and manipulate databases from the command line

## Documentation

| Document | Description |
|----------|-------------|
| [API Reference](docs/api.md) | Library methods, parameters, return types |
| [CLI Reference](docs/cli.md) | All commands and options |
| [Concepts](docs/concepts.md) | When to use each search mode, how it works |
| [Errors](docs/errors.md) | Error codes, causes, and fixes |
| [Agent Guide](docs/agent-guide.md) | Patterns for AI agents using Vecna |

## Search Modes

| Mode | Best For | Speed |
|------|----------|-------|
| `semantic` | Conceptual similarity, paraphrases | ~50ms |
| `keyword` | Exact term matching | ~1ms |
| `hybrid` | General purpose (recommended) | ~55ms |

## Scale

Designed for micro scale: 100-1,000 documents. For larger datasets, consider a dedicated vector database.

## License

MIT
npm package: @phila/viewerboard
Description: A Vue.js component for data-rich web mapping
Author: City of Philadelphia
Latest version: 1.0.11

# viewerboard

viewerboard provides a pluggable Vue.js component for mapping applications.

It is similar to [mapboard](https://github.com/CityOfPhiladelphia/mapboard), but does not allow you to use the components for showing data from @phila/vue-comps.

![Cyclomedia](https://mapboard-images.s3.amazonaws.com/viewerboard/cyclo.JPG)
![CyclomediaWithMap](https://mapboard-images.s3.amazonaws.com/viewerboard/cyclo2.JPG)
![CycloPhoneMap](https://mapboard-images.s3.amazonaws.com/viewerboard/cyclo_phone_map.JPG)
![CycloPhoneStreet](https://mapboard-images.s3.amazonaws.com/viewerboard/cyclo_phone_street.JPG)

## Release Notes

### 1.0.11 - 4/10/2024

* allows you to set the imagery name in an app's config, so that there does not have to be a viewerboard release to change the imagery

### 1.0.10 - 11/15/2023

* uses @phila/vue-mapping 3.1.20 and @phila/vue-datafetch 2.2.16

### 1.0.9 - 3/22/2023

* uses @phila/vue-mapping 3.1.14 which uses maplibre 2.4.0

### 1.0.8 - 3/13/2023

* fixes bug where circles for cyclomedia disappear when map is fullscreen

### 1.0.7 - 3/13/2023

* fixes bug where camera icon disappears when map is fullscreen

### 1.0.6 - 3/13/2023

* allows using cyclomedia 23.2

### 1.0.5 - 2/8/2023

* ran full package updates

### 1.0.4 - 2/7/2023

* ran package updates, but not @phila package updates

### 1.0.3 - 1/3/2023

* uses 2022 imagery

### 1.0.2 - 9/9/2022

* ran package updates

### 1.0.1 - 2/1/2022

* uses maplibre, upgrades to pvd 2.2.4 and pvm 3.1.1

### 1.0.0 - 7/26/2021

* uses @phila packages that use npm for package commands
* requires using npm for all package commands

### 0.1.10 - 10/26/2020

* fixes bug with pictometry

### 0.1.9 - 10/7/2020

* uses upgraded vue libraries:
    * @phila/vue-mapping 2.2.9
    * @phila/vue-datafetch 1.4.3

### 0.1.8 - 10/6/2020

* uses updated phila-vue packages

### 0.1.7 - 10/6/2020

* fixes issues with routing from url

### 0.1.6 - 7/30/2020

* changes size of camera icon

### 0.1.5 - 7/30/2020

* uses @phila/vue-mapping 2.1.18

### 0.1.4 - 7/30/2020

* uses @phila/vue-mapping 2.1.17
* uses @phila/vue-datafetch 1.3.1

### 0.1.3 - 5/27/2020

* upgrades packages

### 0.1.2 - 5/6/2020

* makes fix to pictometry widget

### 0.1.1 - 5/5/2020

* releases from master branch

### 0.1.0 - 5/5/2020

* uses minor updates to libraries:
  * @phila/vue-comps 2.1.1
  * @phila/vue-mapping 2.1.1
  * @phila/vue-datafetch 1.2.0

### 0.0.4 - 2/7/2020

* adds PhilaButton comp (same comp as in @phila/pinboard)

### 0.0.3 - 2/6/2020

* fixes framework for philadelphiamarathon app upgrade

### 0.0.2 - 1/31/2020

* bugfixes

### 0.0.1 - 1/31/2020

* releases framework for use in upgrades of cyclomedia.phila.gov and pictometry.phila.gov