Develop (#53)

* doc:menambahkan deskripsi rumus pada statistika (#7) * docs: Menambahkan beberapa penjelasan * docs: Menambahkan beberapa dokumentasi * close #5; feat: add contribute page (#10) * fix: error closing tag for br * fix: background navbar links in dark mode (#11) * chore: menambahkan mergify dan precommit Signed-off-by: slowy07 <slowy.arfy@gmail.com> * Docs: diameter,keliling,luas lingkaran (#13) * fix: change landing image using svg (#19) * fix: change landing image using svg * fix: landing svg in light mode * fix: Mengganti beberapa fitur web (#20) * docs: Mengubah beberapa Dokumentasi Matematika (#21) * Docs: diameter,keliling,luas lingkaran * Docs:matematika penjelasan persamaan Kuadrat & radian ke derajat * Docs:matematika faktorial * Docs:matematika perbaiki dikit * Docs:matematika mengubah * chore: create pr build workflow (#25) * chore: update secret name for pr build workflow (#27) * chore: update secret name for pr build workflow * chore: remove type opened for pr build workflow * feat: community page (#30) * feat: community page * fix: discord widget in community * fix: change dark colour to slate (#31) * fix: revert theme * fix: output codeblock * fix: navbar links href (#32) * fix: hide sidebar after clicking featured links (#33) * feat: open in playground (#34) * feat: open in playground * fix: playground -> playseries * fix: open in playseries keliling lingkaran * fix: sidebar always open in responsive mode (#37) * fix: sidebar background (#39) * docs: menambahkan dokumentasi matematika (#40) Signed-off-by: arfy slowy <slowy.arfy@gmail.com> * add: menambahkan dokumentasi integral (#41) * doc:menambahkan deskripsi rumus pada statistika * feat: menambahkan dokumentasi integral * fix: minor navbar on darkmode (#42) * fix: prerendering page error (#45) Signed-off-by: arfy slowy <slowy.arfy@gmail.com> * fix: Memperbaharui beberapa fitur-fitur Web (#43) * fix: Memperbaharui beberapa fitur-fitur Web * fix: mdx percepatan * fix: efek doppler page pre render --------- Co-authored-by: arfy slowy <slowy.arfy@gmail.com> * docs: menambahkan dokumentasi matematika (#44) * Docs: Matematika faktor Prima * Docs: Matematika Peluang Kejadian * fix: hyperlink sumber kode OpenSeries * fix: source code hyperlink faktorial * fix: source code hyperlink --------- Co-authored-by: arfy slowy <slowy.arfy@gmail.com> * docs: menambahkan dokumentasi sisa (#46) Signed-off-by: arfy slowy <slowy.arfy@gmail.com> * fix: codeblock code & playseries links (#51) * fix: codeblock overflow & loading position (#52) * fix: refactor Contribute component & fix minor code styling (#55) * chore: add additional_dependencies to pre-commit (#56) * add: CONTRIBUTING.md (#54) * add: CONTRIBUTING.md * docs: add pre-commit step * fix: typo clone * fix: prettier ignore *.md (#57) * docs: fixing `bilangan` to `bilangan_istimewa` --------- Signed-off-by: slowy07 <slowy.arfy@gmail.com> Signed-off-by: arfy slowy <slowy.arfy@gmail.com> Co-authored-by: Iqbal Ramadhan Anniswa <95537097+kayabaakihiko13@users.noreply.github.com> Co-authored-by: dean-fahreza <muhammaddean27@gmail.com> Co-authored-by: arfy slowy <slowy.arfy@gmail.com> Co-authored-by: DYKA <72592186+dherlyar@users.noreply.github.com> Co-authored-by: Wisnu Kristanto <45446283+nu07@users.noreply.github.com>
bellshade · Feb 8, 2024 · b341649 · b341649
1 parent 2c66be1
commit b341649
Show file tree

Hide file tree

Showing 60 changed files with 1,590 additions and 59 deletions.
diff --git a/.github/workflows/pr-build.yaml b/.github/workflows/pr-build.yaml
@@ -0,0 +1,41 @@
+name: Pull Request Build
+
+on:
+    pull_request:
+        branches:
+            - develop
+            - main
+
+jobs:
+    build:
+        runs-on: ubuntu-latest
+
+        steps:
+            - uses: actions/checkout@v4
+            - uses: oven-sh/setup-bun@v1
+              with:
+                  bun-version: latest
+
+            - name: Build Next.js
+              run: |
+                  bun install --frozen-lockfile
+                  bun lint
+                  bun run build
+
+            - name: Check Build Status
+              run: |
+                  if [ $? -eq 0 ]; then
+                    echo "Build successful"
+                  else
+                    echo "Build failed. Exiting..."
+                    exit 1
+                  fi
+
+            - name: Comment on Pull Request (on failure)
+              if: failure()
+              env:
+                  GH_TOKEN: ${{ secrets.WF_TOKEN }}
+                  PR: ${{ github.event.pull_request.html_url }}
+              run: |
+                  gh pr edit $PR --add-label 'invalid'
+                  gh pr comment $PR --body 'The build for this pull request was not successful. Please review the logs for more details AND please review our [contributing guidelines](https://github.com/Bellshade/OpenSeriesWeb/blob/main/CONTRIBUTING.md).'
diff --git a/.mergify.yml b/.mergify.yml
@@ -0,0 +1,43 @@
+pull_request_rules:
+    # membuat requirement dari automerge dengan sistem
+    # ketika workflow build passed maka akan dicentang
+    # ketika target pull request ke main maka akan dicentang
+    # ketika dikasih label 'ready-to-merge' akan dicentang
+    - name: testing dengan label ready-to-merge
+      conditions:
+          - label=ready-to-merge
+      actions:
+          comment:
+              # menambahkan komentar message jika sudah di merge
+              message: terima kasih atas kontribusinya @{{author}} 🤩
+          label:
+              add:
+                  - sudah direview!
+          # metode dari automerge
+          merge:
+              method: squash
+
+    # membuat label dengan kondisi jika di dalam pull request
+    # terdapat file typescript
+    - name: tsx label
+      conditions:
+          - or:
+                - files~=\.tsx$
+
+      actions:
+          # menambahkan label `typescript files`
+          label:
+              add:
+                  - OpenSeries typescript
+
+    # membuat label dengan kondisi jika di dalam pull request
+    # terdapat file mdx
+    - name: mdx label
+      conditions:
+          - or:
+                - files~=\.mdx$
+
+      actions:
+          label:
+              add:
+                  - documentation mdx
diff --git a/.pre-commit-config.yaml b/.pre-commit-config.yaml
@@ -0,0 +1,29 @@
+# konfigurasi pre commit
+repos:
+    - repo: https://github.com/pre-commit/pre-commit-hooks
+      rev: v4.5.0
+      hooks:
+          - id: check-executables-have-shebangs
+          - id: check-yaml
+
+    # pre commit dari prettier
+    - repo: https://github.com/pre-commit/mirrors-prettier
+      rev: "v4.0.0-alpha.8"
+      hooks:
+          - id: prettier
+            additional_dependencies:
+                - prettier@^3.2.2
+                - prettier-plugin-tailwindcss@^0.5.11
+
+    # pre commit dari eslint
+    - repo: https://github.com/pre-commit/mirrors-eslint
+      rev: "v8.56.0"
+      hooks:
+          - id: eslint
+            files: \.[jt]sx?$
+            types: [file]
+            additional_dependencies:
+                - eslint@^8.56.0
+                - eslint-config-next@14.0.4
+                - eslint-config-prettier@^9.1.0
+                - eslint-plugin-prettier@^5.1.3
diff --git a/.prettierignore b/.prettierignore
@@ -0,0 +1 @@
+*.md
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
@@ -0,0 +1,74 @@
+# Panduan Kontribusi
+
+Terima kasih telah berkontribusi pada repository OpenSeriesWeb! Kami sangat menghargai setiap kontribusi yang diberikan untuk meningkatkan proyek ini. Harap ikuti panduan berikut untuk memulai kontribusi Anda.
+
+**Perhatian**: Ini adalah repository untuk website OpenSeries. Jika Anda ingin berkontribusi pada library OpenSeries, silakan kunjungi [OpenSeries Repository](https://github.com/bellshade/OpenSeries/).
+
+Proyek ini menggunakan Next.js sebagai framework, serta Bun sebagai package manager dan runtime. Pastikan Anda telah menginstal Bun sebelum memulai.
+
+## Ketentuan Kontribusi
+
+- Hasil pekerjaan Anda harus merupakan buatan sendiri dan bebas dari hak cipta orang lain. Kesamaan dengan karya orang lain tidak akan kami merge.
+- Setiap pull request yang di-merge akan dilisensikan di bawah lisensi MIT.
+- Pekerjaan Anda harus mengikuti standar dan gaya penulisan kode yang telah ditetapkan.
+
+## Langkah-Langkah Kontribusi
+
+1. Fork repository ini.
+2. Clone repository yang sudah di-fork ke lokal Anda:
+
+    ```bash
+    git clone https://github.com/username/OpenSeriesWeb.git
+    ```
+
+    Ganti `username` degan username Anda.
+3. Masuk ke folder hasil clone, lalu pindahkan branch ke branch `develop`:
+
+    ```bash
+    git checkout develop
+    ```
+
+4. Setup pre-commit
+    - Install sesuai panduan resmi di [website pre-commit](https://pre-commit.com/#install)
+    - Jalankan `pre-commit install`
+5. Buat branch baru sesuai fitur atau perbaikan yang akan Anda tambahkan:
+
+    ```bash
+    git checkout -b nama-branch
+    ```
+
+6. Jalankan website menggunakan `bun dev`:
+
+    ```bash
+    bun dev
+    ```
+
+7. Lakukan perbaikan atau penambahan pada website.
+8. Jika semua sudah sesuai, lakukan commit dan push perubahan Anda.
+9. Lakukan pull request ke branch `develop` di reposotory ini.
+
+## Pesan Commit
+
+Gunakan format berikut sesuai dengan [Conventional Commits](https://www.conventionalcommits.org/id/v1.0.0/):
+
+- `feat:` untuk penambahan fitur baru.
+- `fix:` untuk memperbaiki bug.
+- `docs:` untuk mengubah dokumentasi.
+- `add:` untuk menambahkan konten atau file baru.
+
+Contoh:
+
+```bash
+git commit -m "feat: Menambah fitur baru untuk ..."
+```
+
+## Proses Review dan Merge
+
+Pull request Anda akan di-merge jika:
+
+- Mengikuti standar dan arahan dari CONTRIBUTING.md.
+- Lolos uji dan pemeriksaan dari tes yang telah kami sediakan.
+
+Jika ada pertanyaan atau masalah, jangan ragu untuk mengajukan issue atau menghubungi tim pengembangan.
+
+Terima kasih atas kontribusi Anda!
diff --git a/README.md b/README.md
@@ -1,7 +1,6 @@
 # Website OpenSeries
 
-
-Selamat datang di repositori OpenSeries! Repositori ini berisi kode sumber untuk website OpenSeries. Kami menggunakan runtime dan package manager dari Bun, jadi jika Anda ingin berkontribusi, pastikan untuk menginstal Bun terlebih dahulu dengan mengacu pada dokumentasi resmi di https://bun.sh/.
+Selamat datang di repositori OpenSeries! Repositori ini berisi kode sumber untuk website OpenSeries. Kami menggunakan runtime dan package manager dari Bun, jadi jika Anda ingin berkontribusi, pastikan untuk menginstal Bun terlebih dahulu dengan mengacu pada dokumentasi resmi di [website bun](https://bun.sh/).
 
 ## Memulai
 

diff --git a/app/(landing)/page.tsx b/app/(landing)/page.tsx
@@ -1,9 +1,8 @@
 "use client";
 
 import Link from "next/link";
-import landingImg from "@/assets/landing.png";
 import { projectByLinks } from "@/constants/projectByLinks";
-import Image from "next/image";
+import LandingSvg from "@/components/LandingSvg";
 
 export default function Home() {
     return (
@@ -43,7 +42,10 @@ export default function Home() {
                             </span>
                         </div>
                     </div>
-                    <Image className="order-1 lg:order-2" src={landingImg} alt="" />
+                    <LandingSvg
+                        id="landing-svg"
+                        className="order-1 max-w-full stroke-zinc-800 dark:stroke-white lg:order-2"
+                    />
                 </div>
             </main>
         </>

diff --git a/app/docs/bilangan/bilangan-armstrong/page.mdx b/app/docs/bilangan/bilangan-armstrong/page.mdx
@@ -0,0 +1,36 @@
+import Codeblock from "@/components/Codeblock";
+
+# Bilangan Armstrong
+
+Bilangan Armstrong (angka armstrong) adalah angka positif di mana jumlah pangkat setiap digitnya sama dengan angka itu sendiri
+
+-   Contoh:
+    -   153: 1^3 + 5^3 + 3^3 = 1 + 125 + 27 = 153
+    -   371: 3^3 + 7^3 + 1^3 = 27 + 343 + 1 = 371
+
+Fungsi [sumber kode [disini](https://github.com/bellshade/OpenSeries/blob/8766497be42a76a175a94a84cc5609c94c015c61/OpenSeries/bilangan_istimewa.py#L5)]:
+
+```python
+def angka_armstrong(angka: int) -> Union[str, error.ErrorTipeData]:
+```
+
+Contoh Kode:
+
+```python
+import OpenSeries.bilangan_istimewa as bilangan
+
+angka = 222
+angka_2 = 370
+print(f"{angka} adalah {bilangan.angka_armstrong(angka)}")
+print(f"{angka_2} adalah {bilangan.angka_armstrong(angka_2)}")
+```
+
+## Coba Sekarang
+
+<Codeblock code={`import OpenSeries.bilangan_istimewa as bilangan
+
+angka = 222
+angka_2 = 370
+print(f"{angka} adalah {bilangan.angka_armstrong(angka)}")
+print(f"{angka_2} adalah {bilangan.angka_armstrong(angka_2)}")
+`} playseriesLink='https://playseries.vercel.app/oe6zbfpqbxw75nxz0opkqvpz' />
diff --git a/app/docs/bilangan/bilangan-automorphic/page.mdx b/app/docs/bilangan/bilangan-automorphic/page.mdx
@@ -0,0 +1,30 @@
+import Codeblock from "@/components/Codeblock";
+
+# Angka Automorphic
+
+Angka automorphic adalah bilangan bulat positif dalam basis bilangan tertentu yang kuadratnya "berakhir" dengan digit yang sama dengan bilangan itu sendiri.
+
+Contoh: - Dalam basis 10, 5 adalah angka automorphic karena 5^2 = 25, dan digit terakhir 25 sama dengan digit terakhir 5. - Dalam basis 12, 1 adalah angka automorphic karena 1^2 = 1, dan digit terakhir 1 sama dengan digit terakhir 1.
+
+Fungsi [sumber kode [disini](https://github.com/bellshade/OpenSeries/blob/8766497be42a76a175a94a84cc5609c94c015c61/OpenSeries/bilangan_istimewa.py#L37)]:
+
+```python
+def angka_automorphic(angka: int) -> Union[str, error.ErrorTipeData]:
+```
+
+Contoh Kode:
+
+```python
+import OpenSeries.bilangan_istimewa as bilangan
+
+contoh_angka = 25
+print(f"{contoh_angka} adalah {bilangan.angka_automorphic(contoh_angka)}")
+```
+
+## Coba Sekarang
+
+<Codeblock code={`import OpenSeries.bilangan_istimewa as bilangan
+
+contoh_angka = 25
+print(f"{contoh_angka} adalah {bilangan.angka_automorphic(contoh_angka)}")
+`} playseriesLink='https://playseries.vercel.app/efmwzn4rj5fyajmlc6gfvrlj' />
diff --git a/app/docs/bilangan/bilangan-pronic/page.mdx b/app/docs/bilangan/bilangan-pronic/page.mdx
@@ -0,0 +1,32 @@
+import Codeblock from "@/components/Codeblock";
+
+# Bilangan Pronic
+
+Bilangan pronic adalah bilangan bulat positif yang merupakan hasil perkalian dua bilangan bulat berurutan.
+
+-   Contoh:
+    -   6 adalah bilangan pronic karena 6 = 2 \* 3.
+    -   12 adalah bilangan pronic karena 12 = 3 \* 4.
+
+Fungsi [sumber kode [disini](https://github.com/bellshade/OpenSeries/blob/8766497be42a76a175a94a84cc5609c94c015c61/OpenSeries/bilangan_istimewa.py#L70)]:
+
+```python
+def angka_pronic(angka: int) -> Union[str, error.ErrorTipeData]:
+```
+
+Contoh Kode:
+
+```python
+import OpenSeries.bilangan_istimewa as bilangan
+
+contoh_angka = 30
+print(f"{contoh_angka} adalah {bilangan.angka_pronic(contoh_angka)}")
+```
+
+## Coba Sekarang
+
+<Codeblock code={`import OpenSeries.bilangan_istimewa as bilangan
+
+contoh_angka = 30
+print(f"{contoh_angka} adalah {bilangan.angka_pronic(contoh_angka)}")
+`} playseriesLink='https://playseries.vercel.app/wkkoc3l3247y3sfn7ltks0x9' />
diff --git a/app/docs/bilangan/bilangan-segitiga/page.mdx b/app/docs/bilangan/bilangan-segitiga/page.mdx
@@ -0,0 +1,40 @@
+import Codeblock from "@/components/Codeblock";
+
+# Bilangan Segitiga
+
+Angka segitiga adalah bilangan bulat positif yang dapat dibentuk dengan menyusun benda-benda dalam bentuk segitiga sama sisi.
+
+-   Contoh:
+    -   1 adalah angka segitiga karena dapat dibentuk dengan menyusun 1 benda dalam bentuk segitiga sama sisi.
+    -   3 adalah angka segitiga karena dapat dibentuk dengan menyusun 3 benda dalam bentuk segitiga sama sisi.
+
+Rumus:
+
+```
+T_n = n(n+1)/2
+```
+
+Keterangan: - n: adalah bilangan bulat positif
+
+Fungsi [sumber kode [disini](https://github.com/bellshade/OpenSeries/blob/8766497be42a76a175a94a84cc5609c94c015c61/OpenSeries/bilangan_istimewa.py#L99)]:
+
+```python
+def angka_segitiga(angka: int) -> Union[int, error.ErrorTipeData, error.Error]:
+```
+
+Contoh Kode:
+
+```python
+import OpenSeries.bilangan_istimewa as bilangan
+
+angka = 3
+print(f"angka segitiga dari {angka} adalah {bilangan.angka_segitiga(angka)}")
+```
+
+## Coba Sekarang
+
+<Codeblock code={`import OpenSeries.bilangan_istimewa as bilangan
+
+angka = 3
+print(f"angka segitiga dari {angka} adalah {bilangan.angka_segitiga(angka)}")
+`} playseriesLink='https://playseries.vercel.app/vwb6h06yiyl1elc9sm9epo4l' />
diff --git a/app/docs/community/page.mdx b/app/docs/community/page.mdx
@@ -0,0 +1,11 @@
+import Community from "@/components/Community";
+
+# Komunitas
+
+OpenSeries adalah bagian dari Bellshade, sebuah organisasi yang berfokus pada pendidikan dan berkomitmen untuk menyebarkan pengetahuan secara luas melalui sumber terbuka (open source). Kami berada di bawah naungan komunitas **Web Programming UNPAS (WPU)**, yang juga merupakan tempat dimana kami berbagi pengetahuan, pengalaman, dan kolaborasi dengan para pengembang dan pembelajar.
+
+Tidak hanya itu, kami juga berkolaborasi dengan **Kelas Terbuka**, kanal YouTube yang memberikan media pembelajaran pemrograman secara umum dan teknik komputasi serta pengolahan data secara khusus dari dasar hingga menengah. Dengan kemitraan ini, kami berharap dapat menciptakan lingkungan belajar yang inklusif dan bermanfaat bagi semua.
+
+Untuk bergabung dan terhubung langsung dengan komunitas kami, silakan klik tombol di bawah ini untuk mengakses server Discord **Web Programming UNPAS (WPU)** dan **Kelas Terbuka**. Kami sangat antusias untuk bertemu dan berkolaborasi dengan Anda semua!
+
+<Community />
diff --git a/app/docs/contribute/page.mdx b/app/docs/contribute/page.mdx
@@ -0,0 +1,18 @@
+import Contribute from "@/components/Contribute";
+import Contributors from "@/components/Contributors";
+
+# Kontribusi
+
+Kami menyediakan dua opsi menarik bagi Anda untuk berkontribusi pada OpenSeries. Pertama, Anda dapat terlibat dalam pengembangan librarynya yang menggunakan Python. Jika Anda memiliki keahlian di bidang ini atau tertarik untuk memperluas pengetahuan Python Anda, kami sangat menyambut partisipasi Anda dalam memperkaya fungsionalitas dan kinerja library kami.
+
+Alternatifnya, jika minat Anda lebih terfokus pada pengembangan web, kami mengundang Anda untuk berkontribusi pada pengembangan situs web OpenSeries. Situs ini dibangun menggunakan Next.js dengan TypeScript dan menggunakan Bun runtime. Proyek ini juga memanfaatkan Tailwind CSS untuk pengaturan tata letak yang responsif dan menarik.
+
+Untuk informasi lebih lanjut dan panduan langkah demi langkah, silakan baca petunjuk kontribusi kami di berkas contributing.md.
+
+<Contribute />
+
+Dengan bergabung dalam kontribusi, Anda tidak hanya turut serta dalam memperkaya proyek ini tetapi juga dapat mengembangkan keterampilan Anda dalam berbagai teknologi terkini. Terima kasih atas ketertarikan dan kontribusi Anda!
+
+## Kontributor
+
+<Contributors />