NativeScript

Bug Fixes

• webpack: exclude other platforms from require.context (#9686) (cb7bd2a), closes #9682
• webpack: xml-namespace-loader incorrect dependency mapping (#9780) (151d6e8)

Features

• allow better tree shaking (#9798) (d3674de)
• support webpack profiling (#9804) (af4b7e3)
• webpack: add support for .mjs files (#9747) (4fa51b6)
• webpack: allow watching node_modules (#9781) (9c9c831)
• webpack: read nativescript.config.ts main if set before fallback to package.json (#9769) (61ff7e4), closes #9658

Bug Fixes

• android: autofillType on apiLevel < 26 (#9610) (8878c3b)
• android: version Android text-align justify (#9620) (2ad280d)

Bug Fixes

• android: StringIndexOutOfBoundsException with invalid drawables (#9563) (8e76bbe)
• background parsing color #9559 (#9560) (3e21748)
• ios: ActionBar flat property using new appearance api for iOS 15 (#9558) (183b4d4)
• ios: TextView respect editable binding (#9589) (2b2ce37)
• ios: replace autofill string in textfield (#9555) (889f6d7)
• style: CSS variables should be case-sensitive. (#9603) (02aa0f6)

Features

• android openFile dialog title (#9600) (77d2533)
• text: add css text-align justify (#9573) (1de5295)

Bug Fixes

• android: only attach if activity is CREATED (#9552) (90b8718)

Bug Fixes

• android: background-image 'none' (#9547) (a38e2ca)
• core: Add missing required metadata filters (#9543) (a51b628)

Bug Fixes

• allow ignoring reduce-css-calc w/ webpack without error (#9510) (0fd92b7)
• android: dont dispose fragment on onloaded (#8793) (03b7715)
• android: make less calls to native with getters around prop handling (#9119) (bca4d95)
• android: onSaveInstanceState should not crash when no rootView is set (#9447) (ee3c4c2)
• android: prevent potential crash when app goes to background (#9347) (47df889)
• android: use nativeTextViewProtected internally (#9483) (71b856c)
• backgroundGradient fix with android BorderDrawable (41ce315)
• Color.darken fix (394209e)
• css colors not parsed correctly within background property (453ea18)
• include bundle-entry-points by default (ea0b3b0)
• ios: actionBar title to use appearance api on ios15+ (#9534) (4edeb19)
• ios: actionBar to use appearance api on ios13+ (#9530) (8e3f16d)
• ios: actionitem coloring with 15+ (7e35fdf)
• ios: prevent views from being measured if no native view (#9511) (56c50f2)
• ios: resiliency to frame controller viewDidDisappear (a5fd53b)
• modal: persist modal through configuration changes (#9533) (f3cd3d3)
• styling: change transform parameters parsing (#9481) (dbaab58), closes #5202
• webpack5: angular scss rule not ignoring regular scss (#9502) (093b369)
• webpack: add virtualEntry before main entry (5a3a35d), closes #9469
• webpack: use async type-checking in watch mode (5309f2d)

Features

• AbortController polyfill (#9333) (af281dd)
• android: support clipToBounds (#9508) (5890667)
• android: vector drawable support (#9464) (490f7dc)
• autofillType property for edit text base (#9478) (4964d31)
• color: added utilities and improved color parsing performance (#9110) (0ff2221)
• config: added option for ignoredNativeDependencies (4cad76c)
• core: make css parsers tree-shakable (#9496) (dce7408)
• Frame replacePage by entry (#9460) (4a5bec1), closes #9497
• handle config name (3bf55b7)
• image-source: add saveToFileAsync, toBase64StringAsync & resizeAsync (#9404) (36900d7)
• requestLayout performance improvements (#9122) (e4ce17e)
• types-android: API 31 (b5b46273b)
• types-ios: iOS 15 (cb8bf6f)
• webpack: -v and --version flags (7530ee4)
• webpack: export merge helper (53492ea)
• webpack: try resolving compiler, but don't fail if not found (ff4359a)

Reverts

• feat: requestLayout performance improvements (#9122) (e4ce17e)

This commit breaks back-navigation in certain cases, most prominently with Button pseudo classes. Will target inclusion for 8.2.

This is a major release of @nativescript/webpack that is now rebuilt from the ground up with ease of upgrading and customizing in mind.

Most new projects were already using the beta version of @nativescript/webpack so there's a good chance your project is already compatible.

The docs cover how the new configuration works: https://docs.nativescript.org/webpack.html

Upgrading from @nativescript/webpack beta/rc

If you are already using the beta or rc versions, update to 5.0.0 by changing the version in package.json or using the following command:

npm i --save-dev @nativescript/webpack

Upgrading from @nativescript/webpack <5

To upgrade, delete your old webpack.config.js (create a backup if you have done any customizations to it) and then install the latest 5.0.0 version:

npm i --save-dev @nativescript/webpack

Initialize a new config:

npx nativescript-webpack init

The new config should look something like this:

const webpack = require("@nativescript/webpack");

module.exports = (env) => {
  webpack.init(env);

  // Learn how to customize:
  // https://docs.nativescript.org/webpack

  return webpack.resolveConfig();
};

Next step is to re-add your customizations if any. Please refer to the docs for examples.

Bug Fixes

• ios: actionitem coloring with 15+ (bf89aa2)

Bug Fixes

• ios: actionBar title to use appearance api on ios15+ (#9534) (b4668ea)

8.0.9 (2021-09-02)

Bug Fixes

• ios: backport: actionBar to use appearance api on ios13+ (#9530) (2b8783e)

Bug Fixes

• stop leaking style scopes (#9444) (b8d8110), closes #9311
• android: accessibilityIdentifier (#9432) (9f582ba)

Bug Fixes

• animations: stop keyframe animations after View unloaded (#9421) (04381fa)
• box-shadow: support for 'none' (#9418) (263c920)
• core: guard unstable page/frame init contexts under async conditions (#9428) (d3bc4d5)
• core: typings for Utils.queueMacrotask and static methods on Observable (#9425) (d589ac6)

Features

• WebView: allow JS bound window frame navigation to be intercepted through loadStarted (#9430) (3806b85)

Bug Fixes

• a11y: add missing application event for fontScaleChanged (#9396) (dac36c6)
• a11y: font size (#9395) (7a92c16)
• Device: don't cache device language & region (#9394) (95596e8), closes #6082
• ios: image with alpha resize (#9386) (f380782), closes #9385
• RootLayout: prevent android touch event to pass through views underneath (#9389) (0b2c190)

Features

• text-view: add returnPress (#9390) (64adf5e), closes #4882
• Utils: add dismissSoftInput helper (#9392) (6cf4c59), closes #4594
• web-view: disableZoom property (#9391) (7e878f8)

Bug Fixes

• android: image asset handling regarding requestLegacyExternalStorage (#9373) (f311151)

Features

• docs: typedoc api reference (#9378) (6d91c2a)

Bug Fixes

• core: typings for showModal correction (#9374) (9ec4042)

Features

• add additional android global methods (#9365) (a6cb46d)

Bug Fixes

• core: protected class getter/setter webpack issue (6076047)
• core: typings issue around Trace.categories.All (27c545d)

Bug Fixes

• a11y: Accessibility breaks limiting metadata (#9332) (cbdff1f)
• a11y: ios voiceover crash during touch (#9318) (9a407ce)

Features

• text-base: allow subclass to override createFormattedTextNative (#9334) (b29e145)

Bug Fixes

• android: accessibility crash on View not extending android.view.View (#9303) (fde666d)
• android: crash on slide transition (#9289) (e73cebf)
• core: Enums deprecation adjustment (#9306) (f42acd8)

Bug Fixes

• color: support web standard #rrggbbaa format (aaeab99), closes #ff00ff00 #ff00ff00 #00ff00 #00ff00
• core: stack layout padding (#9183) (a12c188), closes #8810
• core: trace instead of throw (cc592b6)
• layouts: rootlayout not closing when no shadecover transition specified (#9278) (3c569ef)
• move BottomNavigation and Tabs to @nativescript-community (e62acba)
• safeguards against invalid values (f5db584)
• core: type collisions with namespace (#8809) (7330509)
• ios: gesture touch event coordinates improvements (#8998) (d46f956)

Features

• observable-array: findIndex now supported (770030e)
• view: "hidden" property binding is now supported (f00144e)
• implement BoxShadowDrawable (9a7d3ec)
• implement spreadRadius (fca3466)
• improved css-shadow parser (d2f50e5)
• core: box shadow demo (#9182) (3bd2d96)
• core: box-shadow support (#9161) (67e2fe4)
• core: convenient color utilities (#9066) (304633d)
• core: first class a11y support (#8909) (d5a8a25)
• core: reusable views (#9163) (6cc130f)
• core: RootLayout with api to fluidly handle dynamic layers (#8980) (a90609a)
• core: text-shadow support (#8991) (a6b1bde)

BREAKING CHANGES

• core: BottomNavigation and Tabs moved to @nativescript-community

If using BottomNavigation, just install @nativescript-community/ui-material-bottom-navigation and update your imports to use it.

If using Tabs, just install @nativescript-community/ui-material-tabs and update your imports to use it.

• core: support web standard #rrggbbaa format

BEFORE:

// #aarrggbb

const color = new Color('#ff00ff00');

Label {
    background-color: #ff00ff00;
}

AFTER:

// #rrggbbaa

const color = new Color('#00ff00ff');

Label {
    background-color: #00ff00ff;
}