Version 3.0.1 of postcss-cssnext just got published.

This version is covered by your current version range and after updating it in your project the build failed.

As postcss-cssnext is “only” a devDependency of this project it might not break production or downstream projects, but “only” your build or test tools – preventing new deploys or publishes.

I recommend you give this issue a high priority. I’m sure you can resolve this 💪

Your Greenkeeper Bot 🌴

How do I register pre-processor using this plugin?

OK

<tag>
  <script>
    import { spawn } from 'child_process'
  </script>
</tag>

ERROR

<tag>
  <script>
    import {
      spawn
    } from 'child_process'
  </script>
</tag>

Error parsing ~/examples/rollup/src/md.tag: Unexpected token (2:4) in ~/examples/rollup/src/md.tag

Hi Gianluca,

thanks for your great work!

Is there any example how to use Typescript in RIOT components?

My approach so far:

rollup.config.js

...
import {registerPreprocessor} from '@riotjs/compiler'
import * as ts from 'typescript'
...
registerPreprocessor('javascript', 'ts', function (code, {options}) {
    const {file} = options

    const result = ts.transpileModule(code, { // doesnt find "transpileModule"
        fileName: file,
        compilerOptions: {
            module: ts.ModuleKind.ESNext
        }
    })

    return {
        code: result.outputText,
        map: null
    }
})
...
plugins: [
...
    riot(),
...
]

src/components/test.riot

<test>
    <script type="ts">
        const a :number = 123
    ...

Yes, I found this rollup config file but it doesn't show how to render TypeScript. My approach fails on the use of the TypeScript library. May I have a small hint on that?

Cheers.

Could you please update the plugin to use version 4.5+ of the Riot compiler? Thanks!

@GianlucaGuarini could you please publish the new release to npm (version 4.0.1), as it has newer peer dependencies on the riot compiler. The last version on npm seems to be 4.0.0. Thanks!

I'm getting the following error when trying to compile and generate a sourcemap:

Cannot generate a sourcemap if non-sourcemap-generating transformers are used

Is there a way to make sourceMaps work with this?

Rather than add a bunch of noise to rollup/rollup#459, I figured I'd add some feedback here. This isn't necessarily things related only to rollup, but just things I noticed while looking through the repo:

• package.json is missing a files entry, so all the files in the directory are published. You should have an entry like this: "files": [ "dist/" ] (README.md and LICENSE.txt will automatically be included)
• dist probably shouldn't be checked in. I usually add it to .gitignore.
• The fragment import riot from 'riot'; is probably not what you really want there, but import * as riot from 'riot'; since the expected output uses properties of riot e.g. riot.tag2. Better still would be to import { tag2 } from 'riot'; and have the riot compiler generate a call to tag2 by itself.

I've been trying to set up the riot 4 quick start using rollup, but it throws me this error. Output looks like:

$ rollup -c

src/main.js → stdout...
(!) Unresolved dependencies
https://rollupjs.org/guide/en#warning-treating-module-as-external-dependency
riot (imported by src\main.js, src\try-app.riot)
[!] Error: 'default' is not exported by src\try-app.riot
https://rollupjs.org/guide/en#error-name-is-not-exported-by-module-
src\main.js (2:7)
1: import * as riot from 'riot';
2: import TryApp from './try-app.riot';
          ^
