open-index/open-npm huggingface dataset:
npm package: @gscd-dev/a11y-engine
Description: A11yMARKET's Accessibility Library
Author: BlueNyang
Latest version: 1.0.5

# @gscd-dev/a11y-engine

**A11yMARKET's Accessibility Library**는 웹 애플리케이션의 접근성 설정을 통합 관리하고 실시간으로 적용하는 강력한 엔진입니다. 이 프로젝트는 [a11y-market-web](https://github.com/gscd-dev/a11y-market-web)에서 개발된 핵심 로직을 바탕으로 고도화되었습니다.

---

## ✨ 주요 기능

- **통합 접근성 엔진 (A11yEngine):** 대비, 글자 크기, 간격, 정렬 등 다양한 설정을 상태 기반으로 관리합니다.
- **다양한 환경 지원:** Vanilla JS/TS는 물론, React와 Vue를 위한 전용 어댑터를 제공합니다.
- **자체 스크린 리더:** Web Speech API를 사용하여 포커스된 요소의 텍스트(aria-label, alt 등)를 읽어줍니다.
- **시각적 보조:** 링크 강조, 커서 하이라이트, 스마트 대비 모드 등 강력한 시각 보조 CSS를 포함합니다.

---

## 🚀 설치 및 설정

### 설치

```bash
npm install @gscd-dev/a11y-engine
```

### 스타일 포함

라이브러리에서 제공하는 접근성 스타일을 반드시 불러와야 합니다.

```javascript
// main.ts(js) 또는 index.ts(js) 등 entry 파일에 추가
import "@gscd-dev/a11y-engine/css";
```

---

## 💻 사용 방법

### 1. Vanilla JavaScript / TypeScript

프레임워크 없이 사용할 경우, `a11yEngine` 인스턴스를 직접 구독하고 메서드를 호출합니다.

```typescript
import { a11yEngine } from "@gscd-dev/a11y-engine";

// 상태 변경 구독
a11yEngine.subscribe((state) => {
  console.log("현재 상태:", state);
});

// 설정 변경 액션
const btn = document.getElementById("contrast-btn");
btn.addEventListener("click", () => {
  a11yEngine.cycleContrast(); // 대비 모드 순환
});
```

### 2. React

`useA11y` 훅을 통해 상태와 액션을 쉽게 가져올 수 있습니다.

```tsx
import { useA11y } from "@gscd-dev/a11y-engine/react";

const A11yControl = () => {
  const { state, actions } = useA11y("ko-KR");

  return (
    <button onClick={() => actions.cycleTextSize()}>
      글자 크기 변경 (현재: {state.textSizeLevel})
    </button>
  );
};
```

### 3. Vue

Vue 전용 컴포저블을 지원하며, 반응형 상태를 반환합니다.

```vue
<script setup>
import { useA11y } from "@gscd-dev/a11y-engine/vue";

const { state, actions } = useA11y("ko-KR");
</script>

<template>
  <button @click="actions.toggleScreenReader">
    스크린 리더: {{ state.screenReader ? "ON" : "OFF" }}
  </button>
</template>
```

---

## 🛠 주요 API 및 설정 (A11yState)

| 메서드                  | 설명                         | 관련 상태 값              |
| ----------------------- | ---------------------------- | ------------------------- |
| `cycleContrast()`       | 고대비/저대비/반전 모드 순환 | `contrastLevel` (0~3)     |
| `cycleTextSize()`       | 글자 크기 확대 단계 순환     | `textSizeLevel` (0~2)     |
| `toggleScreenReader()`  | 내장 스크린 리더 활성화 토글 | `screenReader` (boolean)  |
| `toggleSmartContrast()` | 지능형 색상 대비 반전 적용   | `smartContrast` (boolean) |
| `resetAll()`            | 모든 설정을 초기 상태로 리셋 | -                         |

---

## 🤝 Acknowledgments

이 프로젝트는 다음 개발자들의 협업과 초기 프로젝트를 바탕으로 탄생했습니다.

