René's URL Explorer Experiment

Title: feat(zone.js): upgrade zone.js to angular package format(APF) by JiaLiPassion · Pull Request #36540 · angular/angular · GitHub

Open Graph Title: feat(zone.js): upgrade zone.js to angular package format(APF) by JiaLiPassion · Pull Request #36540 · angular/angular

X Title: feat(zone.js): upgrade zone.js to angular package format(APF) by JiaLiPassion · Pull Request #36540 · angular/angular

Description: Close #35157 In the current version of zone.js, zone.js uses it's own package format, and it is not following the rule of Angualr package format(APF), so it is not easily to be consumed by Angular CLI or other bundle tools. For example, zone.js npm package has two bundles, zone.js/dist/zone.js, this is a es5 bundle. zone.js/dist/zone-evergreen.js, this is a es2015 bundle. And Angular CLI has to add some hard-coding code to handle this case, ohttps://github.com/angular/angular-cli/blob/5376a8b1392ac7bd252782d8474161ce03a4d1cb/packages/schematics/angular/application/files/src/polyfills.ts.template#L55-L58 This PR upgrade zone.js npm package format to follow APF rule, https://docs.google.com/document/d/1CZC2rcpxffTDfRDs6p1cfbmKNLA6x5O-NtkJglDaBVs/edit#heading=h.k0mh3o8u5hx The updated points are: in package.json, update all bundle related properties "main": "./bundles/zone.umd.js", "module": "./fesm2015/zone.js", "es2015": "./fesm2015/zone.js", "fesm2015": "./fesm2015/zone.js", re-organize dist folder, for example for zone.js bundle, now we have dist/ bundles/ zone.js // this is the es5 bundle fesm2015/ zone.js // this is the es2015 bundle (in the old version is `zone-evergreen.js`) have several sub-packages. zone-testing, provide zone-testing bundles include zone.js and testing libraries zone-node, provide zone.js implemention for NodeJS zone-mix, provide zone.js patches for both Browser and NodeJS All those sub-packages will have their own package.json and the bundle will reference bundles(es5) and fesm2015(es2015). typings property are removed from package.json, instead using files property, because now we have several d.ts files as typings. "files": [ "./zone.js.d.ts", "./zone.api.extensions.ts", "./zone.configurations.api.ts" ], Does this PR introduce a breaking change? Yes No All zone.js npm package folder and file name are changed, so we need to create PR for angular/cli to migrate the changes. make announcement for the users not using angular/cli. I created a sample repo to show the contents of the new npm package contents. https://github.com/JiaLiPassion/zone-new-package-format/tree/master/npm_package package.json, https://github.com/JiaLiPassion/zone-new-package-format/blob/master/npm_package/package.json bundles folder, https://github.com/JiaLiPassion/zone-new-package-format/tree/master/npm_package/bundles fesm2015 folder, https://github.com/JiaLiPassion/zone-new-package-format/tree/master/npm_package/bundles node sub package, https://github.com/JiaLiPassion/zone-new-package-format/tree/master/npm_package/node mix sub package, https://github.com/JiaLiPassion/zone-new-package-format/tree/master/npm_package/mix testing, https://github.com/JiaLiPassion/zone-new-package-format/tree/master/npm_package/testing Please check whether the output satisfy the requirements. And the following up tasks will be. make angular repo work with the new format. add PR for angular cli for migration. update documentation involving the import 'zone.js/dist/zone' of polyfills.ts.

Open Graph Description: Close #35157 In the current version of zone.js, zone.js uses it's own package format, and it is not following the rule of Angualr package format(APF), so it is not easily to be consumed by Angu...

X Description: Close #35157 In the current version of zone.js, zone.js uses it's own package format, and it is not following the rule of Angualr package format(APF), so it is not easily to be consumed by ...

Opengraph URL: https://github.com/angular/angular/pull/36540

X: @github

direct link

Domain: github.com

Links:

Viewport: width=device-width