3:
4: riot.component(TryApp)(document.getElementsByTagName('try-app'), { message: 'uh' });
Error: 'default' is not exported by src\try-app.riot
    at error (C:\dev\try-riot-4\node_modules\rollup\dist\rollup.js:3766:30)
    at Module.error (C:\dev\try-riot-4\node_modules\rollup\dist\rollup.js:14611:9)
    at handleMissingExport (C:\dev\try-riot-4\node_modules\rollup\dist\rollup.js:14538:21)
    at Module.traceVariable (C:\dev\try-riot-4\node_modules\rollup\dist\rollup.js:14880:17)
    at ModuleScope.findVariable (C:\dev\try-riot-4\node_modules\rollup\dist\rollup.js:13582:37)
    at Identifier.bind (C:\dev\try-riot-4\node_modules\rollup\dist\rollup.js:11415:40)
    at CallExpression.NodeBase.bind (C:\dev\try-riot-4\node_modules\rollup\dist\rollup.js:10439:31)
    at CallExpression.bind (C:\dev\try-riot-4\node_modules\rollup\dist\rollup.js:11531:31)
    at CallExpression.NodeBase.bind (C:\dev\try-riot-4\node_modules\rollup\dist\rollup.js:10443:23)
    at CallExpression.bind (C:\dev\try-riot-4\node_modules\rollup\dist\rollup.js:11531:31)

error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

I attempted to add a export default {} to the tag, but it just throws the ES6 "can't export there" error instead.

Any ideas what I'm doing wrong (or is the rollup plugin not ready for riot 4? it seems to be....)?

Thanks!

also, I attached my code if anyone wants to take a look:
try-riot-4.zip

Using the plugin without options (riot()), I have the following warning from rollup:

Sourcemap is likely to be incorrect: a plugin was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help
https://github.com/rollup/rollup/wiki/Troubleshooting#sourcemap-is-likely-to-be-incorrect

Any help? Thanks.

I used to use extension ".tag.html" by plugin-settings to make Riot tag files, but at v4, rollup shows error that "Unexpected token (Note that you need plugins to import files that are not JavaScript)". It goes well when I change the extension into "html".

• reproduce
  https://glitch.com/edit/#!/flat-olive

riot.config.js

export default {
  hot: false,
  extension: 'tag.html'
}

rollup.config.js

import riot  from 'rollup-plugin-riot'
...
plugins: [
    riot({
      ext: 'tag.html'
    }),
]

Thanks.

I would like to register pug preprocessor but I do not see how I can do it.

Hi,
trying to use riot.config.js (https://github.com/riot/examples/tree/gh-pages/riot-config), steps done, but onnpm run build console fires an error:

{ code: 'UNRESOLVED_IMPORT',
  message: '\'buble\' is imported by riot.config.js, but could not be resolved – treating it as an external dependency',
  toString: [Function] }
...

Plz advise.

To fix the test on Travis, I've removed the dependencies related to Babel. Maybe we could fix them, but bit time-consuming. Instead of that, here're some changes made:

• Ava to Mocha a451b12
• Babel to Bublé 0617ab9

Bublé is much simpler alternative of Babel. For simple modules like rollup-plugin-riot, it's enough and faster option.

It's time to upgrade, I think 😉

The config example using entry and what not threw me for a bit of a loop for a minute. I think this config format was for an older version of Rollup? It would be helpful to use the current version, with input and output.

Got an error while processing a pug tag. In my rollup.config.js I'm passing template:'pug' as a parser option. pug is installed globally on my machine.

[!] Error: Unexpected token                                                                                                                 
src/tags/signup/template.static.pug (3:16)                                                                                                  
1: import riot from 'riot';signup                                                                                                           
2:     script
3:         include signup.js
                   ^
4:     form(onsubmit="{doSignUp}")
5:         .form-group

function inputFileToConfig(input) {
    var ret = {
        entry: input,
        dest: input.replace('src', 'build'),
        format: 'iife',
        sourceMap: 'inline',
        plugins: [
            resolve({
                jsnext: true,
                main: true,
                browser: true,
            }),
            commonjs(),
            riot({
                ext: 'pug',
                parserOptions: {
                    template: 'pug'
                }
            }),
            replace({
                'process.env.NODE_ENV': JSON.stringify('')
            }),
        ]
    }
    return ret;
};
module.exports = inputFiles.map(inputFileToConfig);

Hello,

My app uses a tag
<my-tag style="height:{height}px"> <my-tag>
Riot compiler makes its work fine, while rollup plugin fires an error. If instead of inline styling I'm using a class={myclass:condition} notation, all worked fine though.

Mikhail