# zhaoolee/chromeappheroes architecture

> Architecture diagram of the GitHub repository zhaoolee/chromeappheroes, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-09-30). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/zhaoolee/chromeappheroes
- Repository: https://github.com/zhaoolee/chromeappheroes

## Overview

ChromeAppHeroes is a Chinese-language catalog/manual project for browser extensions, rather than one integrated extension. The documented user journey is to browse the catalog and open an individual extension guide; the repository also preserves many extension implementations. A separate maintainer utility in main.js processes README image references and stores downloaded assets. The supplied tree does not include the individual guide files, so their internal structure and links to archived code cannot be verified; the catalog’s docsify hosting is documented in the README.

Main entry points: [`main.js`](https://github.com/zhaoolee/chromeappheroes/blob/master/main.js) (README image processor), [`README.md`](https://github.com/zhaoolee/chromeappheroes/blob/master/README.md) (Extension catalog), [`docs/README.md`](https://github.com/zhaoolee/chromeappheroes/blob/master/docs/README.md) (README source), [`README`](https://github.com/zhaoolee/chromeappheroes/tree/master/README) (Image assets)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_catalog["Guides and catalog"]
  node_catalog_index["Extension catalog<br/>[README.md]"]
  node_extension_guides["Extension guides"]
  node_docsify["Docsify site"]
end

subgraph group_archive["Extension archive"]
  node_extension_archive["Archived extensions"]
end

subgraph group_maintenance["Content maintenance"]
  node_image_processor["README image processor<br/>[main.js]"]
  node_readme_source["README source<br/>[README.md]"]
  node_asset_store["Image assets"]
end

node_reader(("Reader"))
node_maintainer(("Maintainer"))
node_github_pages["GitHub Pages"]

node_reader -->|"browses"| node_catalog_index
node_catalog_index -->|"links to"| node_extension_guides
node_extension_guides -->|"rendered by"| node_docsify
node_docsify -->|"hosted on"| node_github_pages
node_maintainer -->|"runs"| node_image_processor
node_image_processor -->|"processes"| node_readme_source
node_image_processor -->|"downloads images"| node_asset_store

click node_catalog_index "https://github.com/zhaoolee/chromeappheroes/blob/master/README.md"
click node_extension_archive "https://github.com/zhaoolee/chromeappheroes/tree/master/backup"
click node_image_processor "https://github.com/zhaoolee/chromeappheroes/blob/master/main.js"
click node_readme_source "https://github.com/zhaoolee/chromeappheroes/blob/master/docs/README.md"
click node_asset_store "https://github.com/zhaoolee/chromeappheroes/tree/master/README"

classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a
classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554
classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f
classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d
classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337
classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81
classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a
class node_catalog_index,node_extension_guides,node_docsify toneBlue
class node_extension_archive toneAmber
class node_image_processor,node_readme_source,node_asset_store toneMint
class node_reader,node_maintainer,node_github_pages toneIndigo
```

## Components

### Guides and catalog

- [Extension catalog](https://github.com/zhaoolee/chromeappheroes/blob/master/README.md): `README.md`
- **Extension guides**
- **Docsify site**

### Extension archive

- [Archived extensions](https://github.com/zhaoolee/chromeappheroes/tree/master/backup): `backup`

### Content maintenance

- [README image processor](https://github.com/zhaoolee/chromeappheroes/blob/master/main.js): `main.js`
- [README source](https://github.com/zhaoolee/chromeappheroes/blob/master/docs/README.md): `docs/README.md`
- [Image assets](https://github.com/zhaoolee/chromeappheroes/tree/master/README): `README`

### Other components

- **Reader**
- **Maintainer**
- **GitHub Pages**

## Connections

- Reader → Extension catalog: browses (evidence: `README.md`)
- Extension catalog → Extension guides: links to (evidence: `README.md`)
- Extension guides → Docsify site: rendered by (evidence: `README.md`)
- Docsify site → GitHub Pages: hosted on (evidence: `README.md`)
- Maintainer → README image processor: runs (evidence: `main.js`)
- README image processor → README source: processes (evidence: `main.js`)
- README image processor → Image assets: downloads images (evidence: `main.js`)