Bump Imba version and misc changes

- README: show example of running server and reword it
- add support completing checklist items
- bump imba version to `1.4.7`
This commit is contained in:
Alexander Alemayhu 2019-09-11 20:25:00 +02:00
parent ce9e3cf5fd
commit bc22423565
3 changed files with 37 additions and 12 deletions

View File

@ -1,12 +1,29 @@
# hello-world-imba
# Hello World Imba
Tiny template for testing out Imba
Tiny template for testing out Imba. Click [Use this
template](https://github.com/imba/hello-world-imba/generate) on GitHub to
create a new repository with this template.
## Getting started
```bash
# install dependencies
npm install
# start webpack-dev-server and compiler
npm run dev
```
git clone https://github.com/imba/hello-world-imba
cd hello-world-imba
yarn # npm install
```
You can run the app in two ways, either served via the webpack-dev-server or
Express.
### Webpack
```bash
# start webpack-dev-server and compiler
yarn run dev # npm run dev
```
### Server side
```
./node_modules/.bin/imba src/server.imba
```

4
dist/index.css vendored
View File

@ -84,6 +84,10 @@ ul {
padding: 10px;
}
.completed {
text-decoration: line-through;
}
li {
padding: 8px 12px;
display: flex;

View File

@ -2,10 +2,10 @@
var store = {
title: ""
items: [
{title: "git clone hello-world-imba"}
{title: "npm install"}
{title: "npm run dev"}
{title: "play around"}
{title: "git clone hello-world-imba", completed: false}
{title: "npm install", completed: false}
{title: "npm run dev", completed: false}
{title: "play around", completed: false}
]
}
@ -13,6 +13,10 @@ tag App
def addItem
data:items.push(title: data:title)
data:title = ""
def completeItem item
console.log "clicked,{item:completed}"
item:completed = !item:completed
def render
<self.vbox>
@ -20,7 +24,7 @@ tag App
<input[data:title] placeholder="New..." :keyup.enter.addItem>
<button :tap.addItem> 'Add item'
<ul> for item in data:items
<li> item:title
<li .completed=item:completed :tap.completeItem(item)> item:title
Imba.mount <App[store]>