A Svelte parser that compiles to Mitosis JSON, allowing you to write Svelte components once and compile to every framework.

Related tags

Learning resource mitosis sveltosis
Overview

Sveltosis


Still in development

A Svelte parser that compiles to Mitosis JSON, allowing you to write Svelte components once and compile to every framework.

Powered by Mitosis

Try our interactive fiddle


code style: prettier PRs Welcome License Types



Package Status README
@sveltosis/parser In Development README
@sveltosis/eslint-plugin Planned README
Comments
  • parser: else-if should also prepend state

    parser: else-if should also prepend state

    _FAIL packages/parser/test/if-else.test.ts > if / else AssertionError: expected '5 > x' to deeply equal '5 > state.x' Test Files 1 failed | 5 passed (6) Tests 1 failed | 11 passed (12)

    Expected "5 > state.x" Received "5 > x"_

    bug 
    opened by raymondmuller 1
  • test(parser): add initial tests

    test(parser): add initial tests

    Already found an issue when writing these simple tests.

    _FAIL packages/parser/test/if-else.test.ts > if / else AssertionError: expected '5 > x' to deeply equal '5 > state.x' Test Files 1 failed | 5 passed (6) Tests 1 failed | 11 passed (12)

    • Expected "5 > state.x"
    • Received "5 > x"_

    We miss this during post-processing it seems. Opening an issue for this, so ignore that failing test for now

    opened by raymondmuller 1
  • feat(parser): style

    feat(parser): style

    This pull request was merged so styles can be easily copied over now! Removes the css-tree dependency as well and updates Mitosis to the latest version.

    Screenshot 2022-10-05 at 09 36 54
    opened by raymondmuller 1
  • feat(parser): add preprocessors

    feat(parser): add preprocessors

    Adds https://github.com/sveltejs/svelte-preprocess and preprocesses the string, allowing you to use TypeScript, SCSS and/or others that are supported by that package

    opened by raymondmuller 1
  • feat(parser): use:action support

    feat(parser): use:action support

    feature(parser): use:action support

    Current Issues:

    • Passing arguments as inline objects breaks i.e. use:action={{name: 1}}
    • Refs are not compiled using .value when compiled to Vue
    opened by ajanes93 1
  • fix(parser): name colissions in fns

    fix(parser): name colissions in fns 

    <script>
	let flavours = ['Mint choc chip'];


	function join(flavours) {
		if (flavours.length === 1) return flavours[0];
		return `${flavours.slice(0, -1).join(', ')} and ${flavours[flavours.length - 1]}`;
	}
</script>

    This is crashing currently as it replaces the arg and its use in the function with state.flavours. The added helper function checks for this and renames the arg by appending "_"

    opened by raymondmuller 1
  • style(eslint): Add eslint setup and fix eslint errors

    style(eslint): Add eslint setup and fix eslint errors

    style(eslint): Add eslint setup and fix eslint errors

    • Adds eslint
    • Applied automatic eslint fixes
    • Manually fixed remaining errors:
      • Fix use for…of instead of Array#forEach(…)
      • Fix Move function declaration to function body root
      • Fix Array#reduce()"is not allowed
      • Fix The variable possiblyAppendPropsOrState should be named possiblyAppendPropertiesOrState. A more descriptive name will do too
      • Fix Unnecessary escape character: \
      • Fix Use undefined instead of null
      • Fix the filename props.ts should be named properties.ts. A more descriptive name will do too
      • Fix variable parseProps should be named parseProperties. A more descriptive name will do too
      • Fix the filename "refs.ts" should be named "references.ts". A more descriptive name will do too
      • Fix The variable "parseRefs" should be named "parseReferences". A more descriptive name will do too
      • Fix Empty files are not allowed
    opened by ajanes93 1
  • style(prettier): initial prettier setup

    style(prettier): initial prettier setup

    style(prettier): initial prettier setup

    • Add prettier dependency and initial config
    • Adds scripts to package.json
    • Initial formatting of files using prettier
    opened by ajanes93 1
Owner
sveltosis
A Svelte parser that compiles to Mitosis JSON, allowing you to write Svelte components once and compile to every framework.
sveltosis
GitHub https://try.sveltosis.dev
Jsonup - This is a zero dependency compile-time JSON parser written in TypeScript

jsonup This is a zero dependency compile-time JSON parser written in TypeScript.

TANIGUCHI Masaya 39 Dec 8, 2022
Simple and Extensible Markdown Parser for Svelte, however its simplicity can be extended to any framework.

svelte-simple-markdown This is a fork of Simple-Markdown, modified to target Svelte, however due to separating the parsing and outputting steps, it ca

