purescript-flame - GitLite

KO | EN

gitlite — search

#javascript #react #ai #typescript #golang #rust #deep-learning #linux #docker #macos #kubernetes #vue #pytorch #ios

purescript-flame

(★ 320)

Fast & simple framework for building web applications

파일 탐색기

최종 버전 다운로드 (.zip)

- - CI.yml
- FUNDING.yml
- - default.html
- _config.yml
- benchmarks.md
- CNAME
- concepts.md
- events.md
- favicon.ico
- Gemfile
- Gemfile.lock
- index.md
- rendering.md
- views.md
- - affjax.html
  - affjax.js
  - Affjax.purs
  - README.md
- - counter.html
  - counter.js
  - Counter.purs
  - README.md
- - counters.html
  - counters.js
  - Counters.purs
  - README.md
- - dice.html
  - dice.js
  - Dice.purs
  - README.md
- - README.md
- - README.md
  - special.html
  - special.js
  - Special.purs
- - README.md
  - subscriptions.html
  - subscriptions.js
  - Subscriptions.purs
- - README.md
  - todo.html
  - todo.js
  - Todo.purs
- README.md
- LOADASH-LICENSE
- SNABBDOM-TO-HTML-LICENSE
- STAGE0-LICENSE
- - Serialize.purs
  - Subscription.purs
  - Types.js
  - Types.purs
- Flame.purs
- - Application.purs
- - Basic.purs
  - Lazy.purs
- - Application.js
  - Application.purs
  - FragmentNode.js
  - FragmentNode.purs
  - ManagedNode.js
  - ManagedNode.purs
- - Application.purs
  - Broadcast.purs
- Main.js
- Main.purs
.gitignore
.tidyrc.json
bower.json
examples.dhall
LICENSE
package-lock.json
package.json
packages.dhall
README.md
spago.dhall

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

## Flame ![build status](https://github.com/easafe/purescript-flame/actions/workflows/CI.yml/badge.svg)

Flame is a fast & simple framework inspired by the Elm architecture for building web applications in PureScript

### Documentation

See the [project page](https://flame.asafe.dev/) or [pursuit](https://pursuit.purescript.org/packages/purescript-flame)

### Examples

See the [examples folder](/examples)

### Quick start

Install:

```bash
spago install flame
```

Example counter app:

```purescript
module Counter.Main where

import Prelude

import Effect (Effect)
import Flame (Html, QuerySelector(..), Subscription)
-- Side effects free updating; see docs for other examples
import Flame.Application.NoEffects as FAN
import Flame.Html.Element as HE
import Flame.Html.Attribute as HA

-- | The model represents the state of the app
type Model = Int

-- | Data type used to represent events
data Message = Increment | Decrement

-- | Initial state of the app
init :: Model
init = 0

-- | `update` is called to handle events
update :: Model -> Message -> Model
update model = case _ of
      Increment -> model + 1
      Decrement -> model - 1

-- | `view` is called whenever the model is updated
view :: Model -> Html Message
view model = HE.main [HA.id "main"] [
      HE.button [HA.onClick Decrement] [HE.text "-"],
      HE.text $ show model,
      HE.button [HA.onClick Increment] [HE.text "+"]
]

-- | Events that come from outside the `view`
subscribe :: Array (Subscription Message)
subscribe = []

-- | Mount the application on the given selector
main :: Effect Unit
main = FAN.mount_ (QuerySelector "body") {
      init,
      view,
      update,
      subscribe
}
```

### Tools

[breeze](https://github.com/easafe/haskell-breeze) can be used to generate Flame markup from HTML

### Licensing

Licenses for loadash, stage0 and snabbdom-to-html added under [licenses](licenses/) since parts of the rendering code was adapted from these projects

### Funding

If this project is useful for you, consider [throwing a buck](https://asafe.dev/donate) to keep development possible