#html #tags #collection #framework

simi-html-tags

A collection of HTML tags that are support by Simi framework

1 unstable release

0.0.1 Sep 29, 2018
Download history 3/week @ 2018-09-29

1 downloads per month
Used in 2 crates

Custom license

5KB
156 lines

Simi Project [WIP]

There are 4 crates in this repo:

  • simi: The framework
  • simi-cli: Command line tool to build/test/serve a Simi app.
  • simi-html-tags: Html tags supported by Simi, for use internally by simi and simi-macros crates.
  • simi-macros: Provide a custom attribute: #[simi_app], and two macros: application! and component!.

Notable features of the framework

  • No webpack, no nodejs
  • When updating the View, Simi only check for what can be changed. You can also specify what to be no update at compile time.
  • Component
  • UbuComponent (update by user component)
  • Sub apps

See simi-project/simi/README.md for information about the framework.

Give Simi a try!

You must install Rust to use Simi.

Then:

# Simi requires nightly
rustup install nightly
rustup default nightly

# Because we build for the web
rustup target add wasm32-unknown-unknown

# `Simi` build on top of `wasm-bindgen`
cargo +nightly install wasm-bindgen-cli

git clone https://gitlab.com/limira-rs/simi-project.git
cd simi-project/simi-cli
cargo install
cd ../simi/examples/a-counter
simi serve

Now, open your browser and visit http://localhost:8000/!

Contribution

Help wanted

When making changes, please add them in CHANGELOG.md

Simi TODO:

  • Benchmarks
  • Refactor?
  • Better API for Component?
  • What is the best way to handle Error?
  • ...?
  • release build vs debug build?: debug_assert?

simi-macros

  • consider remove start_index, only keep it in Node and NodeList
  • Refactor?

simi-cli TODO:

  • serve Support some kind of auto rebuild when code changes
  • new need implementation

Test your changes

simi-macros crate does not have tests, it is tested indirectly in simi crate. If there is no test that covers your changes, please add tests for them. Currently, there are only tests that require a browser in simi-project/simi/tests.

To run these tests, make sure that:

  • simi-project/simi-cli installed
  • chromium browser installed
  • chromedriver downloaded and unpacked to "webdrivers/*" where webdrivers is a folder at the same level of simi-project
parent-folder/
    |--- simi-project
            |--- simi 
            |--- ...
    |--- webdrivers
            |--- chromedriver

then in simi-project/simi, run:

# this required you have `simi-cli` installed
simi test

# or if you don't want to install simi-cli
CHROMEDRIVER=path/to/chromedriver cargo +nightly test --target wasm32-unknown-unknown

Test in docker

The docker test can build simi-project/simi/examples, but unable to run headless browser test for now (Admittedly, I don't know why! :blush: ).

Output of the macros

Sometimes, you need to have a look at the generated code of application! or component!. You just simply add @debug to the beginning of the macro content like this:

render_app!{
    @debug
    div () {
        ...
    }
}

then when the project is building, it will output the generated code to the terminal (if there is no error when generating it).

Dependencies

~21KB

  • build build.rs