Light

marcus-sa / svelte-ts Goto Github PK

View Code? Open in Web Editor NEW

86.0 8.0 1.0 759 KB

[WIP] Tools for building Svelte apps with TS

License: MIT License

Python 21.41% TypeScript 78.59%

bazel svelte typescript nodejs bazel-rules

svelte-ts's Introduction

Svelte TS

Features

Generation of Svelte component declarations
TypeScript support in template tags
(WIP) Template type checking support
(TODO) Sapper integration

Bazel

Getting started

Setup the Node & TS installation for Bazel by following their guide.
Install the related Svelte packages
```
$ yarn install svelte sapper
```
Install the @svelte-ts/bazel NPM package
```
$ yarn install @svelte-ts/bazel
```

Rules

For further usage take a look in the test directory

Compile TS & Svelte templates using svelte_module

load("@npm_svelte_ts_bazel//:index.bzl", "svelte_module")

svelte_module(
    name = "app",
    srcs = [
        "main.ts",
        "App.svelte",
    ],
    deps = [
        "//some/other:dep",
    ],
)

Rollup

TODO

Webpack

TODO

svelte-ts's People

Contributors

Stargazers

Watchers

Forkers

gurjeet

svelte-ts's Issues

Track type checking implementations

Common:

Attribute identifiers are declared

Components:

Attributes used in template are declared on component as properties
Identifier is available in template through import declaration

Strict dependencies diagnostic missing

Currently it log Cannot find module ... instead of the transitive strict dependency errors provided by ts_library rule

Installation instructions

This project looks fantastic, thank you for sharing!

As it stands, the package @svelte-ts/bazel npm package referenced in the README does not seem to exist. Understanding that the project is still a WIP, what would be the best way to install and try this out at this time?

Add support for Bazel workers

Somehow there's an issue where the build will exit with an error code of 1, but everything seems to be built as it should.

Rollup plugin

Blocked by #7

Webpack loader

Blocked by #7

SSR

SSR components should be generated besides the DOM components and suffixed by .ssr.svelte.js

Svelte compiler options

Should be inherited from tsconfig.json like so:

{
  "svelteCompilerOptions": {
    "hydratable": true
  }
}

Decouple compiler and type checker

The compiler and type checker should be decoupled from Bazel, so that a rollup plugin and webpack loader could be created.

Add component property type checking support

Support for bundling using rollup rule

Generating the closure js files MIGHT be needed

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.