pager_page

KO | EN

gitlite — search

#python #hacktoberfest #ai #typescript #llm #machine-learning #deep-learning #docker #nodejs #java #cli #kubernetes #pytorch #ios

(★ 14)

WiFi Pineapple Pager Payload Library — Browse and understand Hak5 Pineapple Pager payloads

pager_page 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 🍍 Pineapple Pager Library 2.0

A web-based library for browsing **payloads**, **themes**, and **ringtones** for the [Hak5 WiFi Pineapple Pager](https://github.com/hak5/wifipineapplepager). Also aggregates **pull requests** from all three community repositories.

---

## Features

- **Payloads** — Browse 160+ payloads organized by category (Alerts, Recon, User) and subcategory, with full source code and README rendering
- **Themes** — Explore 40+ community themes with README previews, image galleries, and `theme.json` inspection
- **Ringtones** — Browse 100+ RTTTL ringtones with an in-browser player (Web Audio API)
- **Pull Requests** — View open/closed PRs from all three repos, with description rendering and state filtering
- **Syntax Highlighting** — VS Code-style code coloring for shell scripts, JSON, and markdown code blocks (Highlight.js)
- **Search** — Full-text search across all tabs
- **Responsive** — Works on desktop and mobile

---

## Community

**[PagerRat](https://brandonstarkweather.com/PagerRat/)** — An Android companion app for the WiFi Pineapple Pager. Control your pager directly from your phone.

---

## How It Works

### Data Pipeline (`fetch_data.js`) --> Big help from Claude AI with this part.

The data fetcher is a Node.js script that runs locally (or in CI) to produce a single `payloads.json` file consumed by the frontend.

```
npm run fetch
```

**Step 1 — Clone repositories**

Three GitHub repos are cloned (or updated via `git pull`) into `/tmp/`:

| Repository | Content |
|---|---|
| `hak5/wifipineapplepager-payloads` | Payload scripts (`.sh`) organized in category/subcategory dirs |
| `hak5/wifipineapplepager-themes` | Theme directories with `theme.json`, assets, and READMEs |
| `hak5/wifipineapplepager-ringtones` | RTTTL ringtone files (`.rtttl`) |

**Step 2 — Process payloads**

Walks the `payloads/` directory tree looking for `payload.sh` files. For each payload found:
- Reads `payload.sh` source code
- Parses the header comment block for metadata (title, author, description, category, etc.)
- Finds and reads the associated `README.md`
- Groups payloads into categories → subcategories

**Step 3 — Process themes** --> Big help from Claude AI with the image logic, README logic.

Scans the `themes/` directory. For each theme:
- Reads `theme.json` for metadata (name, author, version)
- Finds the best README (prioritizes `.md` → `.txt` → bare `README`)
- Resolves image paths in READMEs case-insensitively (handles mismatched casing between markdown references and actual filenames)
- Extracts author from `theme.json`, or falls back to README patterns (`Author: Name`, `## Author\nName`, `Theme by Name`)
- Cleans author values (strips markdown links, bold markers, filters garbage)
- Lists all files in the theme directory

**Step 4 — Process ringtones**

Reads all `.rtttl` files from `ringtones/`. For each file:
- Parses the RTTTL format (`name:settings:notes`)
- Extracts the ringtone name, default settings, and note sequence

**Step 5 — Fetch pull requests**

Queries the GitHub API for open and closed PRs from all three repos (with pagination). Each PR includes title, author, state, labels, body (description), and source repository.

**Step 6 — Write output**

Everything is consolidated into a single `payloads.json`:

```json
{
  "fetchedAt": "2025-02-25T...",
  "categories": { ... },
  "totalPayloads": 164,
  "themes": [ ... ],
  "totalThemes": 43,
  "ringtones": [ ... ],
  "totalRingtones": 100,
  "pullRequests": [ ... ]
}
```

### Frontend (`index.html`, `app.js`, `style.css`)

A vanilla JavaScript single-page application — no frameworks, no build step.

- `app.js` fetches `payloads.json` on load and renders everything client-side
- Four main tabs switch between Payloads, Themes, Ringtones, and Pull Requests
- Payloads have sub-tabs for categories and a sidebar for subcategories
- Modals display full details (README rendering, source code, theme images, RTTTL playback)
- Syntax highlighting via [Highlight.js](https://highlightjs.org/) with the VS Code Dark+ (`vs2015`) theme
- Simple markdown renderer handles headings, bold, italic, links, images, code blocks, and lists

---

## Quick Start

## 1. Fetch data (requires Node.js, git, and internet)
```bash
npm run fetch
```
## 2. Serve locally
```
npm run serve
```

Or just open `index.html` directly — it only needs the `payloads.json` file to exist.

---

## Project Structure

```
├── index.html        # Main HTML shell
├── app.js            # Client-side application logic
├── style.css         # All styles (dark theme, responsive)
├── fetch_data.js     # Data fetcher / processor (Node.js)
├── payloads.json     # Generated data file (gitignored)
└── package.json      # Scripts and metadata
```

---

## Notes

- **GitHub API rate limit**: Unauthenticated requests are limited to 60/hour. Set a `GITHUB_TOKEN` environment variable for higher limits.
- **No build step**: The frontend is plain HTML/CSS/JS — just serve the files.
- Data is sourced from the [hak5/wifipineapplepager](https://github.com/hak5/wifipineapplepager) ecosystem.

---

*For educational and authorized testing purposes only.*
*Created by [Z3r0L1nk](https://github.com/Z3r0L1nk)*
*Assistant: [Claude AI](https://claude.ai) [<img src="https://claude.ai/favicon.ico" width="16" height="16" alt="Claude AI">](https://claude.ai)*

pager_page

pager_page 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

pager_page

pager_page 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README