Devectus

Devectus (Alpha): Aplikasi Komponen Kode Offline

Peringatan

Proyek ini berada pada tahap pengembangan yang cukup awal, dan merupakan salah satu upaya pertama kami untuk membuka proyek proyek

Aplikasi pustaka komponen offline yang memungkinkan pengembang untuk menyimpan komponen/cuplikan kode pada drive lokal. Tidak ada kompleksitas, pasta kode sederhana yang disimpan untuk digunakan nanti.

Isi

• Tujuan kami
• Fitur saat ini
• Berkontribusi
• Instalasi dan memulai
• Menggunakan aplikasi

Trailer devectus (klik gambar) -

Peringatan

Sementara proyek berada di bawah lisensi CC BY-NC 4.0 untuk saat ini, kami terbuka untuk saran dan dapat mempertimbangkan kembali lisensi di masa depan berdasarkan umpan balik kontributor.

Tujuan kami

• Untuk membuat penggunaan kembali komponen kode lebih mudah bagi pengembang.
• Untuk menjaga kreasi kode pengembang tetap aman dan 100% offline.
• Untuk meningkatkan efisiensi pengembangan proyek.
• Agar tetap sederhana, tidak ada peningkatan AI atau LLM untuk mempromosikan privasi "ketenangan pikiran".
• Jaga agar desain tetap bersih, dan modern.

Fitur saat ini

• Tambahkan komponen dengan; Nama , tag (maks 3 sekarang), bahasa (maks 3 sekarang) dan kotak input kode
• Edit komponen; nama , tag , bahasa, dan kotak input kode
• Hapus komponen
• Komponen pin
• Pilih Komponen untuk menampilkan semua info yang dimasukkan oleh pengguna
• Cari komponen dengan nama atau tag
• Area tag terbaru untuk akses yang lebih baik ke komponen
• Area Tag Langauges Untuk daftar 5 langauge di Perpustakaan Komponen
• Area Pengaturan dengan tema gelap dan terang untuk aplikasi
• Tombol Refresh Aplikasi
• Logo kode yang ditetapkan secara otomatis untuk komponen dari "Devicons"

Berkontribusi

Kami memiliki banyak fitur, ide, dan beberapa masalah untuk dikerjakan (lihat masalah), jika Anda pikir Anda dapat berkontribusi, periksa area Contributing.md dan beri tahu kami!

Fitur yang diinginkan

• Dyanamic React Component/Application Reload saat interaksi terjadi yaitu setelah komponen baru ditambahkan area komponen disegarkan untuk menampilkan komponen baru secara instan
• Pencarian dinamis yang menunjukkan hasil yang tersedia secara otomatis berdasarkan input aktif
• Kemampuan pemrosesan/output kode yang lebih besar (saat ini hanya HTML, CSS, JavaScript); Ini bisa ditimbulkan menggunakan editor monako mungkin (terbuka untuk saran)
• Pembersihan kode dan optimisasi
• File dan struktur folder yang lebih baik

Ide fitur di masa depan

• Tanggung jawab yang lebih baik untuk semua perangkat (gaya)
• Implimasi respons yang lebih waspada
• Implimasi Kebijakan Keamanan dan Konten
• Seret bagian yang dapat disesuaikan yaitu mengorganisir lebar wadah komponen atau area detail kode
• Cap waktu pada komponen secara otomatis ("tanggal dibuat", "tanggal dimodifikasi")
• Area Code-Mirror yang sepenuhnya ditata khusus agar sesuai dengan tema gelap/terang (editor kode)
• Animasi dan efek transisi (styling)
• Tema yang lebih dapat dipilih
• Menghubungkan Aplikasi ke Perpanjangan dalam Kode VS Untuk Lebih Mudah Menambahkan Kode Komponen ke dalam Proyek
• Intergration/kompatibilitas obsidian untuk menghubungkan komponen ke catatan

Lihat semua fitur yang direncanakan di sini

Kami selalu terbuka untuk lebih banyak saran yang selaras dengan tujuan proyek

Instalasi dan memulai

Sampai sekarang, proyek ini hanya tersedia untuk diinstal dari repositori github ini -

Harap pastikan versi NodeJS Anda adalah V20.15.1 atau lebih baru

Ikuti Panduan di Github Docs

Memulai

Instal Paket -

 npm install

Mulai aplikasi -

 npm start

Peringatan

Kami saat ini tidak mengetahui kompatibilitas silang aplikasi ini pada sistem operasi selain Windows 11, beri tahu kami tentang masalah yang mungkin Anda temukan!

Menggunakan aplikasi

• Menambahkan komponen

  Setelah Devectus dimulai dan terbuka, Anda dapat mulai dengan membuat komponen baru dengan memilih tombol "Tambah" di area Alat, ikuti instruksi formulir layar untuk membuat komponen Anda.

• Pilih dan lihat informasi komponen

  Klik pada komponen dalam daftar/area komponen untuk menampilkan semua informasi yang dimasukkan untuk komponen yang dipilih, termasuk nama, tag, langauges dan kode yang dimasukkan, serta output (HTML, CSS dan JavaScript saja).

• Edit komponen

  Anda dapat mengedit informasi komponen dengan memilih komponen dan kemudian memilih tombol "Edit" di area Alat, lalu buat perubahan dalam formulir yang sesuai.

• Hapus komponen

  Anda dapat menghapus komponen dengan memilih komponen dan kemudian memilih tombol "Hapus" di area Alat, lalu klik Konfirmasi Penghapusan.

• Pin komponen

  Anda dapat menyematkan komponen yang mungkin Anda lihat lebih penting dengan memilih komponen kemudian memilih tombol "pin" di area alat.

• Cari komponen

  Anda dapat mencari komponen dengan mengetik pencarian Anda ke bilah pencarian di atas tombol/area alat dan memilih ikon pencarian atau menekan tombol "Enter".

• Ubah tema aplikasi

  Pilih tombol Pengaturan di kiri atas aplikasi, lalu pilih tema yang disukai (terang/gelap).

• Segarkan aplikasi

  Pilih tombol Refresh di sebelah logo di kiri atas aplikasi dan komponen yang baru dibuat akan muncul.

Catatan

Kami berharap dapat segera menirapkan penyegaran otomatis atau penyegaran dinamis dalam komponen bereaksi tertentu untuk menggantikan kebutuhan untuk menyegarkan dengan tombol.