Dave Caruso 3 May 22, 2022
a cobbled together alternative UI to launchdarkly, allowing read/write access via LD API access token

discount-launchdarkly a cobbled together alternative UI to launchdarkly, allowing read/write access via LD API access token setup make sure you have a

null 9 Oct 19, 2022
Write and read comments on every page with a simple plug-in for your browser

Licom - comments on every webpage Licom is a simple plugin for your browser that adds the feature to leave comments on every page, even if it doesn't

Sebastian Korotkiewicz 45 Aug 4, 2022
JCS (JSON Canonicalization Scheme), JSON digests, and JSON Merkle hashes

JSON Hash This package contains the following JSON utilties for Deno: digest.ts provides cryptographic hash digests of JSON trees. It guarantee that d

Hong Minhee (洪 民憙) 13 Sep 2, 2022
Package fetcher is a bot messenger which gather npm packages by uploading either a json file (package.json) or a picture representing package.json. To continue...

package-fetcher Ce projet contient un boilerplate pour un bot messenger et l'executable Windows ngrok qui va permettre de créer un tunnel https pour c

AILI Fida Aliotti Christino 2 Mar 29, 2022
A simple nodejs module which is wrapper around solc that allows you to compile Solidity code

Simple Solidity Compiler It's a simple nodejs module which is wrapper around solc that allows you to compile Solidity code and get the abi and bytecod

King Rayhan 4 Feb 21, 2022
Allows you to build fetcher function by URL at compile-time.

fetch.macro Allows you to build fetcher function by URL at compile-time. Usage Simply install and configure babel-plugin-macros and then use fetch.mac

RiN 18 Nov 7, 2022
Gleam is a beautiful little language that compiles to JS and to Erlang.

Gleam is a beautiful little language that compiles to JS and to Erlang. Esbuild is an excellent little js bundler. It's a great match! ??

Benjamin Wireman 5 Apr 5, 2022
A type programming language which compiles to and interops with type-level TypeScript

Prakaar Prakaar (hindi for "type") is a type programming language which compiles to and interops with type-level TypeScript. Prakaar itself is also a

Devansh Jethmalani 17 Sep 21, 2022
Programing language that compiles to C.

Ekalang Ekalang is a simple programming language that can be interpreted during the development phase and then compiled into C. Its goal is to make sm

Ekazuki 4 Feb 23, 2022
Plugin builder that compiles to several different discord client mods.

Builder Plugin builder that compiles to several different discord client mods. Supports Powercord Unbound Asstra BetterDiscord Installation git submod

Strencher 5 Dec 1, 2022
CancerDB: A public domain knowledge graph about cancer treatments that compiles to a CSV file.

CancerDB: A public domain csv file to help build the next great cure CancerDB is a public domain database and website containing facts about all types

Breck Yunits 21 Dec 15, 2022
Project to manage multiple emails at once with lots of customization. You can send and receive emails. Desktop notifications can be modified.

Technologies Used React Redux Tailwind CSS Features Admin dashboard User settings and or user dashboard send emails recive emails Connections through

Multi Email 9 Dec 17, 2022
Learn GraphQL by building a blogging engine. Create resolvers, write schemas, write queries, design the database, test and also deploy.

GraphQL Blog graphqlblog.com Learn GraphQL by building a blogging engine. Create resolvers, write schemas, write queries, design the database, test an

GraphQLApps 6 Aug 17, 2022
Reference for How to Write an Open Source JavaScript Library - https://egghead.io/series/how-to-write-an-open-source-javascript-library

Reference for How to Write an Open Source JavaScript Library The purpose of this document is to serve as a reference for: How to Write an Open Source

Sarbbottam Bandyopadhyay 175 Dec 24, 2022
A simple inefficient and buggy JSON parser written in JavaScript. Just a fun project

A simple inefficient and buggy JSON parser written in JavaScript This JSON parser isn't guaranteed to work properly. Its recommended to use builtin JS

Pranav Baburaj 2 Feb 20, 2022
Types generator will help user to create TS types from JSON. Just paste your single object JSON the Types generator will auto-generate the interfaces for you. You can give a name for the root object

Types generator Types generator is a utility tool that will help User to create TS Interfaces from JSON. All you have to do is paste your single objec

Vineeth.TR 16 Dec 6, 2022
Converts JSX to HTML strings at compile time.

unplugin-jsx-string Converts JSX to HTML strings at compile time. Installation npm i unplugin-jsx-string Vite // vite.config.ts import JsxString from

三咲智子 9 Sep 3, 2022