All Projects
Side Project

Auto Cors Diagnose

Year Built

2026

Tech Stack

Typescript

auto-cors-diagnose

auto-cors-diagnose logo

Alat analisis masalah CORS otomatis dengan penjelasan yang jelas dan solusi yang bisa langsung diterapkan.

npm version license

auto-cors-diagnose adalah CLI dan library Node.js yang membantu developer menganalisis masalah CORS (Cross-Origin Resource Sharing) secara otomatis. Tool ini melakukan preflight request (OPTIONS) dan memeriksa response headers untuk menentukan apakah sebuah API mendukung akses lintas origin โ€” dan jika tidak, tool ini akan memberikan penjelasan yang jelas beserta solusi yang disarankan.

Cocok digunakan untuk:

  • Frontend developer yang sering berhadapan dengan error CORS
  • Backend developer yang ingin memverifikasi konfigurasi API
  • QA engineer yang melakukan validasi endpoint
  • Mahasiswa atau pemula yang sedang mempelajari perilaku CORS

โœจ Fitur

  • ๐Ÿ” Analisis CORS otomatis untuk endpoint API apa pun
  • โš  Mendeteksi header CORS yang hilang atau tidak valid
  • ๐Ÿง  Memberikan rekomendasi yang bisa langsung diterapkan
  • ๐Ÿ’ป Bisa digunakan sebagai CLI maupun library
  • ๐Ÿš€ Ringan dan minim dependensi

๐Ÿ“ฆ Instalasi

Instal secara global:

npm install -g auto-cors-diagnose

Atau gunakan NPX tanpa instalasi:

npx auto-cors-diagnose <url>

๐Ÿ’ป Penggunaan CLI

Cek konfigurasi CORS dari sebuah API:

npx auto-cors-diagnose https://dummyjson.com/products

Contoh hasil sukses:

{
  "status": "OK",
  "details": "CORS headers terdeteksi.",
  "rawHeaders": {
    "access-control-allow-origin": "*",
    "access-control-allow-methods": "GET,HEAD,PUT,PATCH,POST,DELETE"
  }
}

Contoh hasil gagal:

{
  "status": "CORS_BLOCKED",
  "reason": "missing-allow-origin",
  "details": "Header Access-Control-Allow-Origin tidak ditemukan.",
  "solution": "Tambahkan 'Access-Control-Allow-Origin: *' atau tentukan domain yang diizinkan."
}

๐Ÿง‘โ€๐Ÿ’ป Penggunaan sebagai Library (Node.js)

import { diagnoseCors } from "auto-cors-diagnose";

const result = await diagnoseCors("https://dummyjson.com/products");
console.log(result);

๐Ÿ“ Struktur Proyek

auto-cors-diagnose
โ”œโ”€ bin/                 # Launcher CLI
โ”œโ”€ dist/                # JavaScript hasil build
โ”œโ”€ src/                 # Source code TypeScript
โ”‚  โ”œโ”€ core/
โ”‚  โ”œโ”€ utils/
โ”‚  โ””โ”€ cli.ts
โ””โ”€ tests/               # Pengujian menggunakan Vitest

๐Ÿงช Menjalankan Test

npm run test

๐Ÿค Kontribusi

Kontribusi sangat terbuka! Silakan gunakan alur berikut:

dev branch โ†’ development

feat/<nama-fitur> โ†’ fitur baru

๐Ÿ“„ Lisensi

Proyek ini dirilis dengan lisensi MIT License ยฉ 2025 Kikuk Afandi.

End of Project Documentation. Explore other works.