swytch framework

Kerangka kerja swytch

Kerangka kerja Swytch adalah kerangka kerja yang baru, pemula, tetapi kuat yang memungkinkan Anda untuk menulis HTML sejalan dengan logika aplikasi Anda, termasuk titik akhir API. Ini dibangun di atas HTMX untuk angkat berat sisi browser, dan kustom, streaming parser HTML5, untuk menangani HTML dan melarikan diri.

Fitur:

• Tulis HTML inline dengan kode PHP Anda, mengandalkan pelarian yang sadar konteks.
• Jauhkan logika API di dekat HTML yang menggunakannya.
• Perutean aplikasi melalui HTML (mirip dengan reactrouter).
• Perlindungan CSRF otomatis.
• Konteks-sadar melarikan diri.
• Validasi HTML5 Otomatis.
• Otorisasi dan otentikasi sadar rute dan rendering.
• Kontrol cache browser.
• Dukungan Builtin untuk Terjemahan.

Catatan: Ini adalah perangkat lunak pra-produksi saat ini dan tidak disarankan untuk penggunaan produksi.

Contoh aplikasi

Berikut ini adalah beberapa contoh aplikasi menggunakan kerangka kerja Swytch:

Sekali

Lihat langsung di Once.getswytch.com. Ini adalah aplikasi pesan rahasia.

Otentikasi

Aplikasi ini menyediakan sistem otentikasi sederhana dengan mengirim email kata sandi. Ini memberikan otentikasi masuk Kubernetes.

Contoh komponen

#[ Bottledcode  SwytchFramework  Template  Attributes Component( ' example ' )]
class ExampleComponent {
    use  Bottledcode  SwytchFramework  Template  Traits RegularPHP;
    use  Bottledcode  SwytchFramework  Template  Traits Htmx;
    
    #[ Bottledcode  SwytchFramework  Router  Attributes Route( Bottledcode  SwytchFramework  Router Method:: POST , ' /api/number ' )]
    public function getNumber ( string $ name , string $ number ): int {
        return $ this -> render ( $ name , random_int ( 0 , 100 ));
    }
    
    public function render ( string $ name , int $ number = null ): string {
        $ this -> begin ();
        ?>
        <div>
            <h1>Hello, { <?= $ name ?> }</h1>
            <form hx-post="/api/number">
                <!-- CSRF protection is automatically added to forms -->
                <input type='hidden' name='name' value={ <?= $ name ?> } />
                <p>Here is a random number: { <?= $ number ?> }</p>
                <button type="submit">Generate a new random number</button>
            </form>
        </div>
        <?php
        return $ this -> end ();
    }
}