feat(core): Add DOM & EventTarget

.gitignore

@@ -20,7 +20,7 @@
 *.launch
 .settings/
 *.sublime-workspace
-
+results.md
 # IDE - VSCode
 .vscode/*
 !.vscode/settings.json

NativeScript.code-workspace

@@ -0,0 +1,13 @@
+{
+ "folders": [
+ {
+ "path": "."
+ },
+ {
+ "path": "../dominative"
+ },
+ {
+ "path": "../../apps/undom-ng"
+ }
+ ]
+}

apps/automated/package.json

@@ -1,4 +1,5 @@
 {
+ "version": "0.0.0",
  "main": "src/main.ts",
  "description": "NativeScript Application",
  "license": "MIT",

apps/automated/src/main-page.ts

@@ -18,7 +18,12 @@ Trace.addCategories(Trace.categories.Test + ',' + Trace.categories.Error);
 // ));
 
 function runTests() {
- setTimeout(() => tests.runAll(''), 10);
+ setTimeout(() => {
+ // Calling these two consectively causes a crash.
+ // Otherwise all tests are passing.
+ tests.runAll('TAB-VIEW-NAVIGATION');
+ tests.runAll('IMAGE');
+ }, 10);
 }
 
 export function onNavigatedTo(args) {

apps/automated/src/ui/action-bar/action-bar-tests-common.ts

@@ -143,12 +143,12 @@ export function test_ActionBarItemBindingToEvent() {
  const actionBarItem = page.actionBar.actionItems.getItemAt(0);
 
  TKUnit.assertEqual((<any>actionBarItem)._observers['tap'].length, 1, 'There should be only one listener');
- TKUnit.assertEqual((<any>actionBarItem)._observers['tap'][0].callback + '', firstHandler.toString(), 'First handler is not equal');
+ TKUnit.assertEqual((<any>actionBarItem)._observers['tap'][0].listener + '', firstHandler.toString(), 'First handler is not equal');
 
  p.bindingContext.set('test', secondHandler);
 
  TKUnit.assertEqual((<any>actionBarItem)._observers['tap'].length, 1, 'There should be only one listener');
- TKUnit.assertEqual((<any>actionBarItem)._observers['tap'][0].callback + '', secondHandler.toString(), 'Second handler is not equal');
+ TKUnit.assertEqual((<any>actionBarItem)._observers['tap'][0].listener + '', secondHandler.toString(), 'Second handler is not equal');
  };
 
  helper.navigate(function () {

apps/toolbox/package.json

@@ -8,13 +8,16 @@
  },
  "dependencies": {
  "@nativescript/core": "file:../../packages/core",
- "nativescript-theme-core": "file:../../node_modules/nativescript-theme-core",
- "@nativescript/imagepicker": "^1.0.6"
+ "@nativescript/imagepicker": "^1.0.6",
+ "benchmark": "^2.1.4",
+ "lodash": "^4.17.21",
+ "nativescript-theme-core": "file:../../node_modules/nativescript-theme-core"
  },
  "devDependencies": {
  "@nativescript/android": "~8.4.0",
  "@nativescript/ios": "~8.4.0",
  "@nativescript/webpack": "file:../../dist/packages/nativescript-webpack.tgz",
- "typescript": "~4.9.5"
+ "typescript": "~4.9.5",
+ "@types/benchmark": "2.1.2"
  }
 }

apps/toolbox/src/main.ts

@@ -1,3 +1,85 @@
-import { Application } from '@nativescript/core';
+import { Application, FlexboxLayout, GridLayout } from '@nativescript/core';
+import Benchmark from 'benchmark';
+const suite = new Benchmark.Suite();
 
-Application.run({ moduleName: 'app-root' });
+
+//@ts-ignore
+global.performance = {
+ now() {
+ if (global.android) {
+ return java.lang.System.nanoTime() / 1000000;
+ } else {
+ return CACurrentMediaTime();
+ }
+ },
+};
+
+//@ts-ignore
+//registerElement('view-element', FlexboxLayout);
+
+// declare global {
+// interface HTMLElementTagNameMap {
+// 'view-element': FlexboxLayout;
+// }
+// }
+
+Application.run({
+ create: () => {
+ const root = new GridLayout();
+ const view = new FlexboxLayout();
+ //const element = document.createElement('view-element');
+ root.addChild(view);
+ //root.addChild(element);
+
+ for (let i = 0; i < 20; i++) {
+ //element.on('loaded', () => {});
+ view.on('loaded', () => {});
+ }
+ // Cache views to prevent GC from kicking in.
+ const views = [];
+ suite
+ .add('new FlexboxLayout()', () => {
+ views.push(new FlexboxLayout());
+ })
+ // .add('document.createElement', () => {
+ // document.createElement('view-element');
+ // })
+ .add('view.notify (20 Listeners)', () => {
+ view.notify({
+ eventName: 'loaded',
+ object: view,
+ });
+ })
+ // .add('element.dispatchEvent (20 Listeners)', () => {
+ // element.dispatchEvent(new Event('loaded'));
+ // })
+ .add('view.addChild (shallow)', () => {
+ view.addChild(new FlexboxLayout());
+ })
+ // .add('element.appendChild (shallow)', () => {
+ // element.appendChild(document.createElement('view-element'));
+ // })
+ .add('view.addChild (deep)', () => {
+ let current = view;
+ for (let i = 0; i < 3; i++) {
+ const child = new FlexboxLayout();
+ current.addChild(child);
+ current = child;
+ }
+ })
+ // .add('element.appendChild (deep)', () => {
+ // let current = element;
+ // for (let i = 0; i < 10; i++) {
+ // const child = document.createElement('view-element');
+ // current.appendChild(child);
+ // current = child;
+ // }
+ // })
+ .on('cycle', function (event) {
+ console.log(String(event.target));
+ })
+ .run({ async: true });
+
+ return root;
+ },
+});

apps/toolbox/tsconfig.json

@@ -4,6 +4,7 @@
  "diagnostics": false,
  "paths": {
  "~/*": ["src/*"]
- }
+ },
+ "allowSyntheticDefaultImports": true
  }
 }

package.json

@@ -45,6 +45,8 @@
  "eslint": "7.22.0",
  "eslint-config-prettier": "^8.1.0",
  "gonzales": "^1.0.7",
+ "html-entities": "^2.3.3",
+ "html-escaper": "3.0.3",
  "husky": "^8.0.1",
  "jest": "29.4.3",
  "lint-staged": "^13.1.0",
@@ -73,4 +75,3 @@
  ]
  }
 }
-

packages/core/accessibility/font-scale.android.ts

@@ -36,7 +36,6 @@ function setupConfigListener() {
  if (configChangedCallback) {
  return;
  }
-
  Application.off(Application.launchEvent, setupConfigListener);
  const context = Application.android?.context as android.content.Context;
  if (!context) {