merging fork back to main

.github/workflows/ci.yaml

@@ -6,37 +6,35 @@ jobs:
     name: Build
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
-      - uses: actions-rs/toolchain@v1
+      - uses: actions/checkout@v4
+      - uses: dtolnay/rust-toolchain@stable
         with:
-          toolchain: stable
-          target: wasm32-unknown-unknown
-          default: true
+          targets: wasm32-unknown-unknown
           components: clippy, rustfmt
-      - uses: actions-rs/cargo@v1
-        with:
-          command: clippy
-      - uses: actions-rs/cargo@v1
-        with:
-          command: fmt
-          args: -- --check
-      - uses: actions-rs/cargo@v1
-        with:
-          command: build
+      - name: Run clippy
+        run: cargo clippy
+      - name: Check formatting
+        run: cargo fmt -- --check
+      - name: Build
+        run: cargo build
+      - name: Install nightly for docs
+        uses: dtolnay/rust-toolchain@nightly
+      - name: Build docs (all features)
+        run: RUSTDOCFLAGS="--cfg docsrs" cargo doc --all-features --no-deps
 
   example_basic:
     name: Example | Basic
     needs: build
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
-      - uses: actions-rs/toolchain@v1
+      - uses: actions/checkout@v4
+      - uses: dtolnay/rust-toolchain@stable
         with:
-          toolchain: stable
-          target: wasm32-unknown-unknown
-          default: true
+          targets: wasm32-unknown-unknown
           components: clippy, rustfmt
-      - name: fetch trunk
-        run: wget -qO- https://github.com/thedodd/trunk/releases/download/v0.16.0/trunk-x86_64-unknown-linux-gnu.tar.gz | tar -xzf-
-      - name: build example
-        run: cd examples/basic && ../../trunk build
+      - name: Install trunk
+        uses: taiki-e/install-action@v2
+        with:
+          tool: trunk
+      - name: Build example
+        run: cd examples/basic && trunk build

.github/workflows/release.yaml

@@ -9,14 +9,10 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Setup | Checkout
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
 
       - name: Setup | Rust
-        uses: actions-rs/toolchain@v1
-        with:
-          toolchain: stable
-          profile: minimal
-          override: true
+        uses: dtolnay/rust-toolchain@stable
 
       - name: Build | Publish
         run: cargo publish --token ${{ secrets.CRATES_IO_TOKEN }}
@@ -26,7 +22,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Setup | Checkout
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
 
       - name: Setup | Create Release Log
         run: cat CHANGELOG.md | tail -n +7 | head -n 25 > RELEASE_LOG.md

.github/workflows/rust.yml

@@ -0,0 +1,22 @@
+name: Rust
+
+on:
+  push:
+    branches: [ "master" ]
+  pull_request:
+    branches: [ "master" ]
+
+env:
+  CARGO_TERM_COLOR: always
+
+jobs:
+  build:
+
+    runs-on: ubuntu-latest
+
+    steps:
+    - uses: actions/checkout@v4
+    - name: Build
+      run: cargo build --verbose
+    - name: Run tests
+      run: cargo test --verbose

Cargo.toml

@@ -1,23 +1,25 @@
 [package]
 name = "ybc"
-version = "0.4.0"
+version = "0.4.2"
 description = "A Yew component library based on the Bulma CSS framework."
-authors = ["Anthony Dodd <[email protected]>"]
-edition = "2021"
+authors = ["Anthony Dodd <[email protected]>", "Konstantin Pupkov <[email protected]>"]
+edition = "2024"
 license = "MIT/Apache-2.0"
-repository = "https://github.com/thedodd/ybc"
+repository = "https://github.com/goodidea-kp/ybc.git"
+documentation = "https://docs.rs/ybc"
 readme = "README.md"
 categories = ["wasm", "web-programming"]
 keywords = ["wasm", "web", "bulma", "sass", "yew"]
 
 [dependencies]
