[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-77899":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":14,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":15,"forks30d":15,"starsTrendScore":19,"compositeScore":20,"rankGlobal":10,"rankLanguage":10,"license":10,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":23,"hasPages":23,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":30,"readmeContent":31,"aiSummary":32,"trendingCount":15,"starSnapshotCount":15,"syncStatus":14,"lastSyncTime":33,"discoverSource":34},77899,"dev-commands-cheatsheet","abdosorour7\u002Fdev-commands-cheatsheet","abdosorour7","The ultimate offline-ready Developer Cheatsheets for Git, Docker, and more: searchable, copy-ready, and organized for real-world workflows.","https:\u002F\u002Fabdosorour7.github.io\u002Fdev-commands-cheatsheet\u002F",null,"JavaScript",207,26,2,0,3,15,34,9,4.29,false,"main",true,[25,26,27,28,29],"cheatsheet","command-line-tool","developer-tools","docker","git","2026-06-12 02:03:45","\u003Cdiv align=\"center\">\n\n# 🧠 Dev Cheatsheets\n\n### A fast, searchable, professional reference for everyday developer commands\n\n[![Live Demo](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F🌐_Live_Demo-Visit_Site-00ff9d?style=for-the-badge&labelColor=0a0e17)](https:\u002F\u002Fabdosorour7.github.io\u002Fgit-commands-cheatsheet) [![PRs Welcome](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FPRs-welcome-00cfff?style=for-the-badge&labelColor=0a0e17)](https:\u002F\u002Fgithub.com\u002Fabdosorour7\u002Fgit-commands-cheatsheet\u002Fissues)\n\n\u003Cbr\u002F>\n\n**Sections:** Git · Docker — and growing\n\n**Data-driven · Fast search · Copy-ready · Multilingual**\n\n\u003Cbr\u002F>\n\n![Preview of the cheatsheet UI](https:\u002F\u002Fraw.githubusercontent.com\u002Fabdosorour7\u002Fgit-commands-cheatsheet\u002Fmain\u002Fpreview.png)\n\n\u003C\u002Fdiv>\n\n---\n\n## 🚀 Why This Repo\n\n- Built for speed: open, search, copy, and move on\n- Covers real daily workflows for the tools developers use most\n- Easy to extend with **new sections** (Git, Docker, …) without touching the rendering code\n- Designed to be contributor-friendly\n- Clean UI that is readable for long sessions\n\n---\n\n## ✨ Features\n\n- 🗂️ **Multiple sections** — switch between **Git** and **Docker** cheatsheets with a single click; new sections drop in via a JSON manifest\n- ✨ **Multilingual** — switch between English 🇬🇧, Italian 🇮🇹, French 🇫🇷, and Spanish 🇪🇸; your choice is remembered across visits\n- 🔍 **Instant search** — filter any command or description in real time, scoped to the active section\n- 📋 **One-click copy** — click any command to copy it to your clipboard\n- ⚠️ **Danger warnings** — destructive commands are clearly marked\n- ⌨️ **Keyboard shortcut** — press `\u002F` to focus search instantly\n- 📱 **Fully responsive** — works great on mobile and desktop\n- 🌙 **Dark terminal theme** — easy on the eyes, built for developers\n- 📡 **PWA \u002F offline** — installable, with service worker caching\n- 🧩 **Modular architecture** — separate data, rendering, state, and interactions\n\n---\n\n## 🏗️ Architecture\n\nThis project uses a clean static architecture with no framework and no build requirement.\n\n- **`index.html`**: page shell, section pills, semantic structure\n- **`assets\u002Fcss\u002Fstyles.css`**: visual design, layout, responsive styles\n- **`assets\u002Fdata\u002Fsections.json`**: manifest for each section (`key`, `title`, `logo`, `#RRGGBB` `color`, docs URL, `docsLabelKey`)\n- **`assets\u002Fbrands\u002F`**: SVG marks for the section switcher (see `README.md` in that folder for attribution)\n- **`assets\u002Fdata\u002F{section}.{lang}.json`**: per-section command data (e.g. `git.en.json`, `docker.en.json`)\n- **`assets\u002Fdata\u002Fui.json`**: all UI strings keyed by locale (`en`, `it`, `fr`, `es`)\n- **`assets\u002Fjs\u002Fapp.js`**: app bootstrap and orchestration (sections + language)\n- **`assets\u002Fjs\u002Fmodules\u002F`**:\n  - `paths.js` — resolves `assets\u002Fdata\u002F…`, `assets\u002Fbrands\u002F…`, and other static URLs from the current page (GitHub Pages–friendly)\n  - `data-loader.js` — loads `sections.json` and section data on demand (per language, with English fallback per command)\n  - `render.js` — renders section pills, category tabs, and command cards\n  - `state.js` — section, category, and search filtering state\n  - `interactions.js` — copy, keyboard, scroll behavior\n  - `i18n.js` — language switching, UI strings, and `localStorage` persistence (lang + section)\n\nScripts are loaded as **classic** `\u003Cscript defer>` files (not ES modules) so the app runs even when a simple local server serves `.js` as `text\u002Fplain` (common with `python -m http.server` on Windows). Strict MIME checks for `type=\"module\"` do not apply.\n\nThis keeps the app easy to maintain, easy to extend, and contributor-friendly.\n\n### ➕ Adding a new section (e.g. Linux, Kubernetes)\n\n1. Add an entry in `assets\u002Fdata\u002Fsections.json` (each section needs a stable `key`, human `title`, `logo` path under `assets\u002Fbrands\u002F` or `assets\u002F`, theme `color` as `#RRGGBB`, docs link, and `docsLabelKey` matching a key in `ui.json`):\n\n```json\n{\n  \"key\": \"kubernetes\",\n  \"title\": \"Kubernetes\",\n  \"logo\": \"assets\u002Fbrands\u002Fkubernetes.svg\",\n  \"color\": \"#326CE5\",\n  \"docsUrl\": \"https:\u002F\u002Fkubernetes.io\u002Fdocs\u002Freference\u002Fkubectl\u002F\",\n  \"docsLabelKey\": \"footerDocs\"\n}\n```\n\n2. Add the logo SVG under `assets\u002Fbrands\u002F` (square viewBox, ~24px artwork scales cleanly in the section pills).\n3. Create `assets\u002Fdata\u002Fkubernetes.en.json` using the same shape as `git.en.json` \u002F `docker.en.json` (top-level `categories`, each with `commands`).\n4. Optional: add localized variants like `kubernetes.fr.json`. Missing translations fall back to English at runtime with an `EN` badge.\n5. Add new static files to `sw.js`'s `ASSETS` array and bump `CACHE_NAME` so they work offline after deploy.\n\nNo JavaScript changes are required for a new section beyond listing new files in the service worker.\n\n### ➕ Adding a new command\n\n1. Add the command to the appropriate `assets\u002Fdata\u002F{section}.en.json` (required, source of truth).\n2. Optionally add translated entries in the other `{section}.{lang}.json` files in the same PR.\n3. The UI shows an **EN** badge when a command is shown in English for the active language: missing locale file (all commands), missing row in a locale file, or when `descriptionHtml` still matches the English text after merge (so leaving English copy in a translated file is detected automatically).\n\n### 🌍 Adding a new language\n\n1. Add the locale's UI strings to `assets\u002Fdata\u002Fui.json`.\n2. Add a button to the `#lang-switcher` in `index.html` and to the `SUPPORTED_LANGS` array in `assets\u002Fjs\u002Fmodules\u002Fi18n.js`.\n3. Translate the per-section files you want to support (`git.{lang}.json`, `docker.{lang}.json`, …). Files can be partial — any missing commands fall back to English at runtime.\n\n**EN badge (automatic):** `assets\u002Fjs\u002Fmodules\u002Fdata-loader.js` merges each section with English, then marks cards with `_fallback: \"en\"` when there is no `{section}.{lang}.json`, when a command row is absent in that file, or when `descriptionHtml` equals the English entry (normalized whitespace). The card renderer reads `_fallback` and shows the localized “not translated” hint from `ui.json`.\n\n---\n\n## 📚 Sections\n\n| Section | Categories | Commands |\n|---------|-----------:|---------:|\n| 🔱 Git | 12 | 115 |\n| 🐳 Docker | 11 | 142 |\n\n### Git categories\n⚙️ Setup & Config · 📁 Starting a Repo · 🔄 Basic Workflow · 🌿 Branching · ☁️ Remote (GitHub) · ↩️ Undo & Fix · 📦 Stash · 🏷️ Tags · 🔍 History & Diff · 🧹 Cleanup & Maintenance · 🌲 Worktrees · 🚀 Advanced Branching\n\n### Docker categories\n⚙️ Setup & Info · 🐳 Images · 🚀 Run Containers · 🔁 Container Lifecycle · 🔍 Inspect & Logs · 💾 Volumes · 🌐 Networks · 🐙 Docker Compose · 📝 Dockerfile Instructions · 🏷️ Registry & Sharing · 🧹 Cleanup & Maintenance\n\n---\n\n## 🚀 Quick Start\n\n### Option 1 — Use the live website\nJust visit: **[abdosorour7.github.io\u002Fgit-commands-cheatsheet](https:\u002F\u002Fabdosorour7.github.io\u002Fgit-commands-cheatsheet)**\n\n### Option 2 — Run locally\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002Fabdosorour7\u002Fgit-commands-cheatsheet.git\ncd git-commands-cheatsheet\n```\n\nOpen `index.html` first (double-click it, or open it in your browser).\n\nIf the page works, you are done.\n\nIf commands do not load (browser blocks `file:\u002F\u002F` JSON loading), run a local server:\n\n```bash\npython -m http.server 8080\n```\n\nThen open: **http:\u002F\u002Flocalhost:8080**\n\nIf Python is not installed, use one of these alternatives:\n\n```bash\n# Option A (Node.js)\nnpx serve .\n\n# Option B (VS Code extension)\nUse \"Live Server\" and open the project root\n```\n\nNo build tools required for local development.\n\n---\n\n## 🧱 Project Structure\n\n```text\ngit-commands-cheatsheet\u002F\n├─ index.html\n├─ manifest.json\n├─ sw.js\n├─ assets\u002F\n│  ├─ brands\u002F\n│  │  ├─ README.md\n│  │  ├─ git.svg\n│  │  └─ docker.svg\n│  ├─ css\u002F\n│  │  └─ styles.css\n│  ├─ data\u002F\n│  │  ├─ sections.json       ← list of sections (Git, Docker, …)\n│  │  ├─ git.en.json         ← Git — English (canonical source)\n│  │  ├─ git.it.json         ← Git — Italian\n│  │  ├─ git.fr.json         ← Git — French\n│  │  ├─ git.es.json         ← Git — Spanish\n│  │  ├─ docker.en.json      ← Docker — English (canonical source)\n│  │  └─ ui.json             ← UI strings for all locales\n│  └─ js\u002F\n│     ├─ README.md\n│     ├─ app.js\n│     └─ modules\u002F\n│        ├─ paths.js\n│        ├─ data-loader.js\n│        ├─ i18n.js\n│        ├─ interactions.js\n│        ├─ render.js\n│        └─ state.js\n└─ README.md\n```\n\n---\n\n## 🌟 Support This Project\n\n- ⭐ Star the repository if it helped you\n- 🍴 Fork it and customize your own version\n- 📣 Share it with teammates or in dev communities\n- 🐛 Open issues for mistakes or missing commands\n\n---\n\n## 🤝 Contributing\n\nContributions are warmly welcome and highly appreciated.\n\n- ➕ Add useful missing commands to existing sections\n- 🆕 Propose entirely new sections (Linux, Kubernetes, npm, AWS CLI, …)\n- 📝 Improve command descriptions and examples\n- 🌍 Add or improve translations\n- 🎨 Suggest UI\u002FUX improvements\n\nOpen an issue or PR directly and include clear details\u002Fscreenshots when relevant.\n\n---\n\n## 📄 License\n\nMIT © [abdosorour7](https:\u002F\u002Fgithub.com\u002Fabdosorour7) — free to use, share, and modify.\n\n---\n\n\u003Cdiv align=\"center\">\n\nIf this helped you, please consider giving it a ⭐ — it helps others discover it!\n\n***I'm not primarily a web developer — I just build practical tools that solve real problems.***\n\nBuilt with thoughtful AI assistance.\n\n---\n\n**Made with ❤️ for the developer community**\n\n\u003C\u002Fdiv>\n","该项目是一个离线可用的开发者命令速查表，涵盖了Git、Docker等工具的常用命令。其核心功能包括即时搜索、一键复制以及多语言支持，旨在提高开发者日常工作效率。技术特点方面，项目采用模块化架构设计，数据与渲染逻辑分离，支持PWA特性，确保在无网络环境下也能流畅使用。此外，它还具备响应式布局和暗黑模式，适合长时间阅读。此项目适用于需要频繁查阅命令行工具用法的开发人员，在实际编程工作中能够快速定位并执行所需命令，尤其适合初学者或跨技术栈工作的开发者。","2026-06-11 03:56:12","CREATED_QUERY"]