- **Base Code:** [gscd-dev/a11y-market-web](https://github.com/gscd-dev/a11y-market-web)
- **Core Developers:**
  - **[Gravity 251](https://github.com/Gravity251)** (Sumin Kim)
  - **[BlueNyang](https://github.com/BlueNyang)** (GyuTae Ahn)

---

## 📄 라이선스

**MIT License**

See [LICENSE](https://github.com/gscd-dev/a11y-market-web?tab=MIT-1-ov-file#readme) for more information.
npm package: @gscdump/cli
Description: CLI for Google Search Console - dump, query, and run MCP server
Author: Harlan Wilton
Latest version: 0.4.0

# @gscdump/cli

[![npm version](https://img.shields.io/npm/v/@gscdump/cli?color=yellow)](https://npmjs.com/package/@gscdump/cli)
[![npm downloads](https://img.shields.io/npm/dm/@gscdump/cli?color=yellow)](https://npm.chart.dev/@gscdump/cli)
[![license](https://img.shields.io/github/license/harlan-zw/gscdump?color=yellow)](https://github.com/harlan-zw/gscdump/blob/main/LICENSE)

> CLI for Google Search Console - dump, sync, compare, analyze, and run MCP server.

## Features

- **Data Export** - Dump analytics to stdout, file, or SQLite database
- **Period Comparison** - Compare metrics across time periods
- **SEO Analysis** - Striking distance, movers & shakers, decay detection
- **Indexing Tools** - Check status, request indexing, batch operations
- **MCP Server** - Let AI agents query your search data directly

## Install

```bash
npm install -g @gscdump/cli
# or run with npx
npx @gscdump/cli
```

## Quick Start

```bash
# First-run setup (choose cloud or local auth)
gscdump init

# List your sites
gscdump sites

# Dump last 7 days to stdout
gscdump dump --site https://example.com --period 7d

# Sync to SQLite database
gscdump sync --site https://example.com --db ./gsc.db

# Compare periods
gscdump compare --site https://example.com --period 28d

# Run SEO analysis
gscdump analyze striking-distance --site https://example.com
```

## Commands

| Command | Description |
|---------|-------------|
| `init` | First-run setup (choose cloud/local mode) |
| `auth` | OAuth2 login with Google |
| `sites` | List GSC properties |
| `dump` | Export analytics to stdout/file |
| `sync` | Persist to SQLite database |
| `compare` | Period-over-period comparison |
| `analyze` | Run SEO analysis (striking-distance, movers, decay, etc.) |
| `sitemaps` | List/manage sitemaps for a site |
| `index` | URL indexing (status, inspect, request) |
| `inspect` | Quick URL inspection |
| `config` | Manage CLI configuration |
| `mcp` | Start MCP server for AI assistants |

## MCP Server

Start the MCP server for AI assistants:

```bash
gscdump mcp
```

Or add to your Claude config (`~/.claude.json` or VS Code settings):

```json
{
  "mcpServers": {
    "gscdump": {
      "command": "npx",
      "args": ["@gscdump/mcp"]
    }
  }
}
```

Then ask Claude:
- "What pages lost traffic this week?"
- "Find keywords in striking distance (position 4-20)"
- "Which queries have keyword cannibalization?"
- "Compare this month vs last month"

## Auth Setup

**Cloud mode** (recommended):
```bash
gscdump init  # Select "cloud"
```
Easy setup via cloud.gscdump.com - no API keys needed.

**Local mode** (bring your own credentials):
1. Create a Google Cloud project
2. Enable "Search Console API" and "Web Search Indexing API"
3. Create OAuth2 credentials (Desktop app)
4. Run `gscdump init` and select "local"

## Related Packages

- [`gscdump`](../gscdump) - Core library
- [`@gscdump/mcp`](../mcp) - MCP server
- [`@gscdump/db`](../db) - SQLite persistence
- [`@gscdump/query`](../query) - Unified data provider

## License

[MIT](../../LICENSE)
npm package: @gscdump/db
Description: SQLite persistence for Google Search Console data with Drizzle ORM
Author: Harlan Wilton
Latest version: 0.1.3

# @gscdump/db

[![npm version](https://img.shields.io/npm/v/@gscdump/db?color=yellow)](https://npmjs.com/package/@gscdump/db)
[![npm downloads](https://img.shields.io/npm/dm/@gscdump/db?color=yellow)](https://npm.chart.dev/@gscdump/db)
[![license](https://img.shields.io/github/license/harlan-zw/gscdump?color=yellow)](https://github.com/harlan-zw/gscdump/blob/main/LICENSE)

> SQLite persistence for Google Search Console data with Drizzle ORM.

## Features

- **SQLite Storage** - Own your data locally, no cloud lock-in
- **Drizzle ORM** - Type-safe queries with full schema access
- **Sync Functions** - Incremental updates for sites, pages, and keywords
- **Precision Storage** - Float metrics stored as integers for accuracy

## Install

```bash
npm install @gscdump/db
```

## Usage

```ts
import { createDb, syncKeywords, syncPages, syncSites } from '@gscdump/db'

const db = createDb('./gsc.db')

// Sync site data
await syncSites(db, auth)

// Sync page metrics for a site
await syncPages(db, auth, 'https://example.com', {
  startDate: '2024-01-01',
  endDate: '2024-01-31',
})

// Sync keyword data
await syncKeywords(db, auth, 'https://example.com', {
  startDate: '2024-01-01',
  endDate: '2024-01-31',
})
```

### Querying with Drizzle

Access the Drizzle instance for custom queries:

```ts
import { createDb, schema } from '@gscdump/db'
import { desc, eq } from 'drizzle-orm'

const db = createDb('./gsc.db')

// Get top pages by clicks
const topPages = await db.drizzle
  .select()
  .from(schema.pages)
  .where(eq(schema.pages.siteUrl, 'https://example.com'))
  .orderBy(desc(schema.pages.clicks))
  .limit(10)
```

## Metric Storage

Float values are stored as integers for precision:

| Metric | Storage | Example |
|--------|---------|---------|
| `ctr` | `ctr * 10000` | 0.0523 → 523 |
| `position` | `position * 100` | 4.7 → 470 |

The library handles conversion automatically when reading/writing.

## Schema

The database includes tables for:
- `sites` - GSC properties
- `pages` - Page-level metrics
- `keywords` - Keyword-level metrics
- `keyword_pages` - Keyword-page combinations

## Related Packages

- [`gscdump`](../gscdump) - Core library
- [`@gscdump/cli`](../cli) - CLI with `sync` command
- [`@gscdump/query`](../query) - Unified data provider

## License

[MIT](../../LICENSE)
npm package: @gscdump/mcp
Description: MCP server for Google Search Console - let AI agents query your search data
Author: Harlan Wilton
Latest version: 0.1.3

# @gscdump/mcp

[![npm version](https://img.shields.io/npm/v/@gscdump/mcp?color=yellow)](https://npmjs.com/package/@gscdump/mcp)
[![npm downloads](https://img.shields.io/npm/dm/@gscdump/mcp?color=yellow)](https://npm.chart.dev/@gscdump/mcp)
[![license](https://img.shields.io/github/license/harlan-zw/gscdump?color=yellow)](https://github.com/harlan-zw/gscdump/blob/main/LICENSE)

> MCP server for Google Search Console - let AI agents query your search data.

## Features

- **AI-Native Access** - Claude, Cursor, and other MCP clients can query GSC directly
- **Full Analytics** - Sites, pages, keywords, devices, countries, and search appearance
- **SEO Analysis** - Striking distance, movers & shakers, cannibalization, decay
- **Comparison Queries** - Period-over-period comparisons built-in

## Setup

Add to your Claude config (`~/.claude.json`):

```json
{
  "mcpServers": {
    "gscdump": {
      "command": "npx",
      "args": ["@gscdump/mcp"]
    }
  }
}
```

Or for VS Code / Cursor, add to settings.json:

```json
{
  "mcp.servers": {
    "gscdump": {
      "command": "npx",
      "args": ["@gscdump/mcp"]
    }
  }
}
```

## Example Prompts

Once configured, ask your AI assistant:

- "What pages lost traffic this week?"
- "Find keywords in striking distance (position 4-20)"
- "Which queries have keyword cannibalization?"
- "Compare this month vs last month"
- "Show me the top 10 pages by clicks"
- "What's the CTR for mobile vs desktop?"

## Available Tools

The MCP server exposes tools for:

| Tool | Description |
|------|-------------|
| `gsc_sites` | List all GSC properties |
| `gsc_pages` | Query page-level metrics |
| `gsc_keywords` | Query keyword-level metrics |
| `gsc_devices` | Device breakdown (mobile/desktop/tablet) |
| `gsc_countries` | Country breakdown |
| `gsc_search_appearance` | Search appearance data |
| `gsc_analyze_*` | SEO analysis functions |

## Programmatic Usage

Use the handlers directly in your own MCP server:

```ts
import { createGscHandlers } from '@gscdump/mcp/handlers'

const handlers = createGscHandlers({
  auth: 'ya29.xxx...',
  defaultSite: 'https://example.com',
})

// Use in your MCP server
server.addTools(handlers.tools)
```

## Auth

The MCP server uses the same auth as the CLI. Run `npx @gscdump/cli init` first to set up authentication.

## Related Packages

- [`gscdump`](../gscdump) - Core library
- [`@gscdump/cli`](../cli) - CLI with `mcp` command
- [`@gscdump/db`](../db) - SQLite persistence
- [`@gscdump/query`](../query) - Unified data provider

## License

[MIT](../../LICENSE)
npm package: @gscodes/rntoolbox-helper
Description: React Native toolbox helper for network and console log capture
Author: GSCodes
Latest version: 1.2.0

# @gscodes/rntoolbox-helper

**The companion helper library for standardizing RNToolBox debugging data.**

This lightweight library patches React Native's `fetch`, `XMLHttpRequest`, and `console` to capture high-fidelity debugging data and stream it locally to the RNToolBox IntelliJ/WebStorm plugin.

## Features

- 📡 **High-Fidelity Network Capture**: Captures headers, bodies (text/JSON/Blob), and timings for `fetch` and `XMLHttpRequest`.
- 🪵 **Console Log Stream**: Forwards `console.log`, `warn`, `error`, `info`, and `debug` to the IDE with advanced JSON expansion.
- 🌳 **Component Tree**: Captures the React Native component hierarchy for inspection in the IDE (Pro feature).
- ⚡ **Zero-Config**: Auto-discovers the plugin's local server. No complex setup required.

## Installation

```bash
npm install @gscodes/rntoolbox-helper --save-dev
# or
yarn add @gscodes/rntoolbox-helper --dev
```

## Usage

Import this package at the **very top** of your application's entry file (usually `index.js` or `App.tsx`), before any other imports.

```javascript
// index.js
import '@gscodes/rntoolbox-helper'; // <--- Add this line first

import { AppRegistry } from 'react-native';
import App from './App';
import { name as appName } from './app.json';

AppRegistry.registerComponent(appName, () => App);
```

That's it! The helper will automatically connect to the running RNToolBox plugin in your IDE.

## Privacy & Security

**Your data never leaves your machine.**
This package only communicates with `127.0.0.1` (localhost) or the Android emulator host loopback (`10.0.2.2`). No data is sent to any external server or cloud service. All processing happens locally within your IDE.

## Troubleshooting

- **Not connecting?** Ensure your IDE is open and the RNToolBox tool window is active.
- **Android Emulator?** The helper automatically tries `10.0.2.2`. Ensure `adb reverse` isn't needed (we use the loopback directly), but running `adb reverse tcp:17361 tcp:17361` can sometimes help if you have a custom setup.
- **iOS Device?** Ensure your device is on the same Wi-Fi as your computer and can reach your computer's IP.

## License

MIT
npm package: @gsdias/react-calendarpicker
Description: CalendarPicker having navigation and accessibility as first priority
Author: Gonçalo Silva Dias
Latest version: 0.1.2

# A Datepicker built with Chakra elements

It supports single and range selection. Fully accessible. WIP and a few more features to come. Any feedback is welcome.

## Common usage
```js
  const [startDate, setStartDate] = useState<Date>(undefined);
  
  <DatePicker
    onChange={()=>{}}
    isRange
  />
  <DatePicker
    onChange={({startDate: value}) => setStartDate(value)}
	startDate={startDate}
  />

```