{
  "url": "https://unifast.dev/id/docs/introduction/key-concepts/",
  "locale": "id",
  "title": "Konsep Kunci",
  "description": "Pahami pipeline kompilasi multi-tahap unifast, pass bawaan, dan cara kerja transformasi MdAst serta HAst.",
  "section": "introduction",
  "body": "unifast meng-compile Markdown melalui pipeline multi-tahap. Memahami tahapan ini akan membantu Anda mengonfigurasi compiler dan memilih plugin yang tepat.\n\n### Pipeline Kompilasi\n\n```\nInput text\n  → Parse (Markdown or MDX)\n  → IR0: MdAst (Markdown structure)\n  → Normalize + Built-in MdAst passes\n  → Lower to IR1: HAst (HTML structure)\n  → HAst passes (sanitize, highlight, etc.)\n  → Emit (HTML string)\n```\n\nSetiap tahap mentransformasikan dokumen melalui intermediate representation (IR).\n\n### Intermediate Representation\n\n| IR | Nama | Tujuan |\n|----|------|---------|\n| **IR0** | MdAst | Struktur Markdown - heading, paragraf, list, code block |\n| **IR1** | HAst | Struktur HTML - elemen, atribut, text node |\n| **IR2** | JsAst | MDX saja - import ESM dan ekspresi JSX |\n\nParser menghasilkan **MdAst**, yang kemudian diturunkan menjadi **HAst** untuk emisi HTML. Input MDX juga menghasilkan node **JsAst** untuk output JavaScript.\n\n### Pass\n\nPass adalah transformasi yang diterapkan pada AST pada fase tertentu. unifast memiliki pass bawaan untuk tugas umum:\n\n**Pass MdAst** (sebelum penurunan ke HTML):\n\n- **Normalize** - Struktur yang konsisten untuk pass berikutnya\n- **Slug** - Menghasilkan ID heading dari konten teks\n- **TOC** - Mengekstrak daftar isi dari heading\n- **Definition Resolution** - Menyelesaikan definisi referensi link/gambar\n\n**Pass HAst** (setelah penurunan ke HTML):\n\n- **Sanitize** - Menghapus elemen dan atribut HTML yang tidak diizinkan\n- **Highlight** - Menerapkan syntax highlighting pada code block\n- **Cleanup** - Menghapus node dan whitespace yang tidak perlu\n\nPass diurutkan berdasarkan fase - Anda tidak perlu khawatir tentang urutan eksekusi.\n\n### Plugin\n\nPlugin adalah paket TypeScript yang mengonfigurasi pass bawaan. Plugin tidak menjalankan JavaScript sembarang selama kompilasi - sebaliknya, plugin menetapkan opsi yang mengontrol cara inti Rust memproses dokumen Anda.\n\n```ts\nimport { compile, gfm, sanitize } from \"@unifast/node\";\n\nconst result = compile(source, {\n  plugins: [gfm(), sanitize()],\n});\n```\n\nSetiap plugin mengembalikan sebuah objek konfigurasi yang digabungkan ke dalam opsi compile sebelum inti Rust berjalan. Hal ini menjaga hot path sepenuhnya dalam kode native.\n\n### Format Output\n\nCompiler mendukung beberapa format output melalui opsi `outputKind`:\n\n| Format | Deskripsi |\n|--------|-------------|\n| `\"html\"` | String HTML (default) |\n| `\"hast\"` | JSON HAst - AST HTML untuk rendering kustom |\n| `\"mdast\"` | JSON MdAst - AST Markdown untuk analisis |\n| `\"mdx-js\"` | String modul JavaScript (MDX saja) |\n\n### Diagnostics\n\nCompiler melaporkan masalah melalui array `diagnostics` pada hasil. Setiap diagnostic mencakup tingkat severity, pesan, dan span sumber opsional untuk lokasi error yang presisi.\n\n```ts\nconst result = compile(source);\n\nfor (const d of result.diagnostics) {\n  console.warn(`[${d.level}] ${d.message}`);\n}\n```",
  "alternates": [
    {
      "locale": "en",
      "url": "https://unifast.dev/docs/introduction/key-concepts/",
      "api": "https://unifast.dev//api/docs/introduction/key-concepts.json"
    },
    {
      "locale": "ja",
      "url": "https://unifast.dev/ja/docs/introduction/key-concepts/",
      "api": "https://unifast.dev//api/ja/docs/introduction/key-concepts.json"
    },
    {
      "locale": "zh-CN",
      "url": "https://unifast.dev/zh-CN/docs/introduction/key-concepts/",
      "api": "https://unifast.dev//api/zh-CN/docs/introduction/key-concepts.json"
    },
    {
      "locale": "zh-TW",
      "url": "https://unifast.dev/zh-TW/docs/introduction/key-concepts/",
      "api": "https://unifast.dev//api/zh-TW/docs/introduction/key-concepts.json"
    },
    {
      "locale": "ko",
      "url": "https://unifast.dev/ko/docs/introduction/key-concepts/",
      "api": "https://unifast.dev//api/ko/docs/introduction/key-concepts.json"
    },
    {
      "locale": "fr",
      "url": "https://unifast.dev/fr/docs/introduction/key-concepts/",
      "api": "https://unifast.dev//api/fr/docs/introduction/key-concepts.json"
    },
    {
      "locale": "it",
      "url": "https://unifast.dev/it/docs/introduction/key-concepts/",
      "api": "https://unifast.dev//api/it/docs/introduction/key-concepts.json"
    },
    {
      "locale": "es",
      "url": "https://unifast.dev/es/docs/introduction/key-concepts/",
      "api": "https://unifast.dev//api/es/docs/introduction/key-concepts.json"
    },
    {
      "locale": "pt-BR",
      "url": "https://unifast.dev/pt-BR/docs/introduction/key-concepts/",
      "api": "https://unifast.dev//api/pt-BR/docs/introduction/key-concepts.json"
    },
    {
      "locale": "de",
      "url": "https://unifast.dev/de/docs/introduction/key-concepts/",
      "api": "https://unifast.dev//api/de/docs/introduction/key-concepts.json"
    },
    {
      "locale": "ru",
      "url": "https://unifast.dev/ru/docs/introduction/key-concepts/",
      "api": "https://unifast.dev//api/ru/docs/introduction/key-concepts.json"
    },
    {
      "locale": "hi",
      "url": "https://unifast.dev/hi/docs/introduction/key-concepts/",
      "api": "https://unifast.dev//api/hi/docs/introduction/key-concepts.json"
    },
    {
      "locale": "id",
      "url": "https://unifast.dev/id/docs/introduction/key-concepts/",
      "api": "https://unifast.dev//api/id/docs/introduction/key-concepts.json"
    },
    {
      "locale": "tr",
      "url": "https://unifast.dev/tr/docs/introduction/key-concepts/",
      "api": "https://unifast.dev//api/tr/docs/introduction/key-concepts.json"
    },
    {
      "locale": "vi",
      "url": "https://unifast.dev/vi/docs/introduction/key-concepts/",
      "api": "https://unifast.dev//api/vi/docs/introduction/key-concepts.json"
    }
  ]
}
