v0.34.0-alpha.1

Overview

This next release in the v0.34.0 release line fixes a couple CSS bundling bugs, introduces support for TSX w/ WCC, and adds a couple enhancements to import map generation.

# npm
$ npm i -D @greenwood/cli@alpha

# Yarn 1.x (classic)
$ yarn upgrade @greenwood/cli@alpha --dev

# pnpm
$ pnpm i -D @greenwood/cli@alpha

Changelog

https://github.com/ProjectEvergreen/greenwood/issues?q=label%3Av0.34.0%20label%3Aalpha.1

1. feature(plugins): #1605 add support for importing tsx
2. feat(cli): #1602 support "deep" main entry points import for import map generation
3. enhancement(cli): #1591 support array conditions in export maps for import map generation
4. fix(cli): #1608 handle nested relative CSS @import references
5. bug(cli): #1611 handle view transition psuedo selectors (thank you @EskiMojo14 🙌 )

Features (Early Access)

TSX Support

When using WCC and Greenwood's (experimental) Import JSX plugin, you can now author files (including SSR pages!) using TSX, getting type-safe HTML!

wcc-type-safe-html-demo.mov

Aside from having the plugin installed and setup in your Greenwood configuration file, you'll need to add these two settings to your tsconfig.json

{
  "compilerOptions": {
    // required options
    "jsx": "preserve",
    "jsxImportSource": "wc-compiler",

    // additional recommended options
    "allowImportingTsExtensions": true,
    "erasableSyntaxOnly": true,
  }
}

You can see a working demo here - https://github.com/thescientist13/greenwood-jsx
And WCC docs here - https://merry-caramel-524e61.netlify.app/docs/#jsx

N / A

Breaking Changes

N / A

Known Issues

N / A

Diff

v0.34.0-alpha.0...v0.34.0-alpha.1