# yusufertek/theleng architecture

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

- Interactive diagram: https://gitdiagram.com/yusufertek/theleng
- Repository: https://github.com/yusufertek/theleng

## Overview

This repository appears to be a Turkish-language Sonsuz Miras website, with static pages and media alongside a small API directory. The clearest runtime flow evidenced here is browser use of the site with service-worker caching and push notifications; a separate Shopier handler accepts order details and returns an auto-submitting payment form. The README is empty, and page-to-script/API wiring was not shown, so those connections are omitted.

Main entry points: [`service-worker.js`](https://github.com/yusufertek/theleng/blob/main/service-worker.js) (Service worker), [`api/shopier.js`](https://github.com/yusufertek/theleng/blob/main/api/shopier.js) (Shopier handler), [`index.html`](https://github.com/yusufertek/theleng/blob/main/index.html) (Site pages), [`kuran.html`](https://github.com/yusufertek/theleng/blob/main/kuran.html) (Content pages)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_web["Website experience"]
  node_pages["Site pages<br/>[index.html]"]
  node_content["Content pages<br/>[kuran.html]"]
  node_assets["Media and styles<br/>[style.css]"]
end

subgraph group_offline["Offline and notifications"]
  node_sw["Service worker<br/>[service-worker.js]"]
  node_cache[("Cache storage")]
  node_push["Push notifications<br/>[service-worker.js]"]
end

subgraph group_commerce["Payment"]
  node_shopier_handler["Shopier handler<br/>[shopier.js]"]
end

node_visitor(("Site visitor"))
node_browser["Browser platform"]
node_payment_service["Shopier payments"]

node_visitor -->|"opens"| node_pages
node_visitor -->|"views"| node_content
node_browser -->|"runs"| node_sw
node_sw -->|"caches resources"| node_cache
node_sw -->|"handles fetches"| node_browser
node_browser -->|"delivers events"| node_push
node_push -->|"shows notification"| node_browser
node_shopier_handler -->|"submits payment form"| node_payment_service

click node_pages "https://github.com/yusufertek/theleng/blob/main/index.html"
click node_content "https://github.com/yusufertek/theleng/blob/main/kuran.html"
click node_assets "https://github.com/yusufertek/theleng/blob/main/style.css"
click node_sw "https://github.com/yusufertek/theleng/blob/main/service-worker.js"
click node_push "https://github.com/yusufertek/theleng/blob/main/service-worker.js"
click node_shopier_handler "https://github.com/yusufertek/theleng/blob/main/api/shopier.js"

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_pages,node_content,node_assets,node_browser toneBlue
class node_sw,node_cache,node_push toneAmber
class node_shopier_handler toneMint
class node_visitor,node_payment_service toneIndigo
```

## Components

### Website experience

- [Site pages](https://github.com/yusufertek/theleng/blob/main/index.html): `index.html`
- [Content pages](https://github.com/yusufertek/theleng/blob/main/kuran.html): `kuran.html`
- [Media and styles](https://github.com/yusufertek/theleng/blob/main/style.css): `style.css`

### Offline and notifications

- [Service worker](https://github.com/yusufertek/theleng/blob/main/service-worker.js): `service-worker.js`
- **Cache storage**
- [Push notifications](https://github.com/yusufertek/theleng/blob/main/service-worker.js): `service-worker.js`

### Payment

- [Shopier handler](https://github.com/yusufertek/theleng/blob/main/api/shopier.js): `api/shopier.js`

### Other components

- **Site visitor**
- **Browser platform**
- **Shopier payments**

## Connections

- Site visitor → Site pages: opens
- Site visitor → Content pages: views
- Browser platform → Service worker: runs (evidence: `service-worker.js`)
- Service worker → Cache storage: caches resources (evidence: `service-worker.js`)
- Service worker → Browser platform: handles fetches (evidence: `service-worker.js`)
- Browser platform → Push notifications: delivers events (evidence: `service-worker.js`)
- Push notifications → Browser platform: shows notification (evidence: `service-worker.js`)
- Shopier handler → Shopier payments: submits payment form (evidence: `api/shopier.js`)