More

• 1: Draft
• 2: FAQ
• 3: Teaser
• 4: Domain
• 5: Donasi
• 6: Docs Guide
• 7: Tester Kecil

1 - Draft

Draft untuk menuliskan dokumentasi versi awal.

Main

• Dasar
  • Apa itu bot
  • Cara kerja bot
  • Requirement
  • Disclaimer
  • Grup vs Supergroup
  • Webhook dan Polling
  • Limitasi Bot
• Memulai
• Bot Father
  • Pengantar
  • Mendaftar Bot
  • Ganti Token / Revoke
  • Ganti Foto
  • Set Profile - About dan Description
  • Set Privacy
  • Set Command
  • Inline Bot
  • Web login
  • Game
• Google Apps Script
  • Penjelasan
  • Proyek Baru
  • Editor Lama / Baru
  • Halaman Baru
    • Mengurutkan
  • Menulis Kode
    • Menjalankan fungsi
  • Deploy
  • Perizinan
  • Limitasi GAS
  • Trigger
  • Seting
  • Database
  • Utility
• Lumpia
  • Pengantar
    • Tentang
    • Fitur
    • Pros
    • Cons
    • Compare
  • Event Emiter
  • ID Library
  • inisiasi (Options)
  • Base Bot
  • Context
  • Helper
  • Markup
  • Telegram
  • Shorthand
  • Event
  • Update Type
• UserDB
• Fetch
• Use Case
  • Halo Bot
  • HandleUpdate, tanpa deploy
  • Keyboard Biasa
  • Keyboard Inline
  • Kirim Foto atau Multimedia
  • Kirim foto dari drive
  • Inline Bot
  • Hastag
  • Welcome Bot
  • Bad words
  • Hapus Pesan
  • Hapus Service (join)
  • Translator
  • Navigator
  • PDF Converter
  • OCR
  • Database mySQL
  • Database firebase
• Library
  • General
  • Plugins
• More
  • FAQ
  • Doc Guide
  • Simple Test

2 - FAQ

Berikut ini adalah daftar pertanyaan yang sering diajukan oleh pengguna.

Draft

• Umum
• Bot API
• UserBot
• Kesalahan Code

3 - Teaser

Pengantar

Halaman ini untuk mendokumentasikan intro atau teaser tentang lumpia framework yang tersebar pada berbagai media.

Materi

Kumpilan teaser pada materi lumpia.

Halo Lumpia

• Link Materi

Mode Development

• Link Materi

Regex - Ekspresi Reguler

• Link Materi

4 - Domain

Harapannya suatu saat dapat membuat domain khusus untuk ruang pembelajaran bot Indonesia. Guna memajukan dan memperkaya referensi dan semangat anak-anak muda untuk belajar pemrograman melalui sarana bot telegram.

Nama domain khusus juga dapat menjadikan pencirian dan identitas. Memiliki brand, dan kemudahan dalam penyebutan. Dapat dijadikan sebuah rumah besar berisi ruang-ruang belajar dan sekat-sekat ilmu lainnya.

Mohon maaf bila berasa personalisasi. Saat ini tidak ada budget, sehingga di sub-kan pada domain pribadi lumpia.banghasan.com

Update

8 September 2021

Dapat sub-domain lumpia.js.org

5 - Donasi

Donasi

Dapat disalurkan melalui:

• Saweria a.n Hasanudin HS

6 - Docs Guide

Akses Terbatas

Akses Public

Pageinfo

{ {% pageinfo color="primary" %} }
This is placeholder content.
{ {% /pageinfo %} }

TIPS

• {< tag >} untuk isi HTML
• {% tag %} untuk isi Markdown

Gara-gara perbedaan command tag ini, bisa bikin error atau kacau hasil

Custom

Sudah dicustom untuk penambahan Css dan Javascript, dengan cara:

1. Edit config

Pada config.toml tambahkan:

custom_css = ["css/namafile.css"]
custom_js = ["js/namafile.js"]

2. Struktur

Tata letaknya di folder /static/css dan /static/js

Posisi

Keyboard

Single

<div class='keyboard'>ctrl + c</div>

Tag KBD

{ {< kbd ctrl >} } + { {< kbd c >} }

ctrl + c

Alert

{ {% alert title="judul" color="jenis" %} }
isi pesan
{ {% /alert %} }

Spoiler

{ {% spoiler title="Judul" %} }
isi
{ {% /spoiler %} }

curl -X POST \
   -H 'Content-Type: application/json' \
   -d '{"chat_id": "123456789", "text": "This is a test from curl"}' \
   https://api.telegram.org/bot$TELEGRAM_BOT_TOKEN/sendMessage

Foto

Cara aman letakkan pada folder /static

Normal

Format markdown:

![Puncak Pedang - Klotok](/images/pedang.jpg "Puncak Pedang - Klotok")

Gambar Tag

Cocok buat model galeri

{ {< gambar src="/foto.jpg" caption="Mican.." alt="kitten" title="Mungil dan Imut" >} }

Tag Gambar

Photo Tag

Dengan fitur border dan bayangan. Untuk menekankan informasi foto. Atribut caption untuk mengisi figcaption.

Figcaption css nya belum selesai dibenerin.

{ {< photo src="/images/pedang.jpg" alt="Puncak Pedang" title="Puncak Pedang - Klotok" caption="Puncak Pedang - Klotok" >} }

Tag Foto

Figure

Format CSS belum cocok.

{ {< figure src="/images/pedang.jpg" title="Puncak Pedang - Klotok" >} }

Foto dengan Figure tag

Mermaid

TAB Card

Tabpane

    Welcome!
  

    Herzlich willkommen!
  

    Karibu sana!
  

Card

Content card 1

Content card 2

Content card 3

Hightlight

Html

{ {< highlight html >} }
... code html ...
{ {< /highlight >} }

output:

<section id="main">
  <div>
   <h1 id="title">{{ .Title }}</h1>
    {{ range .Pages }}
        {{ .Render "summary"}}
    {{ end }}
  </div>
</section>

File

{ {< code file=static/code/examples/ping.js highlight="javascript" >} }

const bot = new lumpia.init(token, { log_id: 12345 });

function doPost(e) {
  bot.doPost(e);
}

bot.cmd('ping', (ctx, next) => {
  let time_start = Date.now();
  let res = ctx.replyIt('..pong!');
  let time_stop = Date.now();

  let time_delta = (time_stop - time_start) / 1000; // mili detik
  let time = new Intl.NumberFormat('id').format(time_delta); // jadiin detik, sekaligus di format

  let msg_id = res.result.message_id;

  bot.telegram.editMessageText(ctx.chat.id, msg_id, null, `<b>Pong!</b> Proses <code>${time}</code> detik.`, { parse_mode: 'html' });
})

Eksternal

Gist

{ {< gist banghasan 0a3711290e6b6d621d7550e5653a4c01 >} }

Twitter

{ {< tweet 1428660612091977732 >} }

twitter tiba-tiba error

Ascii Cinema

{ {< asciicast 428738 >} }

Google Slide

Test Presentasi

7 - Tester Kecil