how to build dependencies

[christophe-g]

This should be pretty straightforward.

I have some linked dependencies (which I actually tread as source files, but they are shared across other libraries) containing @decorators.

For instance:

import { LitElement, html, css, customElement, property } from 'lit-element';

@customElement('pfo-live-data')
export default class PfoLiveData extends LitElement {
  @property({type: String}) resourceId
  @property({type: String}) language
  @property({type: Object}) sections

  render() {
    return html`
        my template
    `;
  }
}

That work all well when in the dev environment (even HMR is fine).

Now this is what I (unsurprisingly) get when I build the app:

[snowpack] ! building source files...
[snowpack] ✔ build complete [9.41s]
[snowpack] ! building dependencies...
[snowpack] Failed to load ../litElement/preignition-form/src/pfo-live-data.js
  Unexpected character '@' (4:0) in /home/christophe/Programming/Polymer/litElement/preignition-form/src/pfo-live-data.js

Is there a way to instruct the build process to transform some dependencies ?

Thanks a lot.

[FredKSchott]

Yes! See: https://www.snowpack.dev/reference/configuration#packageoptions.rollup

[christophe-g]

I knew that was a stupid question : ) Thank you !

[christophe-g]

@FredKSchott - I am afraid I still need some help here - I am unable to perform this simple requirement, hmm.

This is the snowpack.config.js I was hoping would work

packageOptions: {
    rollup: {
      plugins: [
        require('@rollup/plugin-babel').default({
          babelHelpers: 'inline',
          plugins: [
            ['@babel/plugin-proposal-decorators', { 'decoratorsBeforeExport': true }],
          ]})
      ],

Packages with @decorators still make the build fail;

[snowpack] ! building source files...
[snowpack] ✔ build complete [9.74s]
[snowpack] ! building dependencies...
[snowpack] Failed to load ../litElement/preignition-form/src/pfo-live-data.js
  Unexpected character '@' (4:0) in /home/christophe/Programming/Polymer/litElement/preignition-form/src/pfo-live-data.js
[snowpack] Install failed.
 ERROR  Command failed with exit code 1.

Alternatively, this fails as well

rollup: {
      plugins: [
        require('@rollup/plugin-babel').default({
          babelHelpers: 'inline',
          presets: [
            "@babel/preset-typescript"
          ]
      ],

As babel is new to me, I might miss smth completely trivial!
Thanks for the help