https://github.com/ykmnkmi/svelte.dart

Svelte (v3.59.2) web framework ported to Dart.
https://github.com/ykmnkmi/svelte.dart

dart framework svelte web

Last synced: about 20 hours ago
JSON representation

Svelte (v3.59.2) web framework ported to Dart.

• Host: GitHub
• URL: https://github.com/ykmnkmi/svelte.dart
• Owner: ykmnkmi
• Created: 2021-01-06T11:47:30.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2024-11-06T07:45:24.000Z (14 days ago)
• Last Synced: 2024-11-06T08:31:52.649Z (14 days ago)
• Topics: dart, framework, svelte, web
• Language: Dart
• Homepage:
• Size: 2.5 MB
• Stars: 26
• Watchers: 4
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
svelte.dart

===========

[Svelte](https://svelte.dev/) ([v3.59.2](https://github.com/sveltejs/svelte/tree/v3.59.2))

web framework, (not yet) ported to [Dart](https://dart.dev).

| Package | Description | Version |

|---|---|---|

| [svelte_ast](svelte_ast/) | Parser and utilities for SvelteDart template compiler.| [![Pub Package][ast_pub_icon]][ast_pub] |

```html

  // imports

  import 'package:svelte/svelte.dart';

  // properties

  external int count = 0;

  // body

  $: doubled = count * 2;

  $: quadrupled = doubled * 2;

  void handleClick() {

    count += 1;

  }

  const duration = Duration(seconds: 1);

  onMount(() {

    var timer = Timer.periodic(duration, (_) {

      count += 1;

    });

    return () {

      timer.cancel();

    };

  });

  Clicked {count} {count == 1 ? 'time' : 'times'}

{count} * 2 = {doubled}

{doubled} * 2 = {quadrupled}

```


Status:

- [x] Parser

- [ ] Runtime

  - [ ] internal

    - [ ] component 🔥

    - [x] scheduler

    - [ ] lifecycle 🔥

    - [ ] dom `dart:html` 🔥

      - [ ] `package:web`

    - [ ] transition 🔥

  - [ ] ...

- [ ] Compiler 🔥

- [ ] Builder

- [ ] Examples (to test runtime, not generated)

  - [x] introduction

  - [x] reactivity

  - [x] props

  - [ ] logic 🔥

  - [ ] ...

- [ ] ...

- [ ] SSR

  - shelf

  - ...

[ast_pub_icon]: https://img.shields.io/pub/v/svelte_ast.svg

[ast_pub]: https://pub.dev/packages/svelte_ast