Get Started

instalasi

untuk dapat menggunakan seleku anda harus mempersiapkan envoritment nya terlebih dahulu

Node JS 👉 (minimal node versi 16 dan maksimal node versi terbaru)
Pemahaman dasar tentang javascript
memahami tentang penggunaan npm node package manager

seleku juga memiliki cdn jika anda tidak dapat menggunakan seleku di dalam lokal envoritmen anda di karenakan beberapa kendala kami menyediakan solusi lain yaitu menggunakan cdn seleku, seleku berjalan di atas system nya sendiri dan meng-compile syntax dari selekux ke dalam syntax javascript, dan terdapat dua versi dari compiler yaitu

node js compiler (@selekudev/selekuCompiler)
dan dengan CDN

cdn


<!-- seleku compiler -->
<script src="https://cdn.jsdelivr.net/gh/daberpro/selekuCDN/compiler.js"></script>

<!-- seleku core system -->
<script src="https://cdn.jsdelivr.net/gh/daberpro/selekuCDN/seleku.js"></script>

dan anda dapat mengunakan struktur dasar dari template sebagai berikut


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body id="nama">

    <script src="https://cdn.jsdelivr.net/gh/daberpro/selekuCDN/compiler.js"></script>
    <script src="https://cdn.jsdelivr.net/gh/daberpro/selekuCDN/seleku.js"></script>

    <script>

        let compiler = new SelekuCompiler({
            filename: "App",
            precompile(args){}
        });

        let app = compiler.compile( `

            <div id="app">
                hello world

                <h1 props="user" event="">hello {{user}}</h1>

                <h1 props="count">{{count}}</h1>

            </div>

            <style>

                h1{
                    color: red;
                }

            </style>

            <script>

                App.render(document.body);
                App.state.user = "daber";

                let count = 0;

                setInterval(e =>{
                    count++;
                    App.state.count = count;
                },500);

            </script>
        `);

        StyleSheet(app.CSS);
        eval(app.JS);

    </script>

</body>
</html>

node

kekurangan dari penggunaan cdn adalah anda tidak dapat melakukan import component (.selekux) secara langsung dan untuk melakukan import secara langsung hanya di mungkinkan dengan menggunakan node

untuk instalasi silahkan buka command promt (CMD) / terminal dan pastikan anda telah memiliki node js dan npm terinstall di device anda

dengan cara jalankan perintah

untuk mengecheck versi node node --version untuk mengecheck versi npm npm --version

kemudian install seleku secara global dengan menjalankan

npm i -g seleku@latest

kemudian lakukan pengecheckan dengan cara menjalankan perintah

seleku --version

project pertama

setelah melakukan instalasi menggunakan node untuk membuat project pertama anda, anda hanya cukup menjalankan seleku secara lokal dengan melalui command promt (CMD) / terminal yaitu dengan menjalankan

seleku

kemudian anda akan di minta untuk menentukan template project yang akan di gunakan anda dapat memilih sesuai dengan kebutuhan anda tapi anda dapat memilih template seleku saja

kemudian setelah anda memilih template anda akan di mintai untuk mengisi nama project silahkan anda isi sesuka hati anda

setelah membuat template project anda harus melakukan instalasi node_modules terlebih dahulu yaitu dengan cara

npm i

kemudian untuk menjalankan project secara lokal anda dapat menggunakan perintah

npm run dev

dan silahkan anda coba kode yang ada di src/app.seleku dan save kemudian anda refresh halaman web

dan untuk mendapatkan hasil bundle seleku cukup jalankan

npm run build

dan hasil build di simpan di dalam folder bundle

untuk mempelajari lebih jauh silahkan kunjungi dokumentasi kami

seleku documantation

Seleku beta

# list content

Get Started

instalasi

cdn

node

project pertama