====== Build-Targets ======

WvdS FPC RAD Studio podržava različite Build-Targets za različite platforme.

===== Pregled =====

^ Target ^ Compiler ^ Izlaz ^ Runtime-okruženje ^
| GUI | FPC | Native Binary | Desktop (Windows/Linux/macOS) |
| TUI | FPC | Native Binary | Terminal |
| Web | pas2js | JavaScript | Browser/Node.js |
| Extension | pas2js | JavaScript | VS Code Extension Host |

===== GUI-Target =====

Native Desktop-aplikacije s grafičkim korisničkim sučeljem.

==== Tehnologija ====

  * **Compiler:** Free Pascal Compiler (FPC)
  * **UI-Framework:** LCL (Lazarus Component Library)
  * **Izlaz:** .exe (Windows), Binary (Linux/macOS)

==== PXAML-Rendering ====

<code>
PXAML → IR → GUI Renderer → LCL Controls
</code>

**Podržani Controls:**
  * Svi Standard-LCL-Controls
  * Custom WvdS Controls
  * Native Widgets po platformi

==== Build-Konfiguracija ====

<code ini>
[build]
target=gui
platform=windows-x64

[gui]
widgetset=win32  # ili: gtk2, qt5, cocoa
</code>

===== TUI-Target =====

Terminal-bazirana korisnička sučelja za servere i CLI.

==== Tehnologija ====

  * **Compiler:** Free Pascal Compiler (FPC)
  * **UI-Framework:** WvdS TUI Framework
  * **Izlaz:** Native Binary s ANSI/VT100 izlazom

==== PXAML-Rendering ====

<code>
PXAML → IR → TUI Renderer → ANSI-Escape-Sekvence
</code>

**Podržani Controls:**
  * TextBlock, Label
  * TextBox (Single-Line Input)
  * Button (s tipkovničnom navigacijom)
  * ListBox, Table
  * ProgressBar
  * Border, Panel

==== Build-Konfiguracija ====

<code ini>
[build]
target=tui
platform=linux-x64

[tui]
colors=256  # ili: 16, truecolor
unicode=true
</code>

===== Web-Target =====

Browser-aplikacije putem pas2js-transpilacije.

==== Tehnologija ====

  * **Compiler:** pas2js
  * **Izlaz:** JavaScript-Bundle
  * **Runtime:** Browser, Electron, PWA

==== PXAML-Rendering ====

<code>
PXAML → IR → Web Renderer → DOM/CSS
</code>

**Podržani Controls:**
  * Svi HTML-native Controls
  * CSS-bazirano stiliziranje
  * Flexbox/Grid Layout

==== Build-Konfiguracija ====

<code ini>
[build]
target=web
platform=browser

[web]
minify=true
sourcemaps=true
</code>

===== Extension-Target =====

VS Code Extensions u Pascalu.

==== Tehnologija ====

  * **Compiler:** pas2js
  * **Izlaz:** CommonJS-Modul
  * **Runtime:** VS Code Extension Host (Node.js)

==== Posebnosti ====

  * Nema DOM-pristupa
  * VS Code API dostupan
  * WebView za UI

==== Build-Konfiguracija ====

<code ini>
[build]
target=extension
platform=vscode

[extension]
minversion=1.85.0
</code>

===== Matrica platformi =====

^ Feature ^ GUI ^ TUI ^ Web ^ Extension ^
| Prozori | Da | Ne | Da | WebView |
| Dijalozi | Da | Ograničeno | Da | Quick Input |
| Meniji | Da | Ne | Da | Contributes |
| Pristup datotekama | Da | Da | Ograničeno | Da |
| Mreža | Da | Da | CORS | Da |
| Multi-Threading | Da | Da | Web Workers | Ne |

===== Dijeljenje koda =====

Zajednički kod za sve targete nalazi se u ''sources/common/'':

<code>
sources/common/
├── core/         # Bazni tipovi, Utilities
├── ui/
│   ├── controls/ # Control-apstrakcija
│   ├── runtime/  # PXAML Runtime
│   └── targets/
│       ├── gui/  # GUI-specifično
│       ├── tui/  # TUI-specifično
│       └── web/  # Web-specifično
</code>

**Conditional Compilation:**

<code pascal>
{$IFDEF TARGET_GUI}
uses LCLType, Forms;
{$ENDIF}

{$IFDEF TARGET_WEB}
uses JS, Web;
{$ENDIF}

{$IFDEF TARGET_TUI}
uses WvdS.TUI.Console;
{$ENDIF}
</code>

===== Vidi također =====

  * [[.:architektur|Pregled arhitekture]]
  * [[.:build-pipeline|Build-Pipeline]]
  * [[.:pxaml-pipeline|PXAML-Pipeline]]