⛑ 1.0.1 (2019-06-06)
- build: suppress worker EPIPE errors (37e50e3)
- bundle: handle browser: true correctly (8b4597c)
- compiler: full qualified exports (ca60073), closes #1352
- dev-server: avoid Promise in dev server client (729cdf2)
- tests: reset defaults (de5f3d1)
- don't mock fetch() if provided (09aa4ab)
- e2e: wait for idle network (#1579) (f9a323f)
- test: add mock for Node.contains() (560d322)
- add pluginHelper() (b375e65)
- config: skip collectionsDir (048118b)
- dev-server: clickable line numbers open in editor (ac13652)
- dev-server: minify dev server client (5ed19ec)
- mock-doc: add KeyboardEvent (#1581) (44393a9)
- prerendering: use media query to prevent blocking (a1c760a)
☎️ 1.0.0 (2019-06-01)
Check out the blog post to know everything coming in Stencil One! Also, it might be interesting to take a quick look at the breaking change files, to know what changes you might need to apply to you components.
- build: suppress worker EPIPE errors (37e50e3)
- dev-server: avoid Promise in dev server client (729cdf2)
- e2e: wait for idle network (#1579) (f9a323f)
- config: skip collectionsDir (048118b)
- dev-server: clickable line numbers open in editor (ac13652)
- dev-server: minify dev server client (5ed19ec)
- mock-doc: add KeyboardEvent (#1581) (44393a9)
🌻 1.0.0-beta.8 (2019-05-29)
- bundler: commonjs before user's plugins (3adfaad)
- ie: avoid top level Promise (913b8fc)
- ie: baseURI is not available (ab8e304)
- ie: fix async test (e0ed00c)
- ie: heavy optimizations break IE11 (103a9ba)
- ie: polyfill Element.classList (d7f6646)
- ie: use core-js polyfills (5afaa7e)
- karma: longer timeout for IE11 :( (ae6a21c)
- karma: reduce logging (f878282)
- legacy: use in to check for classList (bc5bbdb)
- runtime: grab location from window (26fd3cf)
- tests: increase timeout (d8bec5a)
- types: remove ElementTagNameMap (a5b199d)
- add polyfill for composedPath() (381ded9)
⛺️ 1.0.0-beta.7 (2019-05-29)
- vdom: don't render booleans (8106936)
👻 1.0.0-beta.6 (2019-05-29)
- angular: ChangeDetectionStrategy.OnPush to generated angular bindings (#1575) (0830959)
- build: fix validate package json for prod builds (f27dd6b)
- build: vdom/svg build conditionals also from imported modules (f0a9dfc)
- bundle: prioritize user plugins (#1564) (69980f1)
- compiler: conflict between namespace and components (d58bea6)
- compiler: fix static analysis of dependencies (c22a0a4)
- html: avoid duplicated modulepreload (d68a478)
- skip initHtml when not serving (ecafff2)
- system: use same scheme (345fcc7)
- types: avoid in-memory fs for file existance check (208c393)
- types: normalize stencil.core import path (30204ee)
- types: ref returns the correct interface (f32598b)
- generate legacy loader for CDN (9dde96a)
- load images with imports (#1565) (ee28dc0)
- build: add manifest.json validation (570d741)
- compiler: warn about typescript imports (#1576) (d9881f6)
- jest: add snapshot serializer (#1570) (4e2eba0)
🍷 1.0.0-beta.5 (2019-05-22)
🎡 1.0.0-beta.4 (2019-05-22)
- build: skip initIndexHtml if there is not devServer (4841b6e)
- config: revert esmLoaderPath change (#1561) (99add67)
- dev-server: fix reloading styles after external script changes (6003871)
- dev-server: fix updating inline styles hmr (896022d)
- hmr: call all callbacks in build event subscribers (#1552) (d5cfea5)
- hydrate: fix hydrating style elements (0007acb)
- hydrate: pass nodeResolve and commonjs config (#1556) (ddc200e), closes #1554
- lifecycle: tag styles were not being generated for components without styles (#1553) (279e33b)
- loader: load from external domain (3a9e643)
- runtime: fix getAssetPath() for external domain (102d09b)
- test: esmLoader tests (9fe054c)
- types: move LocalJSX to declarations/jsx.ts (39cc99b)
😃 1.0.0-beta.3 (2019-05-21)
- build: skip initIndexHtml if there is not devServer (4841b6e)
- dev-server: fix updating inline styles hmr (896022d)
- hmr: call all callbacks in build event subscribers (#1552) (d5cfea5)
- hydrate: fix hydrating style elements (0007acb)
- hydrate: pass nodeResolve and commonjs config (#1556) (ddc200e), closes #1554
- lifecycle: tag styles were not being generated for components without styles (#1553) (279e33b)
- loader: load from external domain (3a9e643)
- test: esmLoader tests (9fe054c)
- types: move LocalJSX to declarations/jsx.ts (39cc99b)
🐉 1.0.0-beta.2 (2019-05-20)
Check out the blog post to know everything coming in Stencil One! Also, it might be interesting to take a quick look at the breaking change files, to know what changes you might need to apply to you components.
- bundle: use data-namespace to match the correct collection (c01c049)
- copy: improve error msg with effective config attributes name (b574b86)
- dev-server: fix handling css parse errors (06333d7)
- dev-server: progress bar uses transform (d52a39b)
- docs: use buildDocs instead of devMode (e68f56c)
- hydrate: shadow-dom needs shim (d253d9b)
- lifecycle: using css-in-js with no styles causes FOUC (#1550) (e7cf323)
- test: add hydrated class to tests (93023df)
- test: Make jest-preset to use setupFilesAfterEnv (#1545) (9f7041a)
- testing: do not emit annotations by default (929e563)
- types: export JSX in stencil.core (3decbdf)
- expose custom-docs apis (bd20c11)
- compiler: watch *.html files (#1531) (a032c0c)
- dev-server: initializing proress bar (05a8030)
- jsx: add close event to Dialog (#1348) (f722975)
- test: add supportsShadowDom (207e837)
- test: add toEqualLightHtml() (e4391f2)
- types: add media event-handler properties (#1376) (5ab62b8)
- expose PluginCtx and PrintLine (db5fbb5)
💛 1.0.0-beta.1 (2019-05-17)
Check out the blog post to know everything coming in Stencil One! Also, it might be interesting to take a quick look at the breaking change files, to know what changes you might need to apply to you components.
- it's not Console, but console (d50a242)
- context: resolve publicPath (#1536) (15bf6e5)
- context: return values for isPrerender and isClient (#1537) (0eba453)
- dev-server: fix error logging when build aborted (69ef3b5)
- dev-server: fix initial load w/ errors (4b86575)
- dev-server: fix reloading same error on start (a987928)
- dev-server: fix updating favicon (6ec2cf9)
- hydrate: resourcesUrl is an actual URL (3cf39fd)
- minify: drop console.log / debug in prod mode (e676e40)
- runtime: old versions of stencil reset ['s-rc'] (4a88565)
- types: only fix imports, not mod augmentations (4b1bdbd)
😎 0.18.1 (2019-03-15)
- package: require node >= 8.9.0 and npm >= 6.0.0 (d9325a3)
- server: serve openBrowser configurable with open flag (#1407) (cb4d916)
- copy: use fs.copyFile and reduce concurrent copy tasks (e51c0a4)
- dev-server: serve command launch root url (#1410) (7abdc39)
- dev-server: start server w/out dev websocket, suppress startup logs config (ca96c58)
- dist: add dist/cjs directory (24f5416)
🏐 0.18.0 (2019-02-12)
- typescript: update to typescript 3.3.3 (35d8d25)
- compiler: add check for potential custom element name issue#947 (#1368) (9dfffa0)
- docs: generate docs for slots (#1363) (a08acac), closes #1362
- e2e: expose page.url() method (#1221) (c2df47e), closes #1220
- prerender: export DEFAULT_MODE for platform-server (#1366) (678b19d)
🐋 0.17.2 (2019-02-05)
- log: remove config console.log (29c9e8b)
🚛 0.17.1 (2019-02-01)
- attribute: don't null boolean properties (647a47d)
- config: load .ts dependencies (#1339) (e7de19f)
- prerender: fix prerender error handling (918e9ed)
- prerender: ensure meta charset is first element in document.head (590ddbf)
- prerender: add "no-prerender" attribute to skip prerendering elements (9c11415)
🔑 0.17.0 (2019-01-18)
- bundle: force [email protected] dep for rollup-plugin-node-resolve (640de93)
- css: disable MergeLonghand (c208c60)
- events: ensure both listen decorator and jsx can assign same event (42fa73a)
- events: remove event listeners after lifecycle hook call (#1293) (49b75d8)
- global: ensure ts files are mapped to js (b5ec9ea)
- rollup: update to rollup 1.1.0 and rollup-plugin-node-resolve 4.0.0
- puppeteer: update to puppeteer 1.11.0
- e2e: add remote chrome support for puppeteer (#1322) (18f6e9d)
🚘 0.16.4 (2019-01-15)
- css: reenable MergeLonghand CSS optimization (cbd3579)
⚽️ 0.16.3 (2019-01-14)
- angular: this.el should not be exposed in types (a82c8df)
- docs: expose encapsulation (e39268a)
🐣 0.16.2 (2019-01-07)
- amd: fix amd module loading for modules w/out dependencies (e040b7a)
- amd: fix amd module without deps (1213da3)
- docs: markdown event docs emit the type, not detail (5878850)
- rollup: update rollup (4ce1008)
- ts: update ts 3.2
- angular: do not emit internal components (37e63e0)
- angular: do not emit proxies for internal APIs (7612fa0)
- angular: angular uses es2015 🤷♂️ (d0d215c)
- docs: emit required metadata for props (789e973)
- docs: filter internal components (040cacc)
- listen: ensure window events from Listen decorator are captured (be49235)
- sys: fix node resolving module w/out package.json main (39b5d71)
- angular: emit proxies utils in a different file (3377bc8)
🐠 0.16.1 (2018-12-13)
- angular: also update class name (483a269)
- angular: sort using tag-name (24c9448)
- angular: use PascalCase tagname as class name (7c9702a)
- console: do not drop console for prod builds (bcf4219)
- core: always include svg support (5308931)
- css-vars: do not property rename css vars shim removeHost (6ec39fb), closes #1285
- css-vars: ensure shim initialized before defining components (87c0b2e)
- docs: do not serialize path metadata (a7d5e3a)
- docs: generate component docs based in readme by default (3612a05)
- esm: expose defineCustomElement() (5d730ad)
- esm: generate esm/es2017 correctly (5ab6beb)
- esm: shortcut index should point to valid esm (e4e5cca)
- shadow: ensure es5 build checks shadowRoot (c5f9257)
- workers: detect number of CPUs correctly (b5f9ddc)
- generate experimental web-components.json (#1256) (8924561)
- loader: add exclude option (ea289f3)
- prerender: Adding the prerender-external cli flag (686c277)
- build: esm build without es5 (fae97dd)
- bundling: rollup cache + non-treeshake (b7d2342)
- css-vars: remove empty selector regex (cb0b271)
- fs: use Map (f03ec9d)
🏀 0.16.0 (2018-11-29)
- build: conditionally include client side prerender hydration (badf06f)
- build: conditionally include slot polyfill (582ff53)
- build: conditionally include svg build features (7d2e2df)
- docs: custom docs generators (#1227) (1c08e90)
- docs: generate api data (2db19d3)
- docs: include usages in the markdown (#1254) (300df72)
- prop: extract default value of props (8bed57e)
- types: add support for JSX required props (#1199) (3f39b1b)
- typescript: update typescript (127f0d5)
- minify: remove h() function when not used (972cf6f)
- queue: remove queue when it's not updatable (9b18a97)
- styles: remove logic for modes (3119bbb)
- angular: fix error in strict mode (09cff8b)
- build: fix mode and resourceUrl (9d79013)
- bundling: fix bundling node resolved import when using browser entry (c78fe51), closes #1185
- css-vars: fix css vars polyfill for ie11 using defineCustomElements() (7ce800b)
- esm: fix global script for esm (39940f3)
- htmlFor: remove htmlfor from jsx attributes (d4b35a9), closes #1183
- jsx: fix jsx htmlfor incompatibility (2022ca5)
- mock-doc: fix Event and CustomEvent eventInitDict (32c5737), closes #1206
- mode: ensure multiple component modes can async load (d7d1914)
- test: add getBoundingClientRect() to mock-doc (88292c0), closes #1198
- types: fix signature for classList.contains (193cc6e), closes #1207
- polyfill: add array.fill() polyfill (#1230) (7042932)
- testing: do not ignore docs dir output (7656292)
- esm: fix minify es5 for esm (5d8154c)
- host: no mode still needs the mode to be set (784c32a)
- types: resolve more types in docs (bb48234)
🌯 0.15.2 (2018-11-01)
- compiler: fix doc generation issue for windows (#1195) (56c4185)
- css: disable postcss merge-longhand due to css vars bug (2c081e5)
- e2e: throw errors for 404 tests (d83beb8)
- exit: integrate exit module (3557a4a)
- fs: integrate graceful-fs (af78764), closes #1126
- lifecycle: fix componentWillUpdate build conditional (14f5e29), closes #1193
- polyfill: ensure promise polyfill applied for ie11 (414fc55), closes #1188
- queue: allow option to disable async queue (#1186) (373e58c)
- sass: fix style rebuild from sass import change (e86812b), closes #1019
🤓 0.15.1 (2018-10-30)
- profile: add build condition performance marks and measures behind --profile flag (265154f)
- dev-server: fix gzip response (5b6b692)
- dev-server: fix historyApiFallback disableDotRule (af47de4), closes #1108
- polyfill: add Number.isFinite, Number.isNaN, Number.isInteger (4e54f85), closes #1009
- test: fix jest reporter config (53998f5), closes #1160
- testing: do not empty dist directory for tests (ed282b9), closes #1184
🏇 0.15.0 (2018-10-24)
- autoprefix: handle true value as autoprefixCss config (50b9b88)
- build: fix month in build timestamp (#1177) (448a7d9)
- css: cssnano for minifying css, and optimize postcss and autoprefixer (7e6a55c), closes #1152
- event: fix CustomEvent polyfill (e22fd30), closes #1173
- polyfill: add Array.prototype.findIndex polyfill (6015be8), closes #1179
💍 0.14.2 (2018-10-23)
- clean-css: update to clean-css 4.2.1 (6a648d7)
- css-vars: fix removing inline css variables (9fcd7ee), closes #1159
- hmr: fix hmr styles updates with escaped characters (db2456a), closes #1156
- service-worker: do not default to sw cache ico, png, and svg files (822c7b3), closes #1164
- service-worker: do not sw cache legacy bundles (93e16b1), closes #1006
🍐 0.14.1 (2018-10-19)
- event: get event from EventEmitter.emit allow check on e.defaultPrevented (#1162) (f04a8f1)
- waitForEvent: add page.waitForEvent() to e2e testing (77d7b7c)
- pixelmatch: fork pixelmatch to another process (95ebbc1)
- screenshot: improve screenshot caching and memory usage (d8f6112)
🐳 0.14.0 (2018-10-16)
- core: reduce
@stencil/coredependencies and package size - docs: add component jsdoc to json docs (#1125) (e3ae28b)
- docs: support @param and @returns jsdoc tags (#1131) (ec2e224)
- test: add emulate cli arg to test specific emulate config (10ce9cd)
- test: integrate test runner w/ builds (92a3a71)
- docs: prop types are resolved to primitive types (4dc5c32)
- appload: emit appload when no components in dom (15fcfef)
- dev-server: make iframe a block element to avoid unwanted space (a1cb469)
- minify esm-es5 to improve webpack perf (e070507)
- angular: do not update proxies in dev (16ccb77)
- bundle: add dev-only runtime helpers for node globals (e098e00)
- bundle: do not bundle node globals/builtins (1102b0b)
- bundle: test for \0 ids (45bf040)
- cli: print warning if --config path does not exist (492402f)
- compiler: reflectToAttrib is serialized to manifest (4980042)
- config: ensure allowSyntheticDefaultImports setting in tsconfig (ba7c673)
- config: ensure esModuleInterop setting in tsconfig (be1c18d)
- config: user's tsconfig is not parsed (ca0b9fc)
- dist: normalizePath for windows (#1142) (93214ee)
- docs: support strict docs and @internal tag (1ba029a)
- docs: escape markdown docs generation columns (e06ebce)
- docs-json: ensure docs-json flag applies to docs outputTarget (dd9e7e6)
- e2e: check if page closed (4d25144)
- loader: avoid relative path in package.json (a4892eb)
- log: print out build errors from initial build (196f302)
- methods: add focus/blur back to blacklisted methods (6ad1be1)
- minified: topLevel is not safe in ES5 (8f17c32)
- mock-doc: improve style attr parse/serialize (a6d4a1c)
- package: ensure compatible @types/node with typescript (fb5f76f)
- polyfill: add polyfill for Object.values() (24f637e), closes #1098
- render: add slot css class in scoped mode (a0c6f07)
- resolve: fix bundled node resolved plugin (dfc3c19)
- rollup: improve rollup error logging (0b64d5f)
- runtime: remove node globals runtime helpers (c4eddf0)
- screenshot: ensure masterBuild data (8ee4a56)
- screenshot: disable GPU and antialiasing (cab2b87)
- screenshot: provide compare url and update base connector (3bbd609)
- test: do not print tsconfig errors during testing (83ecade)
- test: mock e2e test data when not doing screenshot tests (339d842)
- testing: parse user tsconfig for unit tests (7c8fc4f)
- tsconfig: parse tsconfig w/ comments (e1b54ea)
- tsconfig: fix ts.findConfigFile (d473d7a)
⚡️ 0.13.2 (2018-09-27)
- pixelmatch: require pixelmatch within fn (36a4b37)
🐨 0.13.1 (2018-09-26)
- resolve: ensure paths are normalized in NodeResolveModule (80fda2a)
- screenshot: ensure pixelmatch is installed (1fba6c8)
- testing: --no-build flag to skip build before e2e testing (110ccaa)
🏁 0.13.0 (2018-09-26)
Testing within Stencil is now broken up into two distinct types: Unit tests with Jest, and End-to-end tests with Puppeteer. Previous versions already used Jest, but Stencil provided a TestWindow and mocked the browser environment using JSDom.
With the latest changes, the browser environment for e2e testing is done using Puppeteer, which provides many advantages Stencil can start to incorporate into its builds later on. This means the previous testing methods using TestWindow has been removed in place of Puppeteer's API.
Unit testing is for testing small chunks of code at the lowest level. For example, when a method is given X, it should return Y. Unit tests should not be doing full rendering of the component, but rather focused on logic only. E2E tests would be testing rendering and components working together. For example, when my-component has the X attribute, the child component then renders the text Y, and expects to receive the event Z. By using Puppeteer for rendering tests (rather than a Node environment simulating how a browser works), your end-to-end tests are able to run within an actual browser in order to give better results.
Stencil also provides many utility functions to help test Jest and Puppeteer. For example, a component's shadow dom can now be queried and tested with the Stencil utility functions built on top of Puppeteer. Tests can not only be provided mock HTML content, but they can also go to URLs of your app which Puppeteer is able to open up and test on Stencil's dev server.
End-to-end tests require a fresh build, dev-server, and puppeteer browser instance created before the tests can actually run. With the added build complexities, the stencil test command is able to organize the build requirements beforehand.
Previously, the jest command was directly within an npm script, and Jest's config was within the app's package.json file. While this is certainly still doable, the stencil test command handles the build requirements, keeps configurations centralized in stencil.config.ts, and lazily installs Jest and Puppeteer when they're needed for the first time.
With this release, the jest config within the app's package.json file can be safely removed, and the npm test script can be set to stencil test --spec instead of jest. It's also recommended to add an npm script test.e2e pointing to stencil test --e2e. Note that both unit tests and end-to-end tests could be ran with the same command, such as stencil test --spec --e2e. Below would be a common setup:
"scripts": {
"test": "stencil test --spec",
"test.watch": "stencil test --spec --watch",
"test.e2e": "stencil test --e2e"
}Providing a Jest config is no longer required and Stencil will apply defaults from data it has already gathered. For example, Stencil already knows what directories to look through, and what files are spec and e2e files. Jest can still be configured using the same config names, but now using the stencil config testing property. It's also recommended to use the typed version of stencil.config .ts so you'll be able to see the typed configs and descriptions.
import { Config } from '@stencil/core';
export const config: Config = {
testing: {
testPathIgnorePatterns: [...]
}
};import { newE2EPage } from '@stencil/core/testing';
it('should create toggle, unchecked by default', async () => {
const page = await newE2EPage();
await page.setContent(`
<ion-toggle class="pretty-toggle"></ion-toggle>
`);
const ionChange = await page.spyOnEvent('ionChange');
const toggle = await page.find('ion-toggle');
expect(toggle).toHaveClasses(['pretty-toggle', 'hydrated']);
expect(toggle).not.toHaveClass('toggle-checked');
toggle.setProperty('checked', true);
await page.waitForChanges();
expect(toggle).toHaveClass('toggle-checked');
expect(ionChange).toHaveReceivedEventDetail({
checked: true,
value: 'on'
});
});Stencil's architecture is async at all levels which allows for many performance benefits and ease of use. By ensuring publicly exposed methods using the @Method decorator return a promise:
- Developers can call methods before the implementation was downloaded without
componentOnReady(), which queues the method calls and resolves after the component has finished loading. - Interaction with the component is the same whether it still needs to be lazy-loaded, or is already fully hydrated.
- By keeping a component's public API async, apps could move the components transparently to web workers and the API would still be the same.
- Returning a promise is only required for publicly exposed methods which have the
@Methoddecorator. All other component methods are private to the component and are not required to be async.
Also note, developers should try to rely on publicly exposed methods as little as possible, and instead default to using properties and events as much as possible. As an app scales, we've found it's easier to manage and pass data through @Prop rather than public methods.
Stencil injects defineCustomElements() into the generated collections so the generated web components can be easily consumed in projects that use a build system such as Webpack. For example, projects written using Angular or Vue.
We have been working to make it more performant and smaller while still providing transparent lazy loading out of the box.
This releases introduces a subtle change in how this function is exported. Previously it was exported in the main entry-point, but now it lives in its own entry-point. This entry point is called loader by default but that can be modified via the stencil.config.ts file.
This change will lead to much better tree-shaking and performance.
- import { defineCustomElements } from 'my-collection';
+ import { defineCustomElements } from 'my-collection/dist/loader';- bundle: export esm-es2017 (efd985d)
- cli: add prerelease warning (5052fe2)
- compiler: methods should return a promise (98510d5)
- e2e: add isVisible() and waitForVisible() to e2e testing (acb8cd6)
- e2e: add waitForNotVisible() to e2e testing (8b10b56)
- e2e: find element by text content (309c250)
- e2e: add dom api for e2e testing (3a2a884)
- e2e: test computed styles of an e2e element (c1a613c)
- onReady: onReady() resolves after app load/update finished (bba5fbc)
- puppeteer: allow specification of Chrome executable (6b80237)
- screenshot: compare screenshots against master during e2e tests (892b8b1)
- serialize: serialize pretty print html option (c6e34b5)
- testing: e2e testing with puppeteer (ad2c0d4)
- testing: add toMatchClasses() (bf4ff31)
- docs: skip private methods (42bf7ce)
- bundle: enable rollup optimizeChunks (7e00230)
- bundling: improve cross encapsulation bundling (3e181c1)
- core: reduce size and improve runtime perf (#787) (8e94403)
- dev: shadow-dom polyfill is not needed in dev mode (b3bfd9a)
- esm: using webpack comments to reduce number of chunks (91c9a09)
- tune optimizeChunks integration (518b425)
- remove duplicated TS helpers (1320afc)
- angular: do not build dist (5a3dfde)
- bundle: return undefined when something fails (52e650a)
- compiler: emit optional token when appropriated (#1050) (870a0fc)
- compiler: esm index.js (49e8a74)
- compiler: mark any types correctly (8c6bcd9)
- compiler: no emit promise warning while testing (fceb3a1)
- compiler: relax error for exports in Component files (33fffe2)
- core: the request of a dependency is an expression (b3d2e75)
- css-shim: using class scoped CSS (2b969cc)
- dev: add dynamic and shadow-dom checks (fd2016e)
- e2e: fix button and user input interaction (5be55c9)
- esm: esm builds are enabled if es5=true (8f4f30d)
- esm: treeshakable esm output (62164b0)
- host: adds Component host deprecation warning (9cd8e2e)
- platform: scoped css check (da796c4)
- styles: ensure styles added after meta[charset] (2979f6e)
- styles: insert styles after meta charset (df40ca8)
- tslib: rollup tslib in dist (1b66f3b)
- dev-server: ensure dev-server web socket is open (5d292c0), closes #1013
- dev-server: fix ie11 dev-server errors (a43915f)
- dom-api: classList.add polyfill for IE11 svgs (e451d88)
- hydrated: apply hydrated visibility to all components (3c9c2d4)
- lifecycle: run componentDidUpdate after all child cmps load (12fcf75)
- testing: handle errors (2dc2bce)
- validate: not recommended pkg.module value (c6c4281)
- lifecycle: ensure es5 builds wait on returned lifecycle async/await (c3a7655)
- prerender: ensure that platform-server prerender follows amd format for require/exports. (f5e5e0c)
- config: ensure correct target/module tsconfig (7c20d52)
- mock-doc: check for text node nodeValue (19f734e)
- mock-doc: do not escape script content (2498835)
- mock-doc: do not escape script innerHTML (be1c43f)
- mock-doc: fix document methods (f8a96ff)
- mock-doc: fix serialize svg attrs (107f6a9)
- mock-doc: fix template content (8a61a15)
- screenshot: disable screenshot tests in e2e (d530586)
- testing: click returns a promise (36ec6dd)
- tslint: tslint:disabled must be first line (b21b432)
🏋 0.12.4 (2018-08-30)
- move functional component definitions to file for external builds. (4e17c9e)
- add rollup module info to stats and upgrade rollup. (b6ee592)
🎩 0.12.3 (2018-08-29)
- angular: promisy types is not longer needed (d6ba49b)
🚖 0.12.2 (2018-08-28)
- correct rollup globals plugin to include the correct local path to the globals files. (cf81429)
- add types to decorators to ensure that they are assigned correctly. (99d058e)
🤘 0.12.1 (2018-08-27)
- ensure all '@stencil/core' types are changed to './stencil.core' in components.d.ts file. (638ad47)
🚑 0.12.0 (2018-08-27)
- angular: event emitters work programatically (dabcf5e)
- angular: promisify methods (0ad19de)
- angular: using Component instead of Directive (d3b3c80)
- config: add esModuleInterop (2865fae)
- escapeCssForJs: test for string input (297fa2e)
- method: remove focus() and blur() from blacklist (fbcc368)
- angular: export local element interfaces to be used in angular type definitions. (fc081a3)
- types: export StencilComponents from core builds and all import to angular builds. (#1033) (a8ba582)
- build: move rollup node globals plugin local to resolve its issue with dynamic imports. (ce72eb6)
- build: do not exclude /test/ directory from build (12f650d)
- exports: remap esm exports from collection directory to a local es5 directory. (dbd8cac)
- types: move global type definitions of JSX into a projects component.d.ts file (#1018) (7e4e501)
⛰ 0.11.4 (2018-08-12)
This release includes a change to the interface of functional components. This change should make working with components simpler and more predictable.
Previously children were included with props as the first parameter in the components signature. The change has moved children out into the second parameter. You can now assume that children is always passed and its value will always be an array. If there are no children the array lenght will be zero.
- const Component: FunctionalComponent<PropInterface> = ({ children, ...props}, utils) => {
+ const Component: FunctionalComponent<PropInterface> = (props, children, utils) => {- types: Update available config options for nodeResolveConfig to allow for string arrays. (72dca29)
- functional components: add index and array to functional utility methods map and foreach. (a3abc85)
🔥 0.11.3 (2018-08-08)
- events: prevent ael and rel property renaming (509fca2)
🎯 0.11.2 (2018-08-07)
- testing: ensure that testing files are getting Build conditionals propertly removed. (f039aab)
🐝 0.11.1 (2018-08-06)
- angular: disable tslint for generated code (4ea8b9c)
- config: expose limited rollup options for input and output. (9f969a6)
- components: reduce size of components.d.ts distribution (e149120)
🍇 0.11.0 (2018-07-31)
Update stencil.config.js:
- const sass = require('sass');
- const postcss = require('@stencil/postcss');
+ const { sass } = require('@stencil/sass');
+ const { postcss } = require('@stencil/postcss');Or migrate to strong typed configuration:
-
Step 1: rename
stencil.config.js=>stencil.config.ts -
Step 2: use ES modules instead of commonjs
import { Config } from '@stencil/core';
import { sass } from '@stencil/sass';
import { postcss } from '@stencil/postcss';
import * as autoprefixer from 'autoprefixer';
export const config: Config = {
plugins: [
postcss({
sass(),
plugins: [autoprefixer()]
})
]
};Using stencil.config.ts provides many DX improvements such as: autocompletion and documentation built into the IDE and detection of errors at compiler time!
Example: https://github.com/ionic-team/ionic-pwa-toolkit/blob/master/stencil.config.ts
- config: typed stencil.config.ts and config error reporting
- config: export public config interface (b15d5e7)
- prerender: css scope ids as classnames instead of attributes
- prerender: use ssrc and ssrv attributes instead of data-ssrc and data-ssrv attributes
- set-accesor: boolean values (aac503b)
- cache: bust fs cache for internal encapsulation rename (9db7d49)
- cache: commit cache for all builds and clean up fs cache periodically (5c1a1cc)
- cache: ensure external imports are correctly read from the fs cache (646314c)
- css: strips comments before resolving css imports (f822c08), closes #955
- fs-watch: reload window if service worker changed (5c9268b)
- minifier: migrate js minifier from uglify-es to terser (cbaa274), closes #913
- prerender: fix prerendered styles for scoped css (fd8784f)
- queue: always pass timestamp (12a440c)
- types: relax types for plugins (c949659)
📍 0.10.10 (2018-07-26)
- compiler: skip globalStyles if buildDir is undefined (400c131)
- css-docs: parse source style files for docs (d1b83f0)
- minify: do not minify inline scripts that are not js types (71b2c8d), closes #948
- css-docs: generate docs for css custom properties (c0336e0)
🚞 0.10.9 (2018-07-24)
- esm: fix esm style imports for browsers w/ no shadow dom support (610be85)
🎖 0.10.8 (2018-07-23)
- dev-server: fix dev-server when using custom baseUrl (29e25a4)
- incorrect types on utils fixed. (bce3ecc)
- dev-server: set src for dev-server client to requested url (17cb7ee), closes #940
- globalStyle: fix autoprefixer for globalStyle and improve rebuild times (03472f0)
- update functional component util to have map and foreach. (a0daaae)
- check-version: periodically check if using latest stencil version (3a558b1)
🚐 0.10.7 (2018-07-16)
- style: fix resolving css imports (268840e)
🎭 0.10.6 (2018-07-14)
- dev-server: open build error in editor and go to line/column (e37daca)
- dev-server: open file in editor (78f73fc)
- dev-server: fix dev-server --root cmd arg (43a554b), closes #928
- types: fix input capture attr type (594683f), closes #925
🚡 0.10.5 (2018-07-13)
- hmr: call componentDidLoad on hmr reload (74f9ad0)
- build: improve style rebuild times (fbfc237)
🌷 0.10.4 (2018-07-12)
- dev-server: include domain in href to dev server client script (41c03a8), closes #921
- styles: fix applying jsCase css properties in style attribute (f1ea5b0), closes #919 #924
🌺 0.10.3 (2018-07-12)
- dev-server: update web socket library for node10 fixes (deb31e0)
🍔 0.10.2 (2018-07-10)
- dist: fix local core stencil types (1fdcbdc)
- hmr: add/remove listeners from component changes (93d7158), closes #915
- set-accessor: css vars in inline style (cf09375)
- types: root d.ts are properly generated (3d5a8bc)
- worker: fallback to main thread runner when child processes never startup (d8cd648)
🐵 0.10.1 (2018-07-09)
- worker: create unique worker ids (57b3055)
🚀 0.10.0 (2018-07-09)
@stencil/core now ships with an integrated dev-server which communicates directly with the build process. Stencil's integrated dev-server enables hot module replacement (HMR), which allows components to self-update without requiring a full webpage reload. Additionally, style changes within web components are also able to reload styles without a webpage reload. Other features from the integrated dev-server include build-time error reporting directly within the browser, both as an overlay and within console.logs.
The new @stencil/core integrated dev-server is a replacement for the external @stencil/dev-server package, but the previous package will continue to work if no changes are made to an app's npm scripts. To start testing out the new dev-server, within the app's package.json scripts:
Update:
sd concurrent \"stencil build --dev --watch\" \"stencil-dev-server\"
To:
stencil build --dev --watch --serve
Note that the updated command is no longer requiring sd concurrent, which is from the @stencil/utils package, and no longer requires stencil-dev-server, which is from the @stencil/dev-server package. Unless the app is using these packages elsewhere, both can
safely be removed as a dependency.
Next, the stencil.config.js file can also remove the entire exports.devServer = {...} config since it is no longer used.
- dev-server: integrate dev server w/ build and hot module replacement (b8f56b4)
- dev-server: initial build logs w/in browser (5cc8821)
- hmr: add devServer.excludeHmr config glob (e46f0d0)
- hmr: enable hot module replacement for legacy builds (8533ec6)
- hmr: init dev-mode hot module replacement (b698710)
- serve: create
stencil servefor stand-alone http server (33056ac) - styles: ensure multiple style modes can be used on same page (26a40f5)
- angular: emit proxies (ae4afd4)
- builds: overkill async checks w/ multiple builds working in parallel (aec9e96)
- build: re-run module map on every change (4c14c39)
- cache: ensure cache dir exists before removing (58c5a9a), closes #876
- client: fix possibility of document.body not being available yet (0f1393e)
- css-shim: CSS_URL_REGEXP check relative to root paths (77a9b5f)
- dev-server: fix img reloading (0d39f7b)
- hmr: always init host snapshot (da7f961)
- hmr: ensure shadowRoot not already added (25efff6)
- hmr: reload page when app adds or deletes scripts (6352ead)
- hmr: update components when imported files change (954618a)
- props: ensure mode value set to host element is not deleted (0671ea1)
- serve: fix serve config from cli (9ed7ae3)
- scoped-css: descendant selectors (9e7fffb)
- styles: fix race condition w/ multiple modes for same component (50307bd)
- styles: update scoped styles on dev server reload (607b93e)
- styles: use default style if host elm mode set, but no mode style set (c0cf468)
- sys.node: do not reset __dirname during bundling (3c953c5)
- watch: close fs watcher on exit (9ae0268)
- watch: fix rebuild on config file change (0d30b57), closes #829
- watch: refactor fs watch, rebuilds w/ parallel builds (e855e4f)
- worker: imporove worker on windows (32746ca)
🏙 0.9.11 (2018-06-21)
- build: fix file renaming/deleting during watch builds (e5aa212), closes #754
- minify: ensure es5 chunks are minified (4f3eecd), closes #794
- slot: only update shadowRoot for host elm patch (2fddcbd)
- ssr: do not leave worker processes hanging during ssr (bfe666b), closes #856
- build: move es5 transpile to workers (dc6c986)
- cache: improve build times w/ consistent cache dir between releases (82373cc)
🐼 0.9.10 (2018-06-20)
- cssvars: implement scoped css var shim (f6e75cf)
- cssvars: non-scoped components are global scoped (d8d6176)
- types: remove value from jsx tyles for select elements. (020dda0)
🐍 0.9.9 (2018-06-19)
- collection: set paths relative to collection manifest json (bcf4a29)
- service-worker: finish prerender first, then run service workers (787a9be)
- stats: stats should build when defined as an output target. (cf506c5)
- transpile: do not isolate modules in ts service (2b71d15)
- watch: recover from errors from initial build (8a42cf1)
⛴ 0.9.8 (2018-06-19)
- build: improve parallelization and caching (a7f4768)
- transpile: cache transpiled files (c7050ee)
- typescript: improve typescript build times (b6b7eb3)
- attributes: properly remove unknown html attributes on standard html elements (75836c5)
- build: reset typescript service cache on config change (008a0a7)
- dev-inspector: correct dev server source to use nodeName instead of tagName. (45ed330)
- dist: wait on validate types build to finish for dist builds (b46e9a7)
- polyfill: ensure custom element polyfill does not run more than once (13192d4)
- service-worker: insert build timestamp for index cache busting ([3008db7]
🍺 0.9.7 (2018-05-31)
- jsx: add "key" jsx attribute (e92e490)
- jsx: set key property and reorder existing elements (0b6d19d)
- shadow-dom: only run initHostSnapshot once (4de6a50)
- shadow-dom: immediately attachShadow when component connected (9ecce82)
🐓 0.9.6 (2018-05-30)
- bundle: handle empty bundles (f2f616f)
- cache: do not cache global script bundles (8ca27f6)
- componentOnReady: fix HostElement types (ad77e14)
- componentOnReady: null only for HTMLElement (e2acba6)
- docs: pass non standard property type values to docs (1e8ec78)
- types: componentOnReady() does not accept a callback (894c89e)
- ssr: add component meta to global registry before any components are defined for the browser. (06af32a)
- reporting: make file paths clickable to line/char in error messages (2654a0e)
- compiler: use Set over Array (30295f1)
- worker-farm: init forking child processes to speed up builds (5fa1b53)
🏝 0.9.5 (2018-05-24)
🦀 0.9.4 (2018-05-23)
- define: do not allow multiple cmps w/ same tag to be defined (4665e04)
- esm: fix HTMLElement componentOnReady fn (88fb519)
🏓 0.9.3 (2018-05-22)
- app: allow multiple apps to work w/ componentOnReady() (162ad68)
- cli: throw an error if passed an invalid config file arg (deef15f)
- build: keep gitkeep files when emptying a directory (375e9c2)
- loader: allow using an explicit resources url setting (383db85)
🌳 0.9.2 (2018-05-21)
- slot: fix slot order when using an array at the root (9a36b0c)
🍁 0.9.1 (2018-05-16)
- compiler: gather metadata from TS files (#808) (578fd93)
- reflectToAttr: set boolean attributes w/out true/false attr values (657e61a)
🚌 0.9.0 (2018-05-16)
- esm: generate dist/esm distribution for external bundlers (fed958d)