tinchoz49 / parcel-plugin-surplus

A parcel plugin to compile your Surplus JSX views

Parcel Surplus Plugin

A parcel plugin to compile your Surplus JSX views.

Usage

$ npm install --save-dev parcel-plugin-surplus

For TypeScript users

To work with TypeScript it's necessary to add in your tsconfig.json the jsxFactory prop:

{
  "compilerOptions": {
    ...
    "jsx": "preserve",
    "jsxFactory": "Surplus",
  }
}

parcel-plugin-surplus's Issues

Add support for tsx

Compilation error when compiling .tsx with generics.

Hi, I think I found a bug, but it might be just misconfiguration.

I'm trying to use parcel with this plugin to bundle a Surplus.js app written in Typescript.
The problem can be reproduced with this tsx file:

import * as Surplus from "surplus";
let a: Array<number> = [1, 2, 3];

The error I get when trying to run parcel on this project:

project_path>yarn parcel build src/index.html
yarn run v1.7.0
$ project_path/node_modules/.bin/parcel build src/index.html
×  project_path/src/main.tsx: element missing close tag at line 1 col 12: ``<number> = [1, 2, 3];''
    at ERR (project_path/node_modules/surplus/compiler/index.js:374:15)
    at jsxElement (project_path/node_modules/surplus/compiler/index.js:165:17)
    at program (project_path/node_modules/surplus/compiler/index.js:92:31)
    at parse (project_path/node_modules/surplus/compiler/index.js:84:12)
    at Object.compile (project_path/node_modules/surplus/compiler/index.js:1540:45)
    at TSAsset.pretransform (project_path/node_modules/parcel-plugin-surplus/lib/surplus-asset.js:20:39)
    at TSAsset.process (project_path/node_modules/parcel-bundler/src/Asset.js:202:18)
    at <anonymous>
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

This seems like the tsx source is ran through the surplus compiler before being compiled by the ts compiler, and the surplus compiler thinking this is a JSX starting tag.

Do you think this is a bug, and if it is, can it be fixed?

Use with HMR?

Hi, do you have any tips on using surplus with parcel's HMR? At the moment I have their "hello world" example working, but every time I save it attaches a new element to the dom.

added example gif

Ready to add to Surplus README?

I wanted to thank you for taking the time to make a Parcel plugin for surplus. Is this at a state where you think it's ready to be linked from the Surplus README page?

Please consider reducing the list of extensions to simply .jsx

Compiling all .js files means you must also be able to parse all language extensions, which is very much not the case. For example, using parcel-plugin-surplus prevents me from using mermaid anywhere in the project because regex parsing seems bugged.

Since Parcel doesn't really do "configuration" very well, it's hard for me to tell this plugin to ignore non-.jsx files.