-derive_more = { version = "0.99.17", default-features = false, features = ["display"] }
-web-sys = { version = "0.3.61", features = ["Element", "File", "HtmlCollection", "HtmlSelectElement"] }
-yew = { version = "0.20.0", features = ["csr"] }
-yew-agent = "0.2.0"
-yew-router = { version = "0.17.0", optional = true }
-wasm-bindgen = "0.2.84"
-serde = { version = "1.0.152", features = ["derive"] }
+derive_more = { version = "2.0.1", default-features = false, features = ["display"] }
+web-sys = { version = "0.3.81", features = ["Element", "File", "HtmlCollection", "HtmlSelectElement"] }
+yew = { version = "0.22.0", features = ["csr"] }
+yew-agent = "0.4.0"
+yew-router = { version = "0.19.0", optional = true }
+wasm-bindgen = "0.2"
+serde = { version = "1.0.228", features = ["derive"] }
+#gloo-console = "0.3.0"
 
 [features]
 default = ["router"]
@@ -26,3 +28,5 @@ docinclude = [] # Used only for activating `doc(include="...")` on nightly.
 
 [package.metadata.docs.rs]
 features = ["docinclude"] # Activate `docinclude` during docs.rs build.
+all-features = true
+rustdoc-args = ["--cfg", "docsrs"]

README.md

@@ -56,12 +56,12 @@ First, add this library to your `Cargo.toml` dependencies.
 
 ```toml
 [dependencies]
-ybc = "*"
+ybc = { git = "https://github.com/goodidea-kp/ybc.git" }
 ```
 
 ### add bulma
 #### add bulma css (no customizations)
-This project works perfectly well if you just include the Bulma CSS in your HTML, [as described here](https://bulma.io/documentation/overview/start/). The following link in your HTML head should do the trick: `<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css"/>`.
+This project works perfectly well if you just include the Bulma CSS in your HTML, [as described here](https://bulma.io/documentation/overview/start/). The following link in your HTML head should do the trick: `<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@latest/css/bulma.min.css"/>`.
 
 #### add bulma sass (allows customization & themes)
 However, if you want to customize Bulma to match your style guidelines, then you will need to have a copy of the Bulma SASS locally, and then import Bulma after you've defined your customizations, [as described here](https://bulma.io/documentation/customize/).

examples/basic/Cargo.toml

@@ -1,15 +1,15 @@
 [package]
 name = "basic"
 version = "0.1.0"
-authors = ["Anthony Dodd <[email protected]>"]
+authors = ["Anthony Dodd <[email protected]>", "Konstantin Pupkov <[email protected]>"]
 edition = "2018"
 
 [dependencies]
 console_error_panic_hook = "0.1"
-gloo-console = "0.2"
+gloo-console = "0.3"
 wasm-bindgen = "0.2"
-ybc = { path = "../../" }
-yew = "0.20"
+ybc = { path = "../.." }
+yew = "0.22"
 
 [features]
 default = []

examples/basic/index.html

@@ -1,19 +1,26 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 <head>
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
     <title>Trunk | Yew | YBC</title>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css"/>
-
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@latest/css/bulma.min.css"/>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bulma-calendar.min.css"/>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bulma-accordion.min.css"/>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@creativebulma/[email protected]/dist/css/bulma-tagsinput.min.css" />
     <link data-trunk rel="scss" href="src/index.scss"/>
     <link data-trunk rel="scss" data-inline href="src/inline-scss.scss"/>
     <link data-trunk rel="css" href="src/app.css"/>
     <link data-trunk rel="icon" href="src/yew.svg"/>
+    <link data-trunk rel="icon" href="src/chatgpt.svg"/>
     <link data-trunk rel="copy-file" href="src/yew.svg"/>
+    <link data-trunk rel="copy-file" href="src/chatgpt.svg"/>
     <base data-trunk-public-url/>
 </head>
 <body>
     <link data-trunk rel="rust" href="Cargo.toml" data-wasm-opt="z" data-bin="basic" data-cargo-features="demo-abc,demo-xyz"/>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bulma-calendar.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bulma-accordion.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@creativebulma/[email protected]/dist/js/bulma-tagsinput.min.js"></script>
 </body>
 </html>

examples/basic/src/index.scss

@@ -1,3 +1,10 @@
 @charset "utf-8";
 
 html {}
+
+.ribbon {
+  position:absolute;
+  top:0;
+  right:0;
+  z-index:1;
+}