nativescript-vue / nativescript-vue Goto Github PK

View Code? Open in Web Editor NEW

5.3K 137.0 241.0 25.83 MB

Native mobile applications using Vue and NativeScript.

Home Page: https://nativescript-vue.org/

License: MIT License

JavaScript 13.59% CSS 0.35% TypeScript 79.60% Vue 6.46%

nativescript vue nativescript-vue nativescript-plugin native android ios

nativescript-vue's Introduction

Yes, the image needs to be updated :)

NativeScript-Vue3 RC

NativeScript-Vue with Vue3 support now in RC!

Quick start

To get started, you can use the StackBlitz Template

...or locally:

ns create myAwesomeApp --template @nativescript-vue/template-blank@rc

cd myAwesomeApp
ns run ios|android

Vue Devtools

To use VueDevtools, run:

ns run ios|android --env.vueDevtools

This will launch the standalone VueDevtools, and connect to it once the app launches. Right now, devtools are only supported on iOS Simulators and Android Emulators, but physical device support should come soon (requires configuring a host/port that the device can connect to.).

On android, you must enable cleartext http traffic, otherwise any connections are silently dropped by the system. In the App_Resources/Android/src/main/AndroidManifext.xml add the following to your existing <application> tag:

<application ...
+  android:usesCleartextTraffic="true"
.../>

Issues

If you encounter any issues, please open a new issue with as much detail as possible.

Join Discord

Looking for V2?

The V2 version has been moved to the v2 branch

nativescript-vue's People

Contributors

Stargazers

Watchers

Forkers

eddyverbruggen tjvantoll hongswolim indexel lakexyde whjvenyl timtech4u elissandromendes ogeh-ezeonu vakrilov kabbouchi dukferradj ckdlbc bonevidy dongtong mishe lucaswdeveloper kartsims zmilan sarthakmishra brianbier squallyan arunkrishna39 saknarak davkorss atilacamurca xlcrr momoirocloverz daltimore will007008 galaxyblur fishr01 jingkunliu keithlee96 rdlauer tmathaiou lahorichargha kema221 dimitartodorov naokazuterada queenqueen juandisay msaelices linecode uar-dejan-susic rubythonode johfermq raacker tontonaurel likeshan168 paulpv edwarb eoconnelltj thelou1s wonyonglee magicknight shaunstanislauslau franciscoponcegomez gabrieljo joshdsommer gamer7569 dagnoferreira webxy lisiyizu 0x1af2aec8f957 arturomc hanguangtong jarden-liu devatquarxss bclonan newapx syip vue-spain alialsabe oneonebit 2587593709 wustone lemonwong toppercao youyouliangshao moneymc fartek lavhe championswimmer abrhambas01 tabianco noamkfir jporter-dev tronix117 vrdate duke-lv andremariano90 nathann1987 phonezawphyo vivekbirugupta tongyangdejiezou misterbrownrsa scoottykun labibimamhidayat grimpeur

nativescript-vue's Issues

how about this.$refs.REFNAME?

base on app-with-router-pages.js sample

I try to reference component by using ref="input"
<text-field ref="input></text-field>
on mounted life cycle

module.exports = {
  template: `<page><text-field ref="input" secure="true" keybaordType="number"></text-field></page>`,
  mounted() {
    let textInput = this.$refs.input
    console.dir(textInput) // exception here
   // try to fix bug for (secure + number)
     textInput.keyboardType = android.text.InputType.TYPE_CLASS_NUMBER | android.text.InputType.TYPE_NUMBER_VARIATION_PASSWORD
  },
}

but it not seem to work, how should I do?

Implement the vue template compiler

Render functions are fun, but templates are even more fun! We should implement the vue template compiler, which would compile into render functions.

There are 2 parts to this:

Just In Time compiler (JIT) - compiles templates at runtime
Ahead Of Time compiler (AOT) - compiles templates as a build step

Progress:

ListView itemTap camelCase bug

If I use @itemTap attribute for the ListView I can call the tap event but get always a warning in the console:

Found camelCase attribute: @itemTap="onItemTap". HTML is case-insensitive. Use @item-tap="onItemTap" instead. Vue will automatically interpret it as camelCase in JavaScript. If this is an SVG camelCase attribute, use the .camel modifier.

If I change it to @item-tap="onItemTap" as suggested the tap event is no longer triggered.

Update to [email protected]

The change that removed the source code from npm has been reverted in [email protected].

We can now update to it, after making sure everything is working as before.

Debugging Nativescript Vue on Android

Running tns debug android on the {N} Vue sample app "app-with-list-view.js" crashes when attaching the debugger.

Starting Steps:

git clone https://github.com/rigor789/nativescript-vue.git
npm i 
cd samples
npm i 
tns debug android

{N} Versions:
CLI: 3.1.1
tns-android: 3.0.0

Output of tns debug android:

Project successfully created.
Executing before-prepare hook from /Users/lilkren/Documents/BitBucket/nativescript-vue-issue-test/samples/hooks/before-prepare/nativescript-dev-android-snapshot.js
Preparing project...
Successfully prepared plugin nativescript-theme-core for android.
Successfully prepared plugin tns-core-modules for android.
Successfully prepared plugin tns-core-modules-widgets for android.
Project successfully prepared (Android)
Executing after-prepare hook from /Users/lilkren/Documents/BitBucket/nativescript-vue-issue-test/samples/hooks/after-prepare/nativescript-dev-android-snapshot.js
Building project...
Starting a Gradle Daemon (subsequent builds will be faster)

:config phase:  createDefaultIncludeFiles
        +found plugins: tns-core-modules-widgets
         + creating include.gradle file for /Users/lilkren/Documents/BitBucket/nativescript-vue-issue-test/samples/platforms/android/configurations/tns-core-modules-widgets
Renaming plugin directory to flavor name: /Users/lilkren/Documents/BitBucket/nativescript-vue-issue-test/samples/platforms/android/src/tns-core-modules-widgets -> /Users/lilkren/Documents/BitBucket/nativescript-vue-issue-test/samples/platforms/android/src/F0

:config phase:  createPluginsConfigFile
         Creating product flavors include.gradle file in /Users/lilkren/Documents/BitBucket/nativescript-vue-issue-test/samples/platforms/android/configurations folder...

:config phase:  pluginExtend
        +applying configuration from: /Users/lilkren/Documents/BitBucket/nativescript-vue-issue-test/samples/platforms/android/configurations/include.gradle
        +applying configuration from: /Users/lilkren/Documents/BitBucket/nativescript-vue-issue-test/samples/platforms/android/configurations/tns-core-modules-widgets/include.gradle

:config phase:  addAarDependencies
        +adding dependency: /Users/lilkren/Documents/BitBucket/nativescript-vue-issue-test/samples/platforms/android/libs/aar/widgets-release.aar
Observed package id '..;..;..;var;lib;android-sdk;samples;android-22' in inconsistent location '/usr/local/opt/android-sdk/samples/android-22' (Expected '/usr/local/opt/android-sdk/../../../var/lib/android-sdk/samples/android-22')
Observed package id '..;..;..;var;lib;android-sdk;samples;android-23' in inconsistent location '/usr/local/opt/android-sdk/samples/android-23' (Expected '/usr/local/opt/android-sdk/../../../var/lib/android-sdk/samples/android-23')
Observed package id '..;..;..;var;lib;android-sdk;samples;android-22' in inconsistent location '/usr/local/opt/android-sdk/samples/android-22' (Expected '/usr/local/opt/android-sdk/../../../var/lib/android-sdk/samples/android-22')
Observed package id '..;..;..;var;lib;android-sdk;samples;android-23' in inconsistent location '/usr/local/opt/android-sdk/samples/android-23' (Expected '/usr/local/opt/android-sdk/../../../var/lib/android-sdk/samples/android-23')
The JavaCompile.setDependencyCacheDir() method has been deprecated and is scheduled to be removed in Gradle 4.0.
The TaskInputs.source(Object) method has been deprecated and is scheduled to be removed in Gradle 4.0. Please use TaskInputs.file(Object).skipWhenEmpty() instead.
Incremental java compilation is an incubating feature.
> CoThe Task.leftShift(Closure) method has been deprecated and is scheduled to be removed in Gradle 5.0. Please use Task.doLast(Action) instead.
        at build_3rzqpuikkys4if0xa1dlnp915.run(/Users/lilkren/Documents/BitBucket/nativescript-vue-issue-test/samples/platforms/android/build-tools/android-static-binding-generator/build.gradle:126)
:preBuild UP-TO-DATE
:preF0DebugBuild UP-TO-DATE
:checkF0DebugManifest
:preF0ReleaseBuild UP-TO-DATE
:prepareComAndroidSupportAnimatedVectorDrawable2531Library
:prepareComAndroidSupportAppcompatV72531Library
:prepareComAndroidSupportDesign2531Library
:prepareComAndroidSupportRecyclerviewV72531Library
:prepareComAndroidSupportSupportCompat2531Library
:prepareComAndroidSupportSupportCoreUi2531Library
:prepareComAndroidSupportSupportCoreUtils2531Library
:prepareComAndroidSupportSupportFragment2531Library
:prepareComAndroidSupportSupportMediaCompat2531Library
:prepareComAndroidSupportSupportV42531Library
:prepareComAndroidSupportSupportVectorDrawable2531Library
:prepareComAndroidSupportTransition2531Library
:prepareVuesampleRuntimeUnspecifiedLibrary
:prepareWidgetsReleaseLibrary
:prepareF0DebugDependencies
:compileF0DebugAidl
:compileF0DebugRenderscript
:generateF0DebugBuildConfig
:cleanLocalAarFiles
:ensureMetadataOutDir
:collectAllJars
:setProperties
:generateTypescriptDefinitions SKIPPED
:copyTypings SKIPPED
:asbg:generateInterfaceNamesList
:asbg:traverseJsFiles
:asbg:runAstParser
Running full build
finished with reading lines with js files
:asbg:generateBindings
:generateF0DebugResValues
:generateF0DebugResources
:mergeF0DebugResources
:processF0DebugManifest
:processF0DebugResources
:generateF0DebugSources
:incrementalF0DebugJavaCompilationSafeguard
:compileF0DebugJavaWithJavac
Note: Some input files use or override a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
:compileF0DebugNdk UP-TO-DATE
:compileF0DebugSources
:buildMetadata
:mergeF0DebugShaders
:compileF0DebugShaders
:generateF0DebugAssets
:mergeF0DebugAssets
:transformClassesWithDexForF0Debug
:mergeF0DebugJniLibFolders
:transformNative_libsWithMergeJniLibsForF0Debug
:processF0DebugJavaRes UP-TO-DATE
:transformResourcesWithMergeJavaResForF0Debug
:validateSigningF0Debug
:packageF0Debug
:assembleF0Debug
:assembleDebug
:buildapk

BUILD SUCCESSFUL

Total time: 31.481 secs
Project successfully built.
Installing...
Successfully installed on device with identifier '192.168.57.101:5555'.
Successfully transferred all files.
device: 192.168.57.101:5555 debug port: 40000

JS: AssetExtraction: Can't remove previously installed assets in /data/user/0/org.nativescript.vuesample/files/app
JS: AssetExtraction: Can't remove previously installed assets in /data/user/0/org.nativescript.vuesample/files/internal
JS: AssetExtraction: Can't remove previously installed assets in /data/user/0/org.nativescript.vuesample/files/snapshots/x86
JS: {NSVue} -> TagName(TextNode(comment))
JS: {NSVue} -> ParentNode(TextNode(comment))
JS: {NSVue} -> NextSibling(TextNode(comment))
JS: {NSVue} -> CreateElement(page)
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(button)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(button))
JS: {NSVue} -> CreateElement(native-list-view)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(native-list-view))
JS: {NSVue} -> AppendChild(ElementNode(page), ElementNode(stack-layout))
JS: {NSVue} -> AppendChild(ElementNode(document), ElementNode(page))
JS: {NSVue} -> ParentNode(TextNode(comment))
JS: {NSVue} -> RemoveChild(ElementNode(document), TextNode(comment))
# NativeScript Debugger started #
JS: The list has been loaded
device: 192.168.61.101:5555 debug port: 40001

JS: Loaded more items
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(image)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> InsertBefore(ElementNode(stack-layout), ElementNode(label), ElementNode(image))
JS: {NSVue} -> ParentNode(ElementNode(image))
JS: {NSVue} -> RemoveChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> ParentNode(ElementNode(stack-layout))
JS: {NSVue} -> RemoveChild(ElementNode(stack-layout), ElementNode(stack-layout))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(image)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(image)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(image)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(image)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(image)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
JS: Error in downloadBitmap - java.net.MalformedURLException: Protocol not found: nsfw
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(image)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> InsertBefore(ElementNode(stack-layout), ElementNode(label), ElementNode(image))
JS: {NSVue} -> ParentNode(ElementNode(image))
JS: {NSVue} -> RemoveChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> ParentNode(ElementNode(stack-layout))
JS: {NSVue} -> RemoveChild(ElementNode(stack-layout), ElementNode(stack-layout))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(image)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
JS: ----- fwk
JS: ----- start
JS: {NSVue} -> TagName(TextNode(comment))
JS: {NSVue} -> ParentNode(TextNode(comment))
JS: {NSVue} -> NextSibling(TextNode(comment))
JS: {NSVue} -> CreateElement(page)
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(button)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(button))
JS: {NSVue} -> CreateElement(native-list-view)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(native-list-view))
JS: {NSVue} -> AppendChild(ElementNode(page), ElementNode(stack-layout))
JS: {NSVue} -> AppendChild(ElementNode(document), ElementNode(page))
JS: {NSVue} -> ParentNode(TextNode(comment))
JS: {NSVue} -> RemoveChild(ElementNode(document), TextNode(comment))
# NativeScript Debugger started #
To start debugging, open the following URL in Chrome:
chrome-devtools://devtools/bundled/inspector.html?experiments=true&ws=localhost:40000

To start debugging, open the following URL in Chrome:
chrome-devtools://devtools/bundled/inspector.html?experiments=true&ws=localhost:40001

Installing...
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(image)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(image)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(image)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(image)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(image)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: Error in downloadBitmap - java.net.MalformedURLException: Protocol not found: nsfw
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(image)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(image)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(image)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(image)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
Successfully installed on device with identifier '192.168.61.101:5555'.
Successfully transferred all files.
device: 192.168.57.101:5555 debug port: 40000

JS: {NSVue} -> TagName(TextNode(comment))
JS: {NSVue} -> ParentNode(TextNode(comment))
JS: {NSVue} -> NextSibling(TextNode(comment))
JS: {NSVue} -> CreateElement(page)
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(button)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(button))
JS: {NSVue} -> CreateElement(native-list-view)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(native-list-view))
JS: {NSVue} -> AppendChild(ElementNode(page), ElementNode(stack-layout))
JS: {NSVue} -> AppendChild(ElementNode(document), ElementNode(page))
JS: {NSVue} -> ParentNode(TextNode(comment))
JS: {NSVue} -> RemoveChild(ElementNode(document), TextNode(comment))
# NativeScript Debugger started #
JS: The list has been loaded
JS: Loaded more items
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(image)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> InsertBefore(ElementNode(stack-layout), ElementNode(label), ElementNode(image))
JS: {NSVue} -> ParentNode(ElementNode(image))
JS: {NSVue} -> RemoveChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> ParentNode(ElementNode(stack-layout))
JS: {NSVue} -> RemoveChild(ElementNode(stack-layout), ElementNode(stack-layout))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(image)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
device: 192.168.61.101:5555 debug port: 40001

JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(image)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(image)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(image)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
JS: Error in downloadBitmap - java.net.MalformedURLException: Protocol not found: nsfw
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(image)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(image)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> InsertBefore(ElementNode(stack-layout), ElementNode(label), ElementNode(image))
JS: {NSVue} -> ParentNode(ElementNode(image))
JS: {NSVue} -> RemoveChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> ParentNode(ElementNode(stack-layout))
JS: {NSVue} -> RemoveChild(ElementNode(stack-layout), ElementNode(stack-layout))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(image)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
JS: AssetExtraction: Can't remove previously installed assets in /data/user/0/org.nativescript.vuesample/files/app
JS: AssetExtraction: Can't remove previously installed assets in /data/user/0/org.nativescript.vuesample/files/internal
JS: AssetExtraction: Can't remove previously installed assets in /data/user/0/org.nativescript.vuesample/files/snapshots/x86
# NativeScript Debugger started #
JS: {NSVue} -> TagName(TextNode(comment))
JS: {NSVue} -> ParentNode(TextNode(comment))
JS: {NSVue} -> NextSibling(TextNode(comment))
JS: {NSVue} -> CreateElement(page)
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(button)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(button))
JS: {NSVue} -> CreateElement(native-list-view)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(native-list-view))
JS: {NSVue} -> AppendChild(ElementNode(page), ElementNode(stack-layout))
JS: {NSVue} -> AppendChild(ElementNode(document), ElementNode(page))
JS: {NSVue} -> ParentNode(TextNode(comment))
JS: {NSVue} -> RemoveChild(ElementNode(document), TextNode(comment))
JS: The list has been loaded
To start debugging, open the following URL in Chrome:
chrome-devtools://devtools/bundled/inspector.html?experiments=true&ws=localhost:40000

To start debugging, open the following URL in Chrome:
chrome-devtools://devtools/bundled/inspector.html?experiments=true&ws=localhost:40001

JS: Loaded more items
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(image)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> InsertBefore(ElementNode(stack-layout), ElementNode(label), ElementNode(image))
JS: {NSVue} -> ParentNode(ElementNode(image))
JS: {NSVue} -> RemoveChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> ParentNode(ElementNode(stack-layout))
JS: {NSVue} -> RemoveChild(ElementNode(stack-layout), ElementNode(stack-layout))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(image)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(image)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(image)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(image)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(image)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(image)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(image)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(image)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(image)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> InsertBefore(ElementNode(stack-layout), ElementNode(label), ElementNode(image))
JS: {NSVue} -> ParentNode(ElementNode(image))
JS: {NSVue} -> RemoveChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> ParentNode(ElementNode(stack-layout))
JS: {NSVue} -> RemoveChild(ElementNode(stack-layout), ElementNode(stack-layout))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(image)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
JS: {NSVue} -> CreateElement(stack-layout)
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> CreateElement(label)
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
JS: {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))

Output of adb logcat:

--------- beginning of main
07-11 12:09:00.350 31900 31900 D TNS.Native: JNI_ONLoad END
07-11 12:09:00.364 31900 31900 D TNS.Native: Failed to load snapshot: dlopen failed: library "libsnapshot.so" not found
07-11 12:09:00.405 31900 31900 D TNS.Native: V8 version 5.5.372.32
07-11 12:09:00.439 31900 31900 D TNS.Native: lenNodes=66492, lenNames=775395, lenValues=899322
07-11 12:09:00.439 31900 31900 D TNS.Native: time=1
07-11 12:09:00.544 31900 31900 V JS      : ----- fwk
07-11 12:09:00.610 31900 31900 V JS      : ----- start
07-11 12:09:00.637 31900 31900 V JS      : {NSVue} -> TagName(TextNode(comment))
07-11 12:09:00.637 31900 31900 V JS      : {NSVue} -> ParentNode(TextNode(comment))
07-11 12:09:00.637 31900 31900 V JS      : {NSVue} -> NextSibling(TextNode(comment))
07-11 12:09:00.638 31900 31900 V JS      : {NSVue} -> CreateElement(page)
07-11 12:09:00.638 31900 31900 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:00.639 31900 31900 V JS      : {NSVue} -> CreateElement(button)
07-11 12:09:00.644 31900 31900 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(button))
07-11 12:09:00.649 31900 31900 V JS      : {NSVue} -> CreateElement(native-list-view)
07-11 12:09:00.653 31900 31900 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(native-list-view))
07-11 12:09:00.654 31900 31900 V JS      : {NSVue} -> AppendChild(ElementNode(page), ElementNode(stack-layout))
07-11 12:09:00.658 31900 31900 V JS      : {NSVue} -> AppendChild(ElementNode(document), ElementNode(page))
07-11 12:09:00.658 31900 31900 V JS      : {NSVue} -> ParentNode(TextNode(comment))
07-11 12:09:00.658 31900 31900 V JS      : {NSVue} -> RemoveChild(ElementNode(document), TextNode(comment))
07-11 12:09:00.824  2494  2602 E Surface : getSlotFromBufferLocked: unknown buffer: 0xe8402460
07-11 12:09:00.827 31900 31900 W art     : Before Android 4.1, method android.graphics.PorterDuffColorFilter android.support.graphics.drawable.VectorDrawableCompat.updateTintFilter(android.graphics.PorterDuffColorFilter, android.content.res.ColorStateList, android.graphics.PorterDuff$Mode) would have incorrectly overridden the package-private method in android.graphics.drawable.Drawable
07-11 12:09:00.852 31900 31931 D OpenGLRenderer: Use EGL_SWAP_BEHAVIOR_PRESERVED: true
07-11 12:09:00.861 31900 31900 D         : HostConnection::get() New Host Connection established 0xdf08c6e0, tid 31900
07-11 12:09:00.930 31900 31931 D libEGL  : loaded /system/lib/egl/libEGL_emulation.so
07-11 12:09:00.931 31900 31931 D libEGL  : loaded /system/lib/egl/libGLESv1_CM_emulation.so
07-11 12:09:00.935 31900 31931 D libEGL  : loaded /system/lib/egl/libGLESv2_emulation.so
07-11 12:09:00.939 31900 31931 D         : HostConnection::get() New Host Connection established 0xdefbf5c0, tid 31931
07-11 12:09:00.982 31900 31931 I OpenGLRenderer: Initialized EGL, version 1.4
07-11 12:09:01.024 31900 31928 D skia    : --- SkImageDecoder::Factory returned null
07-11 12:09:01.072 31939 31939 D AndroidRuntime: >>>>>> START com.android.internal.os.RuntimeInit uid 0 <<<<<<
07-11 12:09:01.073 31939 31939 D AndroidRuntime: CheckJNI is OFF
07-11 12:09:01.085 31939 31939 D ICU     : No timezone override file found: /data/misc/zoneinfo/current/icu/icu_tzdata.dat
07-11 12:09:01.099 31939 31939 E memtrack: Couldn't load memtrack module (No such file or directory)
07-11 12:09:01.099 31939 31939 E android.os.Debug: failed to load memtrack module: -2
07-11 12:09:01.099 31939 31939 I Radio-JNI: register_android_hardware_Radio DONE
07-11 12:09:01.106 31939 31939 D AndroidRuntime: Calling main entry com.android.commands.am.Am
07-11 12:09:01.110 31939 31939 D AndroidRuntime: Shutting down VM
07-11 12:09:01.179 31900 31931 W EGL_emulation: eglSurfaceAttrib not implemented
07-11 12:09:01.179 31900 31931 W OpenGLRenderer: Failed to set EGL_SWAP_BEHAVIOR on surface 0xdeee6ba0, error=EGL_SUCCESS
07-11 12:09:01.485 31953 31953 D AndroidRuntime: >>>>>> START com.android.internal.os.RuntimeInit uid 0 <<<<<<
07-11 12:09:01.486 31953 31953 D AndroidRuntime: CheckJNI is OFF
07-11 12:09:01.494 31953 31953 D ICU     : No timezone override file found: /data/misc/zoneinfo/current/icu/icu_tzdata.dat
07-11 12:09:01.505 31953 31953 E memtrack: Couldn't load memtrack module (No such file or directory)
07-11 12:09:01.505 31953 31953 E android.os.Debug: failed to load memtrack module: -2
07-11 12:09:01.506 31953 31953 I Radio-JNI: register_android_hardware_Radio DONE
07-11 12:09:01.511 31953 31953 D AndroidRuntime: Calling main entry com.android.commands.pm.Pm
07-11 12:09:01.519 31953 31953 I art     : System.exit called, status: 0
07-11 12:09:01.519 31953 31953 I AndroidRuntime: VM exiting with result code 0.
07-11 12:09:01.571  2033  2621 W art     : Long monitor contention event with owner method=void com.android.server.wm.WindowAnimator$1.doFrame(long) from WindowAnimator.java:121 waiters=0 for 147ms
07-11 12:09:01.590  2033  2069 I ActivityManager: Displayed org.nativescript.vuesample/com.tns.NativeScriptActivity: +1s309ms
07-11 12:09:01.603 31900 31900 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:01.603 31900 31900 V JS      : {NSVue} -> CreateElement(image)
07-11 12:09:01.603 31900 31900 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
07-11 12:09:01.603 31900 31900 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:01.604 31900 31900 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:01.604 31900 31900 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
07-11 12:09:01.604 31900 31900 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:01.604 31900 31900 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
07-11 12:09:01.605 31900 31900 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
07-11 12:09:01.620 31900 31900 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:01.621 31900 31900 V JS      : {NSVue} -> CreateElement(image)
07-11 12:09:01.621 31900 31900 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
07-11 12:09:01.621 31900 31900 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:01.622 31900 31900 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:01.622 31900 31900 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
07-11 12:09:01.623 31900 31900 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:01.623 31900 31900 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
07-11 12:09:01.624 31900 31900 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
07-11 12:09:01.636 31900 31900 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:01.636 31900 31900 V JS      : {NSVue} -> CreateElement(image)
07-11 12:09:01.636 31900 31900 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
07-11 12:09:01.636 31900 31900 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:01.636 31900 31900 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:01.637 31900 31900 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
07-11 12:09:01.637 31900 31900 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:01.637 31900 31900 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
07-11 12:09:01.637 31900 31900 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
07-11 12:09:01.643 31900 31900 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:01.643 31900 31900 V JS      : {NSVue} -> CreateElement(image)
07-11 12:09:01.643 31900 31900 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
07-11 12:09:01.643 31900 31900 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:01.643 31900 31900 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:01.643 31900 31900 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
07-11 12:09:01.644 31900 31900 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:01.644 31900 31900 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
07-11 12:09:01.644 31900 31900 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
07-11 12:09:01.647 31900 31900 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:01.647 31900 31900 V JS      : {NSVue} -> CreateElement(image)
07-11 12:09:01.647 31900 31900 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
07-11 12:09:01.647 31900 31900 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:01.647 31900 31900 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:01.647 31900 31900 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
07-11 12:09:01.647 31900 31972 E JS      : Error in downloadBitmap - java.net.MalformedURLException: Protocol not found: nsfw
07-11 12:09:01.647 31900 31900 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:01.647 31900 31900 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
07-11 12:09:01.647 31900 31900 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
07-11 12:09:01.651 31900 31900 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:01.651 31900 31900 V JS      : {NSVue} -> CreateElement(image)
07-11 12:09:01.651 31900 31900 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
07-11 12:09:01.651 31900 31900 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:01.652 31900 31900 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:01.652 31900 31900 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
07-11 12:09:01.652 31900 31900 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:01.652 31900 31900 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
07-11 12:09:01.652 31900 31900 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
07-11 12:09:01.658 31900 31900 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:01.658 31900 31900 V JS      : {NSVue} -> CreateElement(image)
07-11 12:09:01.658 31900 31900 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
07-11 12:09:01.658 31900 31900 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:01.658 31900 31900 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:01.658 31900 31900 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
07-11 12:09:01.658 31900 31900 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:01.658 31900 31900 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
07-11 12:09:01.658 31900 31900 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
07-11 12:09:01.663 31900 31900 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:01.663 31900 31900 V JS      : {NSVue} -> CreateElement(image)
07-11 12:09:01.663 31900 31900 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
07-11 12:09:01.663 31900 31900 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:01.663 31900 31900 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:01.663 31900 31900 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
07-11 12:09:01.663 31900 31900 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:01.663 31900 31900 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
07-11 12:09:01.663 31900 31900 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
07-11 12:09:01.669 31900 31900 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:01.669 31900 31900 V JS      : {NSVue} -> CreateElement(image)
07-11 12:09:01.670 31900 31900 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
07-11 12:09:01.670 31900 31900 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:01.670 31900 31900 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:01.670 31900 31900 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
07-11 12:09:01.670 31900 31900 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:01.670 31900 31900 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
07-11 12:09:01.670 31900 31900 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
07-11 12:09:01.754 31969 31969 D AndroidRuntime: >>>>>> START com.android.internal.os.RuntimeInit uid 0 <<<<<<
07-11 12:09:01.755 31969 31969 D AndroidRuntime: CheckJNI is OFF
07-11 12:09:01.764 31969 31969 D ICU     : No timezone override file found: /data/misc/zoneinfo/current/icu/icu_tzdata.dat
07-11 12:09:01.780 31969 31969 E memtrack: Couldn't load memtrack module (No such file or directory)
07-11 12:09:01.780 31969 31969 E android.os.Debug: failed to load memtrack module: -2
07-11 12:09:01.781 31969 31969 I Radio-JNI: register_android_hardware_Radio DONE
07-11 12:09:01.787 31969 31969 D AndroidRuntime: Calling main entry com.android.commands.pm.Pm
--------- beginning of system
07-11 12:09:01.790  2033  2060 I ActivityManager: Force stopping org.nativescript.vuesample appid=10064 user=-1: uninstall pkg
07-11 12:09:01.790  2033  2060 I ActivityManager: Killing 31900:org.nativescript.vuesample/u0a64 (adj 0): stop org.nativescript.vuesample
07-11 12:09:01.808  2033  2509 D GraphicsStats: Buffer count: 4
07-11 12:09:01.809  2033  2160 W InputDispatcher: channel '472cef1 org.nativescript.vuesample/com.tns.NativeScriptActivity (server)' ~ Consumer closed input channel or an error occurred.  events=0x9
07-11 12:09:01.809  2033  2160 E InputDispatcher: channel '472cef1 org.nativescript.vuesample/com.tns.NativeScriptActivity (server)' ~ Channel is unrecoverably broken and will be disposed!
07-11 12:09:01.809  1802  2127 E FrameworkListener: read() failed (Connection reset by peer)
07-11 12:09:01.812  2033  2060 W ActivityManager: Force removing ActivityRecord{7971b7c u0 org.nativescript.vuesample/com.tns.NativeScriptActivity t34}: app died, no saved state
07-11 12:09:01.813  2033  2150 I art     : Starting a blocking GC Explicit
07-11 12:09:01.823  2033  2150 I art     : Explicit concurrent mark sweep GC freed 28730(2017KB) AllocSpace objects, 5(3MB) LOS objects, 33% free, 12MB/19MB, paused 296us total 9.390ms
07-11 12:09:01.828  2033  2150 W PackageManager: Couldn't remove dex file for package:  at location /data/app/org.nativescript.vuesample-1/base.apk, retcode=-1
07-11 12:09:01.829 31969 31969 I art     : System.exit called, status: 0
07-11 12:09:01.829 31969 31969 I AndroidRuntime: VM exiting with result code 0.
07-11 12:09:01.870  2033  2615 I WindowState: WIN DEATH: Window{472cef1 u0 org.nativescript.vuesample/com.tns.NativeScriptActivity}
07-11 12:09:01.870  2033  2615 W InputDispatcher: Attempted to unregister already unregistered input channel '472cef1 org.nativescript.vuesample/com.tns.NativeScriptActivity (server)'
07-11 12:09:01.886  2033  2060 D         : HostConnection::get() New Host Connection established 0xda33f310, tid 2060
07-11 12:09:01.887  2033  2509 W ActivityManager: Spurious death for ProcessRecord{e890b0 0:org.nativescript.vuesample/u0a64}, curProc for 31900: null
07-11 12:09:01.888  2033  2150 I ActivityManager: Force stopping org.nativescript.vuesample appid=10064 user=0: pkg removed
07-11 12:09:01.900  2547 31987 D VoicemailCleanupService: Cleaning up data for package: org.nativescript.vuesample
07-11 12:09:01.901  2033  2033 D JobSchedulerService: Receieved: android.intent.action.PACKAGE_REMOVED
07-11 12:09:01.901  2434  2538 I LatinIME:LogUtils: Dictionary info: dictionary = main:en ; version = 54 ; date = 1414726273
07-11 12:09:01.914  2033  2621 I ActivityManager: Start proc 31992:com.android.keychain/1000 for broadcast com.android.keychain/.KeyChainBroadcastReceiver
07-11 12:09:01.919  2480  2480 D CarrierServiceBindHelper: Receive action: android.intent.action.PACKAGE_REMOVED
07-11 12:09:01.939 31992 31992 W System  : ClassLoader referenced unknown path: /system/app/KeyChain/lib/x86
07-11 12:09:01.940  2033  2161 I InputReader: Reconfiguring input devices.  changes=0x00000010
07-11 12:09:01.940 31992 31992 W ContextImpl: Calling a method in the system process without a qualified user: android.app.ContextImpl.startService:1221 android.content.ContextWrapper.startService:581 android.content.ContextWrapper.startService:581 com.android.keychain.KeyChainBroadcastReceiver.onReceive:12 android.app.ActivityThread.handleReceiver:2725 
07-11 12:09:01.955  2033  2033 I ActivityManager: Start proc 32008:com.android.documentsui/u0a33 for broadcast com.android.documentsui/.PackageReceiver
07-11 12:09:01.957  2033  2051 I ActivityManager: Killing 3296:com.svox.pico/u0a50 (adj 15): empty for 269888s
07-11 12:09:01.981  2494  2602 W EGL_emulation: eglSurfaceAttrib not implemented
07-11 12:09:01.981  2494  2602 W OpenGLRenderer: Failed to set EGL_SWAP_BEHAVIOR on surface 0xdfb743a0, error=EGL_SUCCESS
07-11 12:09:01.984 32008 32008 W System  : ClassLoader referenced unknown path: /system/app/DocumentsUI/lib/x86
07-11 12:09:02.013  2033  2265 I ActivityManager: Start proc 32022:com.android.externalstorage/u0a7 for content provider com.android.externalstorage/.ExternalStorageProvider
07-11 12:09:02.014  2033  2615 I ActivityManager: Killing 7142:com.android.calendar/u0a24 (adj 15): empty for 9421s
07-11 12:09:02.038  2033  2053 I ActivityManager: Killing 7161:com.android.providers.calendar/u0a1 (adj 15): empty for 9417s
07-11 12:09:02.040 32022 32022 W System  : ClassLoader referenced unknown path: /system/priv-app/ExternalStorageProvider/lib/x86
07-11 12:09:02.042 32022 32022 D ExternalStorage: After updating volumes, found 1 active roots
07-11 12:09:02.067 32008 32021 D Documents: Update found 6 roots in 78ms
07-11 12:09:02.071 32008 32038 D Documents: Update found 6 roots in 7ms
07-11 12:09:02.071  2033  2509 W InputMethodManagerService: Got RemoteException sending setActive(false) notification to pid 31900 uid 10064
07-11 12:09:02.086  2033  2060 I ActivityManager: Start proc 32039:com.android.quicksearchbox/u0a53 for broadcast com.android.quicksearchbox/.SearchWidgetProvider
07-11 12:09:02.092 32039 32039 W System  : ClassLoader referenced unknown path: /system/app/QuickSearchBox/lib/x86
07-11 12:09:02.333  2033  2069 W WindowManager: On display=0 Rebuild removed 2 windows but added 1
07-11 12:09:02.333  2033  2069 W WindowManager: java.lang.RuntimeException: here
07-11 12:09:02.333  2033  2069 W WindowManager: 	at com.android.server.wm.WindowManagerService.rebuildAppWindowListLocked(WindowManagerService.java:8832)
07-11 12:09:02.333  2033  2069 W WindowManager: 	at com.android.server.wm.WindowManagerService.rebuildAppWindowListLocked(WindowManagerService.java:8756)
07-11 12:09:02.333  2033  2069 W WindowManager: 	at com.android.server.wm.WindowManagerService.handleAppTransitionReadyLocked(WindowManagerService.java:9263)
07-11 12:09:02.333  2033  2069 W WindowManager: 	at com.android.server.wm.WindowManagerService.performLayoutAndPlaceSurfacesLockedInner(WindowManagerService.java:10170)
07-11 12:09:02.333  2033  2069 W WindowManager: 	at com.android.server.wm.WindowManagerService.performLayoutAndPlaceSurfacesLockedLoop(WindowManagerService.java:8980)
07-11 12:09:02.333  2033  2069 W WindowManager: 	at com.android.server.wm.WindowManagerService.performLayoutAndPlaceSurfacesLocked(WindowManagerService.java:8927)
07-11 12:09:02.333  2033  2069 W WindowManager: 	at com.android.server.wm.WindowManagerService.-wrap6(WindowManagerService.java)
07-11 12:09:02.333  2033  2069 W WindowManager: 	at com.android.server.wm.WindowManagerService$H.handleMessage(WindowManagerService.java:7822)
07-11 12:09:02.333  2033  2069 W WindowManager: 	at android.os.Handler.dispatchMessage(Handler.java:102)
07-11 12:09:02.333  2033  2069 W WindowManager: 	at android.os.Looper.loop(Looper.java:148)
07-11 12:09:02.333  2033  2069 W WindowManager: 	at android.os.HandlerThread.run(HandlerThread.java:61)
07-11 12:09:02.333  2033  2069 W WindowManager: 	at com.android.server.ServiceThread.run(ServiceThread.java:46)
07-11 12:09:02.334  2033  2069 W WindowManager: This window was lost: Window{c744780 u0 Starting org.nativescript.vuesample}
07-11 12:09:02.334  2033  2069 W WindowManager: mDisplayId=-1 stackId=4 mSession=Session{d4b6f3b 2033:1000} mClient=android.view.ViewRootImpl$W@f7a5c03
07-11 12:09:02.334  2033  2069 W WindowManager: mOwnerUid=1000 mShowToOwnerOnly=false package=org.nativescript.vuesample appop=NONE
07-11 12:09:02.334  2033  2069 W WindowManager: mAttrs=WM.LayoutParams{(0,0)(fillxfill) sim=#20 ty=3 fl=#85830118 pfl=0x11 fmt=-3 wanim=0x103045b vsysui=0x700 needsMenuKey=2}
07-11 12:09:02.334  2033  2069 W WindowManager: Requested w=2560 h=1504 mLayoutSeq=441
07-11 12:09:02.334  2033  2069 W WindowManager: mBaseLayer=21000 mSubLayer=0 mAnimLayer=21010+0=21010 mLastLayer=21015
07-11 12:09:02.334  2033  2069 W WindowManager: mToken=AppWindowToken{7362067 token=Token{39eac05 ActivityRecord{7971b7c u0 org.nativescript.vuesample/com.tns.NativeScriptActivity t34}}}
07-11 12:09:02.334  2033  2069 W WindowManager: mRootToken=AppWindowToken{7362067 token=Token{39eac05 ActivityRecord{7971b7c u0 org.nativescript.vuesample/com.tns.NativeScriptActivity t34}}}
07-11 12:09:02.334  2033  2069 W WindowManager: mAppToken=AppWindowToken{7362067 token=Token{39eac05 ActivityRecord{7971b7c u0 org.nativescript.vuesample/com.tns.NativeScriptActivity t34}}}
07-11 12:09:02.334  2033  2069 W WindowManager: mViewVisibility=0x0 mHaveFrame=true mObscured=false
07-11 12:09:02.334  2033  2069 W WindowManager: mSeq=0 mSystemUiVisibility=0x700
07-11 12:09:02.334  2033  2069 W WindowManager: mGivenContentInsets=[0,0][0,0] mGivenVisibleInsets=[0,0][0,0]
07-11 12:09:02.334  2033  2069 W WindowManager: mConfiguration={1.0 310mcc260mnc en_US ldltr sw800dp w1280dp h728dp 320dpi xlrg land finger qwerty/v/v dpad/v s.6}
07-11 12:09:02.334  2033  2069 W WindowManager: mHasSurface=false mShownFrame=[0.0,0.0][2560.0,1600.0] isReadyForDisplay()=false
07-11 12:09:02.334  2033  2069 W WindowManager: mFrame=[0,0][2560,1600] last=[0,0][2560,1600]
07-11 12:09:02.334  2033  2069 W WindowManager: mSystemDecorRect=[0,0][2560,1600] last=[0,0][0,0]
07-11 12:09:02.334  2033  2069 W WindowManager: Frames: containing=[0,0][2560,1600] parent=[0,0][2560,1600]
07-11 12:09:02.334  2033  2069 W WindowManager:     display=[0,0][2560,1600] overscan=[0,0][2560,1600]
07-11 12:09:02.334  2033  2069 W WindowManager:     content=[0,48][2560,1504] visible=[0,48][2560,1504]
07-11 12:09:02.334  2033  2069 W WindowManager:     decor=[0,0][2560,1600]
07-11 12:09:02.334  2033  2069 W WindowManager:     outset=[0,0][0,0]
07-11 12:09:02.334  2033  2069 W WindowManager: Cur insets: overscan=[0,0][0,0] content=[0,48][0,96] visible=[0,48][0,96] stable=[0,48][0,96] outsets=[0,0][0,0]
07-11 12:09:02.334  2033  2069 W WindowManager: Lst insets: overscan=[0,0][0,0] content=[0,48][0,96] visible=[0,48][0,96] stable=[0,48][0,96] physical=[0,0][0,0] outset=[0,0][0,0]
07-11 12:09:02.334  2033  2069 W WindowManager: WindowStateAnimator{a02020d Starting org.nativescript.vuesample}:
07-11 12:09:02.334  2033  2069 W WindowManager:   mShownAlpha=1.0 mAlpha=1.0 mLastAlpha=0.0
07-11 12:09:02.334  2033  2069 W WindowManager: mExiting=false mRemoveOnExit=false mDestroying=false mRemoved=true
07-11 12:09:02.334  2033  2069 W WindowManager: Current app token list:
07-11 12:09:02.334  2033  2069 V WindowManager:   Stack #0 tasks from bottom to top:
07-11 12:09:02.334  2033  2069 V WindowManager:     Task #25 activities from bottom to top:
07-11 12:09:02.334  2033  2069 V WindowManager:       activity #0: Token{ccdbd93 ActivityRecord{fe46282 u0 com.android.launcher3/.Launcher t25}}
07-11 12:09:02.334  2033  2069 W WindowManager: Final window list:
07-11 12:09:02.334  2033  2069 V WindowManager:  Display #0
07-11 12:09:02.334  2033  2069 V WindowManager:   #6: Window{83596a7 u0 NavigationBar}
07-11 12:09:02.334  2033  2069 V WindowManager:   #5: Window{c664889 u0 StatusBar}
07-11 12:09:02.334  2033  2069 V WindowManager:   #4: Window{2d82096 u0 KeyguardScrim}
07-11 12:09:02.334  2033  2069 V WindowManager:   #3: Window{4c17fc1 u0 AssistPreviewPanel}
07-11 12:09:02.334  2033  2069 V WindowManager:   #2: Window{8c95814 u0 InputMethod}
07-11 12:09:02.334  2033  2069 V WindowManager:   #1: Window{26f265d u0 com.android.launcher3/com.android.launcher3.Launcher}
07-11 12:09:02.334  2033  2069 V WindowManager:   #0: Window{32e06b3 u0 com.android.systemui.ImageWallpaper}
07-11 12:09:02.339 32055 32055 D AndroidRuntime: >>>>>> START com.android.internal.os.RuntimeInit uid 0 <<<<<<
07-11 12:09:02.340 32055 32055 D AndroidRuntime: CheckJNI is OFF
07-11 12:09:02.348 32055 32055 D ICU     : No timezone override file found: /data/misc/zoneinfo/current/icu/icu_tzdata.dat
07-11 12:09:02.360 32055 32055 E memtrack: Couldn't load memtrack module (No such file or directory)
07-11 12:09:02.360 32055 32055 E android.os.Debug: failed to load memtrack module: -2
07-11 12:09:02.361 32055 32055 I Radio-JNI: register_android_hardware_Radio DONE
07-11 12:09:02.366 32055 32055 D AndroidRuntime: Calling main entry com.android.commands.pm.Pm
07-11 12:09:02.373  3248  3260 D DefContainer: Copying /data/local/tmp/vuesample-debug.apk to base.apk
07-11 12:09:02.469  2033  2150 W PackageParser: Unknown element under <manifest>: meta-data at /data/app/vmdl925371944.tmp/base.apk Binary XML file line #21
07-11 12:09:02.589  2494  2602 W OpenGLRenderer: Incorrectly called buildLayer on View: ShortcutAndWidgetContainer, destroying layer...
07-11 12:09:02.856  2033  2150 I PackageManager.DexOptimizer: Running dexopt (dex2oat) on: /data/app/vmdl925371944.tmp/base.apk pkg=org.nativescript.vuesample isa=x86 vmSafeMode=false debuggable=true oatDir = /data/app/vmdl925371944.tmp/oat
07-11 12:09:02.863 32064 32064 W dex2oat : Unexpected CPU variant for X86 using defaults: x86
07-11 12:09:02.863 32064 32064 I dex2oat : /system/bin/dex2oat --debuggable
07-11 12:09:02.964 32064 32066 W dex2oat : Before Android 4.1, method int android.support.v7.widget.ListViewCompat.lookForSelectablePosition(int, boolean) would have incorrectly overridden the package-private method in android.widget.ListView
07-11 12:09:02.988 32064 32064 W dex2oat : Before Android 4.1, method android.graphics.PorterDuffColorFilter android.support.graphics.drawable.VectorDrawableCompat.updateTintFilter(android.graphics.PorterDuffColorFilter, android.content.res.ColorStateList, android.graphics.PorterDuff$Mode) would have incorrectly overridden the package-private method in android.graphics.drawable.Drawable
07-11 12:09:03.658 32064 32064 I dex2oat : dex2oat took 794.814ms (threads: 4) arena alloc=431KB java alloc=3MB native alloc=18MB free=3MB
07-11 12:09:03.711  2033  2150 V BackupManagerService: restoreAtInstall pkg=org.nativescript.vuesample token=3 restoreSet=0
07-11 12:09:03.711  2033  2150 V BackupManagerService: Finishing install immediately
07-11 12:09:03.712  2033  2150 W Settings: Setting install_non_market_apps has moved from android.provider.Settings.Global to android.provider.Settings.Secure, returning read-only value.
07-11 12:09:03.712  2033  2150 I art     : Starting a blocking GC Explicit
07-11 12:09:03.722  2033  2150 I art     : Explicit concurrent mark sweep GC freed 50865(2MB) AllocSpace objects, 12(4MB) LOS objects, 33% free, 8MB/13MB, paused 314us total 10.704ms
07-11 12:09:03.724 32055 32055 I art     : System.exit called, status: 0
07-11 12:09:03.724 32055 32055 I AndroidRuntime: VM exiting with result code 0.
07-11 12:09:03.726 32008 32070 D Documents: Update found 6 roots in 2ms
07-11 12:09:03.730  2033  2161 I InputReader: Reconfiguring input devices.  changes=0x00000010
07-11 12:09:03.734  2480  2480 D CarrierServiceBindHelper: Receive action: android.intent.action.PACKAGE_ADDED
07-11 12:09:03.734  2480  2480 D CarrierServiceBindHelper: mHandler: 3
07-11 12:09:03.734  2480  2480 D CarrierConfigLoader: mHandler: 9 phoneId: 0
07-11 12:09:03.745  2033  2509 I ActivityManager: Start proc 32076:com.svox.pico/u0a50 for broadcast com.svox.pico/.VoiceDataInstallerReceiver
07-11 12:09:03.747  2033  2059 W VoiceInteractionManagerService: no available voice recognition services found for user 0
07-11 12:09:04.727 32109 32109 D AndroidRuntime: >>>>>> START com.android.internal.os.RuntimeInit uid 0 <<<<<<
07-11 12:09:04.728 32109 32109 D AndroidRuntime: CheckJNI is OFF
07-11 12:09:04.737 32109 32109 D ICU     : No timezone override file found: /data/misc/zoneinfo/current/icu/icu_tzdata.dat
07-11 12:09:04.754 32109 32109 E memtrack: Couldn't load memtrack module (No such file or directory)
07-11 12:09:04.754 32109 32109 E android.os.Debug: failed to load memtrack module: -2
07-11 12:09:04.755 32109 32109 I Radio-JNI: register_android_hardware_Radio DONE
07-11 12:09:04.762 32109 32109 D AndroidRuntime: Calling main entry com.android.commands.am.Am
07-11 12:09:04.762  2033  2265 I ActivityManager: Force stopping org.nativescript.vuesample appid=10065 user=0: from pid 32109
07-11 12:09:04.764 32109 32109 D AndroidRuntime: Shutting down VM
07-11 12:09:05.615  2033  2812 D NetlinkSocketObserver: NeighborEvent{elapsedMs=270477615, 10.0.3.2, [525400123502], RTM_NEWNEIGH, NUD_REACHABLE}
07-11 12:09:06.767 32118 32118 D AndroidRuntime: >>>>>> START com.android.internal.os.RuntimeInit uid 0 <<<<<<
07-11 12:09:06.769 32118 32118 D AndroidRuntime: CheckJNI is OFF
07-11 12:09:06.779 32118 32118 D ICU     : No timezone override file found: /data/misc/zoneinfo/current/icu/icu_tzdata.dat
07-11 12:09:06.790 32118 32118 E memtrack: Couldn't load memtrack module (No such file or directory)
07-11 12:09:06.790 32118 32118 E android.os.Debug: failed to load memtrack module: -2
07-11 12:09:06.791 32118 32118 I Radio-JNI: register_android_hardware_Radio DONE
07-11 12:09:06.797 32118 32118 D AndroidRuntime: Calling main entry com.android.commands.am.Am
07-11 12:09:06.799  2033  2053 I ActivityManager: Force stopping org.nativescript.vuesample appid=10065 user=0: from pid 32118
07-11 12:09:06.799 32118 32118 D AndroidRuntime: Shutting down VM
07-11 12:09:07.160 32129 32129 D AndroidRuntime: >>>>>> START com.android.internal.os.RuntimeInit uid 0 <<<<<<
07-11 12:09:07.161 32129 32129 D AndroidRuntime: CheckJNI is OFF
07-11 12:09:07.169 32129 32129 D ICU     : No timezone override file found: /data/misc/zoneinfo/current/icu/icu_tzdata.dat
07-11 12:09:07.183 32129 32129 E memtrack: Couldn't load memtrack module (No such file or directory)
07-11 12:09:07.183 32129 32129 E android.os.Debug: failed to load memtrack module: -2
07-11 12:09:07.184 32129 32129 I Radio-JNI: register_android_hardware_Radio DONE
07-11 12:09:07.189 32129 32129 D AndroidRuntime: Calling main entry com.android.commands.monkey.Monkey
07-11 12:09:07.198  2033  2060 W BroadcastQueue: Skipping deliver [background] BroadcastRecord{3cdc80f u-1 android.net.conn.CONNECTIVITY_CHANGE} to ReceiverList{c2cf09c 32129 (unknown name)/0/u-1 remote:564e8e9}: process crashing
07-11 12:09:07.202  2033  2509 I ActivityManager: START u0 {act=android.intent.action.MAIN cat=[android.intent.category.LAUNCHER] flg=0x10200000 cmp=org.nativescript.vuesample/com.tns.NativeScriptActivity} from uid 0 on display 0
07-11 12:09:07.236 32138 32138 I art     : Late-enabling -Xcheck:jni
07-11 12:09:07.239  2033  2943 I ActivityManager: Start proc 32138:org.nativescript.vuesample/u0a65 for activity org.nativescript.vuesample/com.tns.NativeScriptActivity
07-11 12:09:07.241 32129 32129 I art     : System.exit called, status: 0
07-11 12:09:07.241 32129 32129 I AndroidRuntime: VM exiting with result code 0.
07-11 12:09:07.260 32138 32138 I TNS.Native: NativeScript Runtime Version 3.0.1, commit 733bfa5fab5d4c156eab156eaf01946eb36dab1e
07-11 12:09:07.260 32138 32138 D TNS.Native: JNI_ONLoad
07-11 12:09:07.260 32138 32138 D TNS.Native: JNI_ONLoad END
07-11 12:09:07.268 32138 32138 D JS: AssetExtraction: Can't remove previously installed assets in /data/user/0/org.nativescript.vuesample/files/app
07-11 12:09:07.328 32138 32138 D JS: AssetExtraction: Can't remove previously installed assets in /data/user/0/org.nativescript.vuesample/files/internal
07-11 12:09:07.349 32138 32138 D JS: AssetExtraction: Can't remove previously installed assets in /data/user/0/org.nativescript.vuesample/files/snapshots/x86
07-11 12:09:07.356 32138 32138 D TNS.Native: Failed to load snapshot: dlopen failed: library "libsnapshot.so" not found
07-11 12:09:07.395 32138 32138 D TNS.Native: V8 version 5.5.372.32
07-11 12:09:07.423 32138 32138 D TNS.Native: lenNodes=66492, lenNames=775395, lenValues=899324
07-11 12:09:07.423 32138 32138 D TNS.Native: time=1
07-11 12:09:07.507 32138 32138 D Sync    : Failed to delete temp sync directory: /data/local/tmp/org.nativescript.vuesample/sync/images
07-11 12:09:07.524  2494  2602 E Surface : getSlotFromBufferLocked: unknown buffer: 0xe8402460
07-11 12:09:07.525 32138 32138 D Sync    : Failed to delete temp sync directory: /data/local/tmp/org.nativescript.vuesample/sync/tns_modules
07-11 12:09:07.526 32138 32138 D Sync    : Failed to delete temp sync directory: /data/local/tmp/org.nativescript.vuesample/sync
07-11 12:09:07.814 32138 32138 V JS      : {NSVue} -> TagName(TextNode(comment))
07-11 12:09:07.814 32138 32138 V JS      : {NSVue} -> ParentNode(TextNode(comment))
07-11 12:09:07.814 32138 32138 V JS      : {NSVue} -> NextSibling(TextNode(comment))
07-11 12:09:07.815 32138 32138 V JS      : {NSVue} -> CreateElement(page)
07-11 12:09:07.816 32138 32138 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:07.817 32138 32138 V JS      : {NSVue} -> CreateElement(button)
07-11 12:09:07.821 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(button))
07-11 12:09:07.826 32138 32138 V JS      : {NSVue} -> CreateElement(native-list-view)
07-11 12:09:07.831 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(native-list-view))
07-11 12:09:07.834 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(page), ElementNode(stack-layout))
07-11 12:09:07.853 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(document), ElementNode(page))
07-11 12:09:07.854 32138 32138 V JS      : {NSVue} -> ParentNode(TextNode(comment))
07-11 12:09:07.854 32138 32138 V JS      : {NSVue} -> RemoveChild(ElementNode(document), TextNode(comment))
07-11 12:09:07.866  2033  2622 D VoldConnector: SND -> {8 volume mkdirs /storage/emulated/0/Android/data/org.nativescript.vuesample/cache/}
07-11 12:09:07.867  2033  2163 D VoldConnector: RCV <- {200 8 Command succeeded}
07-11 12:09:07.912 32138 32138 W art     : Before Android 4.1, method android.graphics.PorterDuffColorFilter android.support.graphics.drawable.VectorDrawableCompat.updateTintFilter(android.graphics.PorterDuffColorFilter, android.content.res.ColorStateList, android.graphics.PorterDuff$Mode) would have incorrectly overridden the package-private method in android.graphics.drawable.Drawable
07-11 12:09:07.932 32138 32138 V JS      : The list has been loaded
07-11 12:09:07.966 32170 32170 D AndroidRuntime: >>>>>> START com.android.internal.os.RuntimeInit uid 0 <<<<<<
07-11 12:09:07.967 32170 32170 D AndroidRuntime: CheckJNI is OFF
07-11 12:09:07.979 32170 32170 D ICU     : No timezone override file found: /data/misc/zoneinfo/current/icu/icu_tzdata.dat
07-11 12:09:07.993 32170 32170 E memtrack: Couldn't load memtrack module (No such file or directory)
07-11 12:09:07.993 32170 32170 E android.os.Debug: failed to load memtrack module: -2
07-11 12:09:07.994 32170 32170 I Radio-JNI: register_android_hardware_Radio DONE
07-11 12:09:08.000 32170 32170 D AndroidRuntime: Calling main entry com.android.commands.am.Am
07-11 12:09:08.005 32170 32170 D AndroidRuntime: Shutting down VM
07-11 12:09:08.025 32138 32179 D OpenGLRenderer: Use EGL_SWAP_BEHAVIOR_PRESERVED: true
07-11 12:09:08.034 32138 32138 D         : HostConnection::get() New Host Connection established 0xdef74640, tid 32138
07-11 12:09:08.144 32138 32179 D libEGL  : loaded /system/lib/egl/libEGL_emulation.so
07-11 12:09:08.145 32138 32179 D libEGL  : loaded /system/lib/egl/libGLESv1_CM_emulation.so
07-11 12:09:08.149 32138 32179 D libEGL  : loaded /system/lib/egl/libGLESv2_emulation.so
07-11 12:09:08.153 32138 32179 D         : HostConnection::get() New Host Connection established 0xdef74910, tid 32179
07-11 12:09:08.181 32138 32179 I OpenGLRenderer: Initialized EGL, version 1.4
07-11 12:09:08.234 32138 32162 D skia    : --- SkImageDecoder::Factory returned null
07-11 12:09:08.321 32138 32179 W EGL_emulation: eglSurfaceAttrib not implemented
07-11 12:09:08.321 32138 32179 W OpenGLRenderer: Failed to set EGL_SWAP_BEHAVIOR on surface 0xdef78380, error=EGL_SUCCESS
07-11 12:09:08.678  2033  2069 I ActivityManager: Displayed org.nativescript.vuesample/com.tns.NativeScriptActivity: +1s449ms
07-11 12:09:08.684 32138 32138 V JS      : Loaded more items
07-11 12:09:08.688 32138 32138 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:08.688 32138 32138 V JS      : {NSVue} -> CreateElement(image)
07-11 12:09:08.688 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
07-11 12:09:08.689 32138 32138 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:08.689 32138 32138 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:08.689 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
07-11 12:09:08.689 32138 32138 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:08.689 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
07-11 12:09:08.689 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
07-11 12:09:08.690 32138 32138 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:08.690 32138 32138 V JS      : {NSVue} -> InsertBefore(ElementNode(stack-layout), ElementNode(label), ElementNode(image))
07-11 12:09:08.691 32138 32138 V JS      : {NSVue} -> ParentNode(ElementNode(image))
07-11 12:09:08.691 32138 32138 V JS      : {NSVue} -> RemoveChild(ElementNode(stack-layout), ElementNode(image))
07-11 12:09:08.691 32138 32138 V JS      : {NSVue} -> ParentNode(ElementNode(stack-layout))
07-11 12:09:08.691 32138 32138 V JS      : {NSVue} -> RemoveChild(ElementNode(stack-layout), ElementNode(stack-layout))
07-11 12:09:08.699 32138 32138 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:08.700 32138 32138 V JS      : {NSVue} -> CreateElement(image)
07-11 12:09:08.700 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
07-11 12:09:08.700 32138 32138 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:08.700 32138 32138 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:08.700 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
07-11 12:09:08.700 32138 32138 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:08.700 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
07-11 12:09:08.701 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
07-11 12:09:08.717 32138 32138 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:08.717 32138 32138 V JS      : {NSVue} -> CreateElement(image)
07-11 12:09:08.717 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
07-11 12:09:08.717 32138 32138 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:08.717 32138 32138 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:08.718 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
07-11 12:09:08.718 32138 32138 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:08.718 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
07-11 12:09:08.718 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
07-11 12:09:08.723 32138 32138 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:08.723 32138 32138 V JS      : {NSVue} -> CreateElement(image)
07-11 12:09:08.724 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
07-11 12:09:08.724 32138 32138 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:08.724 32138 32138 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:08.724 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
07-11 12:09:08.724 32138 32138 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:08.724 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
07-11 12:09:08.724 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
07-11 12:09:08.729 32138 32138 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:08.729 32138 32138 V JS      : {NSVue} -> CreateElement(image)
07-11 12:09:08.729 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
07-11 12:09:08.730 32138 32138 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:08.730 32138 32138 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:08.730 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
07-11 12:09:08.730 32138 32138 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:08.730 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
07-11 12:09:08.730 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
07-11 12:09:08.733 32138 32138 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:08.733 32138 32138 V JS      : {NSVue} -> CreateElement(image)
07-11 12:09:08.733 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
07-11 12:09:08.733 32138 32138 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:08.733 32138 32138 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:08.733 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
07-11 12:09:08.733 32138 32138 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:08.733 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
07-11 12:09:08.733 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
07-11 12:09:08.738 32138 32138 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:08.739 32138 32138 V JS      : {NSVue} -> CreateElement(image)
07-11 12:09:08.739 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
07-11 12:09:08.739 32138 32138 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:08.739 32138 32138 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:08.739 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
07-11 12:09:08.741 32138 32138 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:08.741 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
07-11 12:09:08.741 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
07-11 12:09:08.745 32138 32138 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:08.746 32138 32138 V JS      : {NSVue} -> CreateElement(image)
07-11 12:09:08.746 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
07-11 12:09:08.746 32138 32138 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:08.746 32138 32138 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:08.746 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
07-11 12:09:08.746 32138 32138 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:08.746 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
07-11 12:09:08.746 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
07-11 12:09:08.751 32138 32138 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:08.751 32138 32138 V JS      : {NSVue} -> CreateElement(image)
07-11 12:09:08.751 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
07-11 12:09:08.751 32138 32138 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:08.751 32138 32138 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:08.751 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
07-11 12:09:08.751 32138 32138 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:08.751 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
07-11 12:09:08.751 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
07-11 12:09:08.992 32138 32138 W InputMethodManager: Ignoring onBind: cur seq=30, given seq=29
07-11 12:09:09.093 32138 32138 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:09.093 32138 32138 V JS      : {NSVue} -> CreateElement(image)
07-11 12:09:09.093 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
07-11 12:09:09.093 32138 32138 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:09.093 32138 32138 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:09.093 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
07-11 12:09:09.093 32138 32138 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:09.093 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
07-11 12:09:09.093 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
07-11 12:09:09.093 32138 32138 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:09.094 32138 32138 V JS      : {NSVue} -> InsertBefore(ElementNode(stack-layout), ElementNode(label), ElementNode(image))
07-11 12:09:09.094 32138 32138 V JS      : {NSVue} -> ParentNode(ElementNode(image))
07-11 12:09:09.094 32138 32138 V JS      : {NSVue} -> RemoveChild(ElementNode(stack-layout), ElementNode(image))
07-11 12:09:09.094 32138 32138 V JS      : {NSVue} -> ParentNode(ElementNode(stack-layout))
07-11 12:09:09.094 32138 32138 V JS      : {NSVue} -> RemoveChild(ElementNode(stack-layout), ElementNode(stack-layout))
07-11 12:09:09.097 32138 32138 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:09.097 32138 32138 V JS      : {NSVue} -> CreateElement(image)
07-11 12:09:09.097 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(image))
07-11 12:09:09.097 32138 32138 V JS      : {NSVue} -> CreateElement(stack-layout)
07-11 12:09:09.097 32138 32138 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:09.097 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
07-11 12:09:09.097 32138 32138 V JS      : {NSVue} -> CreateElement(label)
07-11 12:09:09.097 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(label))
07-11 12:09:09.098 32138 32138 V JS      : {NSVue} -> AppendChild(ElementNode(stack-layout), ElementNode(stack-layout))
07-11 12:09:09.549 32138 32185 W art     : Long monitor contention event with owner method=android.graphics.Bitmap org.nativescript.widgets.image.Fetcher.processHttp(java.lang.String, int, int) from Fetcher.java:164 waiters=0 for 467ms
07-11 12:09:09.582 32138 32187 E JS      : Error in downloadBitmap - java.net.MalformedURLException: Protocol not found: nsfw
07-11 12:09:09.720 32138 32185 W art     : Long monitor contention event with owner method=android.graphics.Bitmap org.nativescript.widgets.image.Fetcher.processHttp(java.lang.String, int, int) from Fetcher.java:164 waiters=0 for 136ms
--------- beginning of crash
07-11 12:09:12.258 32138 32138 F libc    : Fatal signal 4 (SIGILL), code 2, fault addr 0xe080d5d9 in tid 32138 (cript.vuesample)
07-11 12:09:12.411   102   102 F DEBUG   : *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** ***
07-11 12:09:12.411   102   102 F DEBUG   : Build fingerprint: 'Android/vbox86p/vbox86p:6.0/MRA58K/genymotion06091605:userdebug/test-keys'
07-11 12:09:12.411   102   102 F DEBUG   : Revision: '0'
07-11 12:09:12.411   102   102 F DEBUG   : ABI: 'x86'
07-11 12:09:12.411   102   102 F DEBUG   : pid: 32138, tid: 32138, name: cript.vuesample  >>> org.nativescript.vuesample <<<
07-11 12:09:12.411   102   102 F DEBUG   : signal 4 (SIGILL), code 2 (ILL_ILLOPN), fault addr 0xe080d5d9
07-11 12:09:12.414   102   102 F DEBUG   :     eax 00000000  ebx e0afecc4  ecx 00007d8a  edx 00000000
07-11 12:09:12.414   102   102 F DEBUG   :     esi f7425468  edi ffcf6a94
07-11 12:09:12.414   102   102 F DEBUG   :     xcs 00000023  xds 0000002b  xes 0000002b  xfs 00000007  xss 0000002b
07-11 12:09:12.414   102   102 F DEBUG   :     eip e080d5d9  ebp ffcf6cb8  esp ffcf6a70  flags 00210202
07-11 12:09:12.416   102   102 F DEBUG   : 
07-11 12:09:12.416   102   102 F DEBUG   : backtrace:
07-11 12:09:12.416   102   102 F DEBUG   :     #00 pc 00a215d9  /data/app/org.nativescript.vuesample-1/lib/x86/libNativeScript.so
07-11 12:09:12.416   102   102 F DEBUG   :     #01 pc 00a205f5  /data/app/org.nativescript.vuesample-1/lib/x86/libNativeScript.so
07-11 12:09:12.416   102   102 F DEBUG   :     #02 pc 00778c1f  /data/app/org.nativescript.vuesample-1/lib/x86/libNativeScript.so
07-11 12:09:12.416   102   102 F DEBUG   :     #03 pc 0011b8b5  /data/app/org.nativescript.vuesample-1/lib/x86/libNativeScript.so
07-11 12:09:12.416   102   102 F DEBUG   :     #04 pc 0011d435  /data/app/org.nativescript.vuesample-1/lib/x86/libNativeScript.so
07-11 12:09:12.416   102   102 F DEBUG   :     #05 pc 0011e0db  /data/app/org.nativescript.vuesample-1/lib/x86/libNativeScript.so
07-11 12:09:12.416   102   102 F DEBUG   :     #06 pc 0011b1a4  /data/app/org.nativescript.vuesample-1/lib/x86/libNativeScript.so
07-11 12:09:12.416   102   102 F DEBUG   :     #07 pc 003765da  /data/app/org.nativescript.vuesample-1/lib/x86/libNativeScript.so
07-11 12:09:12.416   102   102 F DEBUG   :     #08 pc 0038f45d  /data/app/org.nativescript.vuesample-1/lib/x86/libNativeScript.so
07-11 12:09:12.416   102   102 F DEBUG   :     #09 pc 0039008e  /data/app/org.nativescript.vuesample-1/lib/x86/libNativeScript.so
07-11 12:09:12.416   102   102 F DEBUG   :     #10 pc 00390282  /data/app/org.nativescript.vuesample-1/lib/x86/libNativeScript.so
07-11 12:09:12.416   102   102 F DEBUG   :     #11 pc 002ea01c  /data/app/org.nativescript.vuesample-1/lib/x86/libNativeScript.so
07-11 12:09:12.416   102   102 F DEBUG   :     #12 pc 0060f953  /data/app/org.nativescript.vuesample-1/lib/x86/libNativeScript.so
07-11 12:09:12.416   102   102 F DEBUG   :     #13 pc 0000007d  <unknown>
07-11 12:09:12.416   102   102 F DEBUG   :     #14 pc 0003f987  <unknown>
07-11 12:09:12.416   102   102 F DEBUG   :     #15 pc 0003f672  <unknown>
07-11 12:09:12.416   102   102 F DEBUG   :     #16 pc 0000273d  <unknown>
07-11 12:09:12.416   102   102 F DEBUG   :     #17 pc 0002c037  <unknown>
07-11 12:09:12.416   102   102 F DEBUG   :     #18 pc 0032e968  /data/app/org.nativescript.vuesample-1/lib/x86/libNativeScript.so
07-11 12:09:12.416   102   102 F DEBUG   :     #19 pc 0032ed51  /data/app/org.nativescript.vuesample-1/lib/x86/libNativeScript.so
07-11 12:09:12.416   102   102 F DEBUG   :     #20 pc 001ecf84  /data/app/org.nativescript.vuesample-1/lib/x86/libNativeScript.so
07-11 12:09:12.417   102   102 F DEBUG   :     #21 pc 00123ee2  /data/app/org.nativescript.vuesample-1/lib/x86/libNativeScript.so
07-11 12:09:12.417   102   102 F DEBUG   :     #22 pc 0012be52  /data/app/org.nativescript.vuesample-1/lib/x86/libNativeScript.so
07-11 12:09:12.417   102   102 F DEBUG   :     #23 pc 000fb6a5  /data/app/org.nativescript.vuesample-1/lib/x86/libNativeScript.so
07-11 12:09:12.417   102   102 F DEBUG   :     #24 pc 000fb521  /data/app/org.nativescript.vuesample-1/lib/x86/libNativeScript.so
07-11 12:09:12.417   102   102 F DEBUG   :     #25 pc 00160acf  /data/app/org.nativescript.vuesample-1/lib/x86/libNativeScript.so
07-11 12:09:12.417   102   102 F DEBUG   :     #26 pc 000bfc6b  /data/app/org.nativescript.vuesample-1/lib/x86/libNativeScript.so
07-11 12:09:12.417   102   102 F DEBUG   :     #27 pc 000e1823  /data/app/org.nativescript.vuesample-1/lib/x86/libNativeScript.so
07-11 12:09:12.417   102   102 F DEBUG   :     #28 pc 000e1726  /data/app/org.nativescript.vuesample-1/lib/x86/libNativeScript.so
07-11 12:09:12.417   102   102 F DEBUG   :     #29 pc 001113a8  /data/app/org.nativescript.vuesample-1/lib/x86/libNativeScript.so (Java_com_tns_AndroidJsV8Inspector_dispatchMessage+56)
07-11 12:09:12.417   102   102 F DEBUG   :     #30 pc 00726c94  /data/app/org.nativescript.vuesample-1/oat/x86/base.odex (offset 0x492000) (void com.tns.AndroidJsV8Inspector.dispatchMessage(java.lang.String)+136)
07-11 12:09:12.417   102   102 F DEBUG   :     #31 pc 00724d4f  /data/app/org.nativescript.vuesample-1/oat/x86/base.odex (offset 0x492000) (void com.tns.AndroidJsV8Inspector$JsV8InspectorWebSocket$2.run()+275)
07-11 12:09:12.417   102   102 F DEBUG   :     #32 pc 73409c3b  /data/dalvik-cache/x86/system@[email protected] (offset 0x1eb9000)
07-11 12:09:12.490   102   102 F DEBUG   : 
07-11 12:09:12.490   102   102 F DEBUG   : Tombstone written to: /data/tombstones/tombstone_02
07-11 12:09:12.490   102   102 E DEBUG   : AM write failed: Broken pipe
07-11 12:09:12.491  2033  2066 I BootReceiver: Copying /data/tombstones/tombstone_02 to DropBox (SYSTEM_TOMBSTONE)
07-11 12:09:12.492  2033 32195 W ActivityManager:   Force finishing activity org.nativescript.vuesample/com.tns.NativeScriptActivity
07-11 12:09:12.516  2033  2265 D GraphicsStats: Buffer count: 4
07-11 12:09:12.516  2033  2160 W InputDispatcher: channel 'b732ef6 org.nativescript.vuesample/com.tns.NativeScriptActivity (server)' ~ Consumer closed input channel or an error occurred.  events=0x9
07-11 12:09:12.516  2033  2160 E InputDispatcher: channel 'b732ef6 org.nativescript.vuesample/com.tns.NativeScriptActivity (server)' ~ Channel is unrecoverably broken and will be disposed!
07-11 12:09:12.517  1804  1804 I Zygote  : Process 32138 exited due to signal (4)
07-11 12:09:12.524  2033 32195 D         : HostConnection::get() New Host Connection established 0xdd7fb080, tid 32195
07-11 12:09:12.580  2132  2132 E EGL_emulation: tid 2132: eglCreateSyncKHR(1215): error 0x3004 (EGL_BAD_ATTRIBUTE)
07-11 12:09:12.719  2033  2943 W art     : Long monitor contention event with owner method=android.graphics.Bitmap com.android.server.wm.WindowManagerService.screenshotApplicationsInner(android.os.IBinder, int, int, int, boolean) from WindowManagerService.java:6223 waiters=0 for 203ms
07-11 12:09:12.719  2033  2509 W art     : Long monitor contention event with owner method=android.graphics.Bitmap com.android.server.wm.WindowManagerService.screenshotApplicationsInner(android.os.IBinder, int, int, int, boolean) from WindowManagerService.java:6223 waiters=1 for 202ms
07-11 12:09:12.719  2033  2509 I WindowState: WIN DEATH: Window{b732ef6 u0 org.nativescript.vuesample/com.tns.NativeScriptActivity}
07-11 12:09:12.719  2033  2509 W InputDispatcher: Attempted to unregister already unregistered input channel 'b732ef6 org.nativescript.vuesample/com.tns.NativeScriptActivity (server)'
07-11 12:09:12.719  2033 32195 W ActivityManager: Exception thrown during pause
07-11 12:09:12.719  2033 32195 W ActivityManager: android.os.DeadObjectException
07-11 12:09:12.719  2033 32195 W ActivityManager: 	at android.os.BinderProxy.transactNative(Native Method)
07-11 12:09:12.719  2033 32195 W ActivityManager: 	at android.os.BinderProxy.transact(Binder.java:503)
07-11 12:09:12.719  2033 32195 W ActivityManager: 	at android.app.ApplicationThreadProxy.schedulePauseActivity(ApplicationThreadNative.java:727)
07-11 12:09:12.719  2033 32195 W ActivityManager: 	at com.android.server.am.ActivityStack.startPausingLocked(ActivityStack.java:867)
07-11 12:09:12.719  2033 32195 W ActivityManager: 	at com.android.server.am.ActivityStack.finishActivityLocked(ActivityStack.java:2907)
07-11 12:09:12.719  2033 32195 W ActivityManager: 	at com.android.server.am.ActivityStack.finishTopRunningActivityLocked(ActivityStack.java:2763)
07-11 12:09:12.719  2033 32195 W ActivityManager: 	at com.android.server.am.ActivityStackSupervisor.finishTopRunningActivityLocked(ActivityStackSupervisor.java:2755)
07-11 12:09:12.719  2033 32195 W ActivityManager: 	at com.android.server.am.ActivityManagerService.handleAppCrashLocked(ActivityManagerService.java:11971)
07-11 12:09:12.719  2033 32195 W ActivityManager: 	at com.android.server.am.ActivityManagerService.makeAppCrashingLocked(ActivityManagerService.java:11867)
07-11 12:09:12.719  2033 32195 W ActivityManager: 	at com.android.server.am.ActivityManagerService.crashApplication(ActivityManagerService.java:12556)
07-11 12:09:12.719  2033 32195 W ActivityManager: 	at com.android.server.am.ActivityManagerService.handleApplicationCrashInner(ActivityManagerService.java:12063)
07-11 12:09:12.719  2033 32195 W ActivityManager: 	at com.android.server.am.NativeCrashListener$NativeCrashReporter.run(NativeCrashListener.java:86)
07-11 12:09:12.725  2033  2051 I ActivityManager: Process org.nativescript.vuesample (pid 32138) has died
07-11 12:09:12.791  2033  3878 I OpenGLRenderer: Initialized EGL, version 1.4
07-11 12:09:12.880  2033  3878 W EGL_emulation: eglSurfaceAttrib not implemented
07-11 12:09:12.880  2033  3878 W OpenGLRenderer: Failed to set EGL_SWAP_BEHAVIOR on surface 0xd993f1c0, error=EGL_SUCCESS
07-11 12:09:12.979  2494  2602 W EGL_emulation: eglSurfaceAttrib not implemented
07-11 12:09:12.979  2494  2602 W OpenGLRenderer: Failed to set EGL_SWAP_BEHAVIOR on surface 0xe0723ba0, error=EGL_SUCCESS
07-11 12:09:13.474  2033  2062 I Choreographer: Skipped 33 frames!  The application may be doing too much work on its main thread.
07-11 12:09:13.640  2494  2602 W OpenGLRenderer: Incorrectly called buildLayer on View: ShortcutAndWidgetContainer, destroying layer...
07-11 12:09:13.820  2033  2069 W WindowAnimator: Failed to dispatch window animation state change.
07-11 12:09:13.820  2033  2069 W WindowAnimator: android.os.DeadObjectException
07-11 12:09:13.820  2033  2069 W WindowAnimator: 	at android.os.BinderProxy.transactNative(Native Method)
07-11 12:09:13.820  2033  2069 W WindowAnimator: 	at android.os.BinderProxy.transact(Binder.java:503)
07-11 12:09:13.820  2033  2069 W WindowAnimator: 	at android.view.IWindow$Stub$Proxy.onAnimationStopped(IWindow.java:534)
07-11 12:09:13.820  2033  2069 W WindowAnimator: 	at com.android.server.wm.WindowAnimator.updateWindowsLocked(WindowAnimator.java:286)
07-11 12:09:13.820  2033  2069 W WindowAnimator: 	at com.android.server.wm.WindowAnimator.animateLocked(WindowAnimator.java:678)
07-11 12:09:13.820  2033  2069 W WindowAnimator: 	at com.android.server.wm.WindowAnimator.-wrap0(WindowAnimator.java)
07-11 12:09:13.820  2033  2069 W WindowAnimator: 	at com.android.server.wm.WindowAnimator$1.doFrame(WindowAnimator.java:123)
07-11 12:09:13.820  2033  2069 W WindowAnimator: 	at android.view.Choreographer$CallbackRecord.run(Choreographer.java:856)
07-11 12:09:13.820  2033  2069 W WindowAnimator: 	at android.view.Choreographer.doCallbacks(Choreographer.java:670)
07-11 12:09:13.820  2033  2069 W WindowAnimator: 	at android.view.Choreographer.doFrame(Choreographer.java:603)
07-11 12:09:13.820  2033  2069 W WindowAnimator: 	at android.view.Choreographer$FrameDisplayEventReceiver.run(Choreographer.java:844)
07-11 12:09:13.820  2033  2069 W WindowAnimator: 	at android.os.Handler.handleCallback(Handler.java:739)
07-11 12:09:13.820  2033  2069 W WindowAnimator: 	at android.os.Handler.dispatchMessage(Handler.java:95)
07-11 12:09:13.820  2033  2069 W WindowAnimator: 	at android.os.Looper.loop(Looper.java:148)
07-11 12:09:13.820  2033  2069 W WindowAnimator: 	at android.os.HandlerThread.run(HandlerThread.java:61)
07-11 12:09:13.820  2033  2069 W WindowAnimator: 	at com.android.server.ServiceThread.run(ServiceThread.java:46)
07-11 12:09:39.516  2033  2812 D NetlinkSocketObserver: NeighborEvent{elapsedMs=270511517, 10.0.3.2, [525400123502], RTM_NEWNEIGH, NUD_STALE}

App crashes in Android when performing memory operations

I don't have much information. I made an app that loads an image from the camera or gallery into base64, but it crashes 95% of the times in this line.

I can't see anything in the console and on adb, all I see is the segfault:

07-14 21:31:24.895  5024  5024 F libc    : Fatal signal 4 (SIGILL), code 2, fault addr 0x99c6e4d9 in tid 5024 (cript.vuesample)
07-14 21:31:25.852  1577  5061 W ActivityManager:   Force finishing activity org.nativescript.vuesample/com.tns.NativeScriptActivity
07-14 21:31:25.855  1255  1255 W         : debuggerd: resuming target 5024

Seems to be a segfault deep in V8 or something... Help?

Improve app bootstrapping

Currently the user has to create a page, and pass it to nativescript-vue. It seems unnecessary, since it could just be wrapped in <page></page> tags.

Figure out a way to automatically create a Navigation entry, and navigate!

Ideally an app would consist of a main.js file with something like:

const Vue = require('nativescript-vue')
const MainPage = require('./MainPage.js')

const vm = new Vue({
    ...MainPage // or just define everything here
}).$mount()

And MainPage.js:

export default {
    template: `
        <page>
            <stack-layout>
                Hello world
            </stack-layout>
        </page>
    `
}

question about how this deals with html ?

I'm still considering diving deep into trying to use this instead of React Native since my website is fully built-out with vue components already.

But one thing that isn't clear is how your custom renderer deals with html and css. I imagine there's a limit to how much translation you can do between html/css and what nativescript uses for visual elements. So a project who's vue components are heavily tied in to html that's been positioned and styled using bootstrap grids for example.. most or all of that would be lost right? And you'd end up being able to re-use most of the vue logic but would have to replace the layout part by something more native to nativescript?

Am I understanding that correctly?

Page.actionBar howto

How to add action, is it possible for now?

<Page.actionBar>

</Page.actionBar>

License is missing

Without a license I can't propose this as solution in my company.

Dynamically added tabs cause app to crash

When adding tabs dynamically (via v-for) they work on initial render, but when adding new tabs, switching to them causes the app to crash. This is due to view recycling, which is not handled properly.

Improve Document element

Current Document implementation is a "hack". Implement a proper document element, that can only have 1 child element, which is a placeholder in the beginning, which then gets replaced in $mount.

Implement ActionBar component

ActionBar should be implemented similarly to ListViews, probably in a custom component.

Discussion about the solution should be in #10, since to keep it in one place!

Prettier does not run when commiting

Prettier was set up to run before every commit to ensure proper code formatting, but it doesn't seem to work lately.

Expected:

git add --all
git commit
# prettier runs and formats the code, and then commits

Actual:

git add --all
git commit
# Commit is created without prettier running

Add support for inline styles

Add support for inline styles for elements, similar to weex implementation:
https://github.com/vuejs/vue/blob/dev/src/platforms/weex/runtime/modules/style.js

Add page routing to VueRouter

We need to see if vue-router can work out of the box, using the abstract history mode.

Changing contents of a page should work since that relies on node-ops, but there is probably need to change to whole different pages.

Add support for Vue Single File Components

Related to #3

We should support .vue files, since they are the reason (at least for me) that make vue awesome!

Decide if .vue files can be used with JIT compilation, or only with AOT

CSS changes are not working properly

Go to the CSS of your project
Make change to the CSS (a new line is enough)
Save
Actual: An error will be thrown on Android

Expected: The CSS to be applied without restarting the App
Comment: If you made a second change and save the app will be restarted and the change is going to be applied.

iOS tap issue

when tapping any element on the sample apps, the app crashes:

*** Assertion failure in -[UIGestureGraphEdge initWithLabel:sourceNode:targetNode:directed:], /BuildRoot/Library/Caches/com.apple.xbs/Sources/UIKit_Sim/UIKit-3600.7.47/Source/GestureGraph/UIGestureGraphEdge.m:25
Jun  2 14:11:03 LOOPERMAC com.apple.CoreSimulator.SimDevice.1658C660-8802-4075-8603-2A0148C48692.launchd_sim[14161] (UIKitApplication:org.nativescript.vuesample[0x30e8][14183][43417]): Service exited due to Segmentation fault: 11

Implement GridLayout

GridLayout is different from the others, and it needs some work to make it display correctly.

Example:

<grid-layout rows="60,60,auto" columns="60,60" horizontalAlignment="center" verticalAlignment="center">
  <button row="0" col="0">1</button>
  <button row="0" col="1">2</button>
  <button row="1" col="0">3</button>
  <button row="1" col="1">4</button>
  <label row="2">Pick a number</label>
</grid-layout>

renders as:

Improve text-node support

Consider this example:

<label>Some Text</label>

Some Text is a text-node, which can't be added as a child element in {N}, so we replace the parent element. This works fine for labels, but due to the current implementation, this has undesired side effects:

<button>Some Text</button>

gets rendered as a Label.

The lines to blame are here:
https://github.com/rigor789/nativescript-vue/blob/311c5026aec3452f9cdf11e567d3ad3b1d59227f/nativescript-vue/platform/nativescript/renderer/NativeScriptRenderer.js#L56-L59

TextField error with version 0.1.16

In my template
<text-field v-model="name"></text-field>

On start app i got error

System.err: Calling js method onCreate failed
System.err: Error: textfield has no property text. (TypeError: html.replace is not a function)
System.err: File: "file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js, line: 2268, column: 6
System.err: StackTrace:
System.err:     Frame: function:'setAttribute', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js', line: 2268, column: 13
System.err:     Frame: function:'updateAttrs', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js', line: 4608, column: 11
System.err:     Frame: function:'invokeCreateHooks', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js', line: 4203, column: 20
System.err:     Frame: function:'createElm', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js', line: 4095, column: 11
System.err:     Frame: function:'createChildren', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js', line: 4187, column: 9
System.err:     Frame: function:'createElm', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js', line: 4093, column: 9
System.err:     Frame: function:'patch', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js', line: 4517, column: 7
System.err:     Frame: function:'Vue._update', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js', line: 3715, column: 19
System.err:     Frame: function:'updateComponent', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js', line: 3838, column: 10
System.err:     Frame: function:'get', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js', line: 2947, column: 27
System.err:     Frame: function:'Watcher', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js', line: 2930, column: 14
System.err:     Frame: function:'mountComponent', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js', line: 3842, column: 17
System.err:     Frame: function:'mount', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js', line: 9422, column: 5
System.err:     Frame: function:'Vue$3.$mount', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js', line: 9448, column: 16
System.err:     Frame: function:'init', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js', line: 7900, column: 13
System.err:     Frame: function:'createComponent', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js', line: 4117, column: 9
System.err:     Frame: function:'createElm', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js', line: 4060, column: 9
System.err:     Frame: function:'createChildren', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js', line: 4187, column: 9
System.err:     Frame: function:'createElm', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js', line: 4093, column: 9
System.err:     Frame: function:'createChildren', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js', line: 4187, column: 9
System.err:     Frame: function:'createElm', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js', line: 4093, column: 9
System.err:     Frame: function:'createChildren', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js', line: 4187, column: 9
System.err:     Frame: function:'createElm', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js', line: 4093, column: 9
System.err:     Frame: function:'patch', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js', line: 4517, column: 7
System.err:     Frame: function:'Vue._update', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js', line: 3715, column: 19
System.err:     Frame: function:'updateComponent', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js', line: 3838, column: 10
System.err:     Frame: function:'get', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js', line: 2947, column: 27
System.err:     Frame: function:'Watcher', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js', line: 2930, column: 14
System.err:     Frame: function:'mountComponent', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js', line: 3842, column: 17
System.err:     Frame: function:'mount', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js', line: 9422, column: 5
System.err:     Frame: function:'Vue$3.$mount', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js', line: 9448, column: 16
System.err:     Frame: function:'init', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js', line: 7900, column: 13
System.err:     Frame: function:'createComponent', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js', line: 4117, column: 9
System.err:     Frame: function:'createElm', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js', line: 4060, column: 9
System.err:     Frame: function:'patch', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js', line: 4553, column: 9
System.err:     Frame: function:'Vue._update', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js', line: 3715, column: 19
System.err:     Frame: function:'updateComponent', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js', line: 3838, column: 10
System.err:     Frame: function:'get', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js', line: 2947, column: 27
System.err:     Frame: function:'Watcher', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js', line: 2930, column: 14
System.err:     Frame: function:'mountComponent', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js', line: 3842, column: 17
System.err:     Frame: function:'create', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/nativescript-vue/dist/index.js', line: 9410, column: 9
System.err:     Frame: function:'', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/tns-core-modules/ui/frame/frame-common.js', line: 72, column: 22
System.err:     Frame: function:'', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/tns-core-modules/ui/frame/frame-common.js', line: 123, column: 16
System.err:     Frame: function:'FrameBase.navigate', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/tns-core-modules/ui/frame/frame-common.js', line: 191, column: 28
System.err:     Frame: function:'ActivityCallbacksImplementation.onCreate', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/tns-core-modules/ui/frame/frame.js', line: 589, column: 19
System.err:     Frame: function:'NativeScriptActivity.onCreate', file:'file:///data/data/test.vue.routersample/files/app/tns_modules/tns-core-modules/ui/frame/activity.js', line: 20, column: 25
System.err:     at com.tns.Runtime.callJSMethodNative(Native Method)
System.err:     at com.tns.Runtime.dispatchCallJSMethodNative(Runtime.java:1084)
System.err:     at com.tns.Runtime.callJSMethodImpl(Runtime.java:966)
System.err:     at com.tns.Runtime.callJSMethod(Runtime.java:953)
System.err:     at com.tns.Runtime.callJSMethod(Runtime.java:937)
System.err:     at com.tns.Runtime.callJSMethod(Runtime.java:929)
System.err:     at com.tns.NativeScriptActivity.onCreate(NativeScriptActivity.java:13)
System.err:     at android.app.Activity.performCreate(Activity.java:5231)
System.err:     at android.app.Instrumentation.callActivityOnCreate(Instrumentation.java:1087)
System.err:     at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2148)
System.err:     ... 11 more

I comment in nativescript-vue in function setAttribute
lines

 } else if (key === 'text') {
        this.nativeView[key] = he_1(value);

and the error left

Add support to navigate to different pages

Add a way to navigate to different pages.

Example syntax:

const OtherView= require('./views/OtherView')
this.$document.navigateTo(OtherView)

trouble getting sample app to work

am trying to get the sample app to work and running into these issues:

am on mac, latest sierra, running directly from the mac's OS
npm 5.0.4
node 8.1.3
nativescript 3.1

git clone https://github.com/rigor789/nativescript-vue.git
cd nativescript-vue

~/nativescript-vue/npm i
~/nativescript-vue/npm link

cd samples
~/nativescript-vue/samples/npm link nativescript-vue
~/nativescript-vue/samples/tns run android --syncAllFiles

I do this with my genymotion opened and my Google Pixel 7.1.0 emulator launched and ready

It goes through a long build process, downloading gradle etc.. but then it always fails with these messages (see at bottom):

Support for Node.js 8.1.3 is not verified. This CLI might not install or run properly.

Searching for devices...

> [email protected] postinstall /nativescript-vue/samples/node_modules/nativescript-dev-android-snapshot
> node postinstall.js

Hook already installed: nativescript-dev-android-snapshot
Hook already installed: nativescript-dev-android-snapshot
npm
 WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/wrappy):
npm WARN enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, rename '/nativescript-vue/samples/node_modules/nativescript-vue/node_modules/wrappy' -> '/nativescript-vue/samples/node_modules/wrappy'

npm
 WARN
optional
 SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/to-fast-properties):
npm WARN enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, rename '/nativescript-vue/samples/node_modules/nativescript-vue/node_modules/to-fast-properties' -> '/nativescript-vue/samples/node_modules/to-fast-properties'
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/supports-color):
npm
WARN enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, rename '/nativescript-vue/samples/node_modules/nativescript-vue/node_modules/supports-color' -> '/nativescript-vue/samples/node_modules/supports-color'
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/strip-ansi):
npm WARN enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, rename '/nativescript-vue/samples/node_modules/nativescript-vue/node_modules/strip-ansi' -> '/nativescript-vue/samples/node_modules/strip-ansi'
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/semver):
npm WARN enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, rename '/nativescript-vue/samples/node_modules/nativescript-vue/node_modules/semver' -> '/nativescript-vue/samples/node_modules/semver'
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/regenerator-runtime):
npm WARN enoent
 SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, rename '/nativescript-vue/samples/node_modules/nativescript-vue/node_modules/regenerator-runtime' -> '/nativescript-vue/samples/node_modules/regenerator-runtime'
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/path-is-absolute):
npm WARN enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, rename '/nativescript-vue/samples/node_modules/nativescript-vue/node_modules/path-is-absolute' -> '/nativescript-vue/samples/node_modules/path-is-absolute'
npm
 WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/once):
npm WARN enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, rename '/nativescript-vue/samples/node_modules/nativescript-vue/node_modules/once' -> '/nativescript-vue/samples/node_modules/once'
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/ms):
npm WARN enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, rename '/nativescript-vue/samples/node_modules/nativescript-vue/node_modules/ms' -> '/nativescript-vue/samples/node_modules/ms'
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/mkdirp):
npm WARN enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, rename '/nativescript-vue/samples/node_modules/nativescript-vue/node_modules/mkdirp' -> '/nativescript-vue/samples/node_modules/mkdirp'

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/minimist):
npm
WARN

enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, rename '/nativescript-vue/samples/node_modules/nativescript-vue/node_modules/minimist' -> '/nativescript-vue/samples/node_modules/minimist'

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/minimatch):

npm WARN
 enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, rename '/nativescript-vue/samples/node_modules/nativescript-vue/node_modules/minimatch' -> '/nativescript-vue/samples/node_modules/minimatch'

npm
 WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/loose-envify):

npm WARN enoent
 SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, rename '/nativescript-vue/samples/node_modules/nativescript-vue/node_modules/loose-envify' -> '/nativescript-vue/samples/node_modules/loose-envify'

npm WARN
optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/lodash):
npm
WARN enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, rename '/nativescript-vue/samples/node_modules/nativescript-vue/node_modules/lodash' -> '/nativescript-vue/samples/node_modules/lodash'
npm WARN
optional
 SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/invariant):
npm WARN enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, rename '/nativescript-vue/samples/node_modules/nativescript-vue/node_modules/invariant' -> '/nativescript-vue/samples/node_modules/invariant'

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/inherits):
npm WARN enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, rename '/nativescript-vue/samples/node_modules/nativescript-vue/node_modules/inherits' -> '/nativescript-vue/samples/node_modules/inherits'
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/inflight):
npm WARN enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, rename '/nativescript-vue/samples/node_modules/nativescript-vue/node_modules/inflight' -> '/nativescript-vue/samples/node_modules/inflight'
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/has-ansi):
npm WARN enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, rename '/nativescript-vue/samples/node_modules/nativescript-vue/node_modules/has-ansi' -> '/nativescript-vue/samples/node_modules/has-ansi'
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/globals):
npm WARN enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, rename '/nativescript-vue/samples/node_modules/nativescript-vue/node_modules/globals' -> '/nativescript-vue/samples/node_modules/globals'
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/esutils):
npm WARN enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, rename '/nativescript-vue/samples/node_modules/nativescript-vue/node_modules/esutils' -> '/nativescript-vue/samples/node_modules/esutils'
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/escape-string-regexp):
npm WARN enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, rename '/nativescript-vue/samples/node_modules/nativescript-vue/node_modules/escape-string-regexp' -> '/nativescript-vue/samples/node_modules/escape-string-regexp'
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/debug):
npm WARN enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, rename '/nativescript-vue/samples/node_modules/nativescript-vue/node_modules/debug' -> '/nativescript-vue/samples/node_modules/debug'
npm WARN

optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/core-js):
npm WARN enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, rename '/nativescript-vue/samples/node_modules/nativescript-vue/node_modules/core-js' -> '/nativescript-vue/samples/node_modules/core-js'
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/concat-map):
npm WARN enoent
 SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, rename '/nativescript-vue/samples/node_modules/nativescript-vue/node_modules/concat-map' -> '/nativescript-vue/samples/node_modules/concat-map'

npm
 WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/chalk):

npm WARN enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, rename '/nativescript-vue/samples/node_modules/nativescript-vue/node_modules/chalk' -> '/nativescript-vue/samples/node_modules/chalk'

npm WARN
optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/brace-expansion):
npm WARN enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, rename '/nativescript-vue/samples/node_modules/nativescript-vue/node_modules/brace-expansion' -> '/nativescript-vue/samples/node_modules/brace-expansion'

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/balanced-match):
npm WARN enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, rename '/nativescript-vue/samples/node_modules/nativescript-vue/node_modules/balanced-match' -> '/nativescript-vue/samples/node_modules/balanced-match'
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/babel-runtime):
npm WARN enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, rename '/nativescript-vue/samples/node_modules/nativescript-vue/node_modules/babel-runtime' -> '/nativescript-vue/samples/node_modules/babel-runtime'

npm

WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/babel-messages):
npm WARN
 enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, rename '/nativescript-vue/samples/node_modules/nativescript-vue/node_modules/babel-messages' -> '/nativescript-vue/samples/node_modules/babel-messages'

npm
 WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/babel-code-frame):

npm WARN
 enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, rename '/nativescript-vue/samples/node_modules/nativescript-vue/node_modules/babel-code-frame' -> '/nativescript-vue/samples/node_modules/babel-code-frame'

npm
 WARN
 optional
 SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/ansi-styles):
npm
WARN enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, rename '/nativescript-vue/samples/node_modules/nativescript-vue/node_modules/ansi-styles' -> '/nativescript-vue/samples/node_modules/ansi-styles'

npm

WARN
optional
 SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/ansi-regex):
npm
WARN enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, rename '/nativescript-vue/samples/node_modules/nativescript-vue/node_modules/ansi-regex' -> '/nativescript-vue/samples/node_modules/ansi-regex'



added 10 packages, removed 378 packages and moved 32 packages in 9.837s
added 32 packages and removed 1 package in 1.708s
Copying template files...
Installing  tns-android
  ◝ Installing tns-android+ [email protected]
added 1 package in 1.164s
Project successfully created.
Executing before-prepare hook from /nativescript-vue/samples/hooks/before-prepare/nativescript-dev-android-snapshot.js
Preparing project...
Project successfully prepared (Android)
Executing after-prepare hook from /nativescript-vue/samples/hooks/after-prepare/nativescript-dev-android-snapshot.js
Building project...

:config phase:  createDefaultIncludeFiles

:config phase:  addAarDependencies
The JavaCompile.setDependencyCacheDir() method has been deprecated and is scheduled to be removed in Gradle 4.0.
The TaskInputs.source(Object) method has been deprecated and is scheduled to be removed in Gradle 4.0. Please use TaskInputs.file(Object).skipWhenEmpty() instead.
Incremental java compilation is an incubating feature.
The Task.leftShift(Closure) method has been deprecated and is scheduled to be removed in Gradle 5.0. Please use Task.doLast(Action) instead.
        at build_6j22f0t661b1fo66alxcy5wbl.run(/nativescript-vue/samples/platforms/android/build-tools/android-static-binding-generator/build.gradle:126)
:preBuild UP-TO-DATE
:preDebugBuild UP-TO-DATE
:checkDebugManifest
:preReleaseBuild UP-TO-DATE
:prepareComAndroidSupportAnimatedVectorDrawable2510Library
:prepareComAndroidSupportAppcompatV72510Library
:prepareComAndroidSupportDesign2510Library
:prepareComAndroidSupportRecyclerviewV72510Library
:prepareComAndroidSupportSupportCompat2510Library
:prepareComAndroidSupportSupportCoreUi2510Library
:prepareComAndroidSupportSupportCoreUtils2510Library
:prepareComAndroidSupportSupportFragment2510Library
:prepareComAndroidSupportSupportMediaCompat2510Library
:prepareComAndroidSupportSupportV42510Library
:prepareComAndroidSupportSupportVectorDrawable2510Library
:prepareComAndroidSupportTransition2510Library
:prepareVuesampleRuntimeUnspecifiedLibrary
:prepareDebugDependencies
:compileDebugAidl
:compileDebugRenderscript
:generateDebugBuildConfig
:cleanLocalAarFiles UP-TO-DATE
:ensureMetadataOutDir UP-TO-DATE
:collectAllJars
:setProperties
:generateTypescriptDefinitions SKIPPED
:copyTypings SKIPPED
:asbg:generateInterfaceNamesList
:asbg:traverseJsFiles
:asbg:runAstParser
Running full build
gave the following error:
[ERROR] module.js:487
    throw err;
    ^

Error: Cannot find module 'js-tokens'
    at Function.Module._resolveFilename (module.js:485:15)
    at Function.Module._load (module.js:437:25)
    at Module.require (module.js:513:17)
    at require (internal/module.js:11:18)
    at Object.<anonymous> (/nativescript-vue/samples/node_modules/babel-code-frame/lib/index.js:58:17)
    at Module._compile (module.js:569:30)
    at Object.Module._extensions..js (module.js:580:10)
    at Module.load (module.js:503:32)
    at tryModuleLoad (module.js:466:12)
    at Function.Module._load (module.js:458:3)

:asbg:generateBindings
Exception in thread "main" java.io.FileNotFoundException: /nativescript-vue/samples/platforms/android/build-tools/android-static-binding-generator/bindings.txt (No such file or directory)
        at java.io.FileInputStream.open0(Native Method)
        at java.io.FileInputStream.open(FileInputStream.java:195)
        at java.io.FileInputStream.<init>(FileInputStream.java:138)
        at java.io.FileInputStream.<init>(FileInputStream.java:93)
        at org.nativescript.staticbindinggenerator.Generator.getRows(Generator.java:123)
        at org.nativescript.staticbindinggenerator.Generator.generateBindings(Generator.java:66)
        at org.nativescript.staticbindinggenerator.Generator.writeBindings(Generator.java:50)
        at org.nativescript.staticbindinggenerator.Main.main(Main.java:15)
:asbg:generateBindings FAILED

FAILURE: Build failed with an exception.

* Where:
Build file '/nativescript-vue/samples/platforms/android/build-tools/android-static-binding-generator/build.gradle' line: 251

* What went wrong:
Execution failed for task ':asbg:generateBindings'.
> Process 'command '/Library/Java/JavaVirtualMachines/jdk1.8.0_131.jdk/Contents/Home/bin/java'' finished with non-zero exit value 1

* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.

BUILD FAILED

Total time: 5.08 secs
Unable to apply changes on device: 192.168.58.101:5555. Error is: Command ./gradlew failed with exit code 1.

Help would be much appreciated!

Implement ListView template

There is currently no way to specify item templates inside ListViews

Implement TabView component

I guess this should follow the same pattern with scoped slots as the ListView and ActionBar.

Vue as individual page

Is possible to use Vue in a page

app.js

require("./bundle-config");
var application = require("application");
application.start({ moduleName: "views/login/login" });

view/login/login.js
exports = new Vue({...})

something like this

ListView cannot access nested objects

I have this variable

data() {
            return {
                items: [
                    {
                        text: 'text 1',
                        user: {name: 'John', image:'res://user/1.png'}
                    },
                    {
                        text: 'text 2',
                        user: {name: 'Lucy', image:'res://user/2.png'}
                    },
                    {
                        text: 'text 3',
                        user: {name: 'Nick', image:'res://user/3.png'}
                    }
                ]
            }
        }

If I loop through it via v-for all is shown correctly

<label v-for="(item, index) in items" :text="item.user.name" ></label>

but if I do it via listview the item.text is shown correctly but item.user.name is undefined..

<list-view :items="items" class="list-group" :template-selector="templateSelector" separator-color="red" @itemTap="onItemTap" @loaded="onLoaded" @load-more-items="onLoadMoreItems">
    <template scope="item">

                <flexbox-layout class="line">
                    <label :text="item.text" ></label>
                    <label :text="item.user.name" ></label>
                </flexbox-layout>
        
    </template>
</list-view>`

here is full component source

<template>
    <flexbox-layout class="row">
        <flexbox-layout class="line">
            <label v-for="(item, index) in items" :text="item.user.name" ></label>
        </flexbox-layout>

        <flexbox-layout class="line">
            <list-view :items="items" class="list-group" :template-selector="templateSelector" separator-color="red" @itemTap="onItemTap" @loaded="onLoaded" @load-more-items="onLoadMoreItems">
                <template scope="item">

                            <flexbox-layout class="line">
                                <label :text="item.text" ></label>
                                <label :text="item.user.name" ></label>

                            </flexbox-layout>

                        
                </template>
            </list-view>
        </flexbox-layout>
    </flexbox-layout>

</template>

<script>


    export default {
        data() {
            return {
                items: [
                    {
                        text: 'text 1',
                        user: {name: 'John', image:'res://user/1.png'}
                    },
                    {
                        text: 'text 2',
                        user: {name: 'Lucy', image:'res://user/2.png'}
                    },
                    {
                        text: 'text 3',
                        user: {name: 'Nick', image:'res://user/3.png'}
                    }
                ]
            }
        },
        methods: {
            templateSelector() {
                return 'default'
            },
            onLoaded(e) {
                console.log('The list has been loaded')
            },

            onLoadMoreItems(e) {
                console.log('Loading more items')
            },
            onItemTap(e) {
                console.log('item tapped')
            }
        }
    }
</script>

<style scoped>

</style>

Segment Fault iOS 11 | Vue: 2.5.1 | NSVue: 0.1.17

I am not sure where to report this issue but the core issue is coming from VueJS:
https://github.com/vuejs/vue/blob/471de4a31d229e681cc9dce18632b5bcab944c77/src/core/util/options.js#L201

2017-10-14 06:09:24.970652-0700 MyApp[7694:118134] file:///app/tns_modules/nativescript-vue/dist/index.js:1425:90: JS ERROR SyntaxError: Cannot declare a const variable twice: 'key'.

file:///app/tns_modules/nativescript-vue/dist/index.js:1425:90: JS ERROR SyntaxError: Cannot declare a const variable twice: 'key'.

Looking at VueJS function it looks like its Vue's fault, not this library.

/**
 * Watchers.
 *
 * Watchers hashes should not overwrite one
 * another, so we merge them as arrays.
 */
strats.watch = function (
  parentVal,
  childVal,
  vm,
  key
) {
  // work around Firefox's Object.prototype.watch...
  if (parentVal === nativeWatch) parentVal = undefined;
  if (childVal === nativeWatch) childVal = undefined;
  /* istanbul ignore if */
  if (!childVal) return Object.create(parentVal || null)
  {
    assertObjectType(key, childVal, vm);
  }
  if (!parentVal) return childVal
  const ret = {};
  extend(ret, parentVal);
  for (const key in childVal) {
    let parent = ret[key];
    const child = childVal[key];
    if (parent && !Array.isArray(parent)) {
      parent = [parent];
    }
    ret[key] = parent
      ? parent.concat(child)
      : Array.isArray(child) ? child : [child];
  }
  return ret
};

Basically, the variable key exists due to be declared as a function parameter and yet it's trying to be created in the for loop for (const key in childVal) {

-- Edit

Looks like when VueJS is compiled the issue is mitigated:

/**
 * Watchers.
 *
 * Watchers hashes should not overwrite one
 * another, so we merge them as arrays.
 */
strats.watch = function (
  parentVal,
  childVal,
  vm,
  key
) {
  // work around Firefox's Object.prototype.watch...
  if (parentVal === nativeWatch) { parentVal = undefined; }
  if (childVal === nativeWatch) { childVal = undefined; }
  /* istanbul ignore if */
  if (!childVal) { return Object.create(parentVal || null) }
  {
    assertObjectType(key, childVal, vm);
  }
  if (!parentVal) { return childVal }
  var ret = {};
  extend(ret, parentVal);
  for (var key$1 in childVal) {
    var parent = ret[key$1];
    var child = childVal[key$1];
    if (parent && !Array.isArray(parent)) {
      parent = [parent];
    }
    ret[key$1] = parent
      ? parent.concat(child)
      : Array.isArray(child) ? child : [child];
  }
  return ret
};

For whatever reason, key is renamed to key$1.

Automate the release process, to stay consistent across releases

We would like to stay consistent across releases, thus we need some tooling to make releasing the project easier.

The current best option is https://github.com/webpro/release-it

We would like to keep the master branch as the most recent / development branch but keep the dist folder the latest actual release. (This is how vuejs/vue does it too)

To do that, we need to .gitignore the dist folders contents, and when doing a release, force add them (https://stackoverflow.com/a/8006450)

Add support for event handlers

There is currently no way to attach event listeners to elements, we should implement it!

Should be implemented in a similar fashion to how weex does it:
https://github.com/vuejs/vue/blob/dev/src/platforms/weex/runtime/modules/events.js

Vuex ???

Does it have a support for Vuex and how do you implement it, Im running into errors when Im trying to implment it ????

Implement class module in runtime / compiler

Implementation can probably be based on https://github.com/vuejs/vue/blob/dev/src/platforms/weex/runtime/modules/class.js
for the runtime, and
https://github.com/vuejs/vue/blob/dev/src/platforms/weex/compiler/modules/class.js
for the compiler

When can we expect production ready version

I have been expecting a nativescript for vuejs in a very long time, so thank you for making this. But it would be nice to know when there will be a release candidate

Using nativescript-vue with render functions/JSX

I'm interested in using this (and probably contributing), but I'm having a hard time finding where exactly the nativescript components are wrapped in Vue components.

I'm seeing that element-registry adds Nativescript components to a map with tag name keys (eg stack-layout -> ui/layouts/stack-layout).

However, I can't find how/where I could get a direct reference to the Vue versions of these components, so I can use the Vue 2+ render function with JSX syntax:

import {Page, ScrollView, StackLayout} from 'vue-nativescript/exported-native-components'

const App = new Vue({
  render: (h) {
    return <Page>
      <ScrollView>
        <StackLayout>
          some content..
        </StackLayout>
      </ScrollView> 
    </Page>
  }
})

Would it be possible to add these exports? I'd love to open a PR, but I'm not sure where atm.

I don't know where exactly in the codebase the Vue compiler is told "hey, these new Nativescript components exist with these tag-names".

Make the code consistent, by using a linter

Not sure if it's technically a linter, but I would like to add https://github.com/prettier/prettier
to make sure our codebase is as consistent as it can be.

I'm open to other suggestions too, but ideally I want to make it so everyone writes the code as they like, and then a before-commit hook reformats it to the repo standard.

Error XY(z) is not a valid View instance.

When adding some elements to the Page, an error is thrown:

Error GridLayout(4) is not a valid View instance.
      ^          ^ _domId (from {N})
      element name

The error is thrown from view-base in {N}

if (!(view instanceof ViewBase)) {
    throw new Error(view + " is not a valid View instance.");
}

source

Elements are required at runtime, so there's really no reason for this to fail:

https://github.com/rigor789/nativescript-vue/blob/master/nativescript-vue/platform/nativescript/element-registry.js#L67-L101

First thought was that somehow the elements got bundled by rollup, but it's definitely not the case, everything require'd from tns-core-modules is treated as an external dependency, and left as-is in the bundle.

tab-view selectedIndex should be selectedTab

In sample samples/app/app-with-tab-view.js

<tab-view :selectedIndex="selectedTab">

But in file platform/nativescript/runtime/components/tab-view.js has prop selectedTab

export default {
  name: 'tab-view',

  props: ['selectedTab'],

I try to change two-way binding but it's not work

export default {
  name: 'tab-view',
  model: {
    prop: 'selectedTab',
    event: 'selectedTabChanged',
  },
  props: ['selectedTab'],

  template: `<native-tab-view ref="tabView" v-model="selectedIndex"><slot></slot></native-tab-view>`,

  data() {
    return {
      selectedIndex: 0
    }
  },

  watch: {
    selectedTab(index) {
      this.selectedIndex = index
    },
    selectedIndex(index) {
      this.$emit('selectedTabChanged', index)
    },
  },

  methods: {
    registerTab(tabView) {
      let items = this.$refs.tabView.nativeView.items || []

      this.$refs.tabView.setAttribute('items', items.concat([tabView]))
    }
  }
}

NOT WORK

<tab-view v-model="curTabIndex"></tab-view>

WORK

<tab-view :selectedTab="curTabIndex" @selectedTabChanged="idx => curTabIndex = idx"></tab-view>

Add support to open modal pages

Related to #18

Add support for showing components in a modal.

Also allow passing in data.

Review v-model directive.

The initial v-model code registers listeners for all possible value types, that should probably be refactored to only register the ones that are actually needed by the element.

For example
<text-field v-model="test"></text-field>
Needs to set the text prop to the value of test, and listen for textChange event.

But
<slider v-model="test2"></slider >
Needs to set the value prop to the value of test2, and listen for valueChange event.

Etc.

router-page: the first transition is not caught for the Android button back

I used <router-page>. ("nativescript-vue": "^0.1.10",)
On Android the hardware button works back only after the second transition, for navigation used $router.push

iOS: ver 0.1.22: the event "destroyed" does not fired

After a call of $navigateBack event destroyed at a component is not caused.
Event mounted worked.

It (both event) works at Android.

Bug when re-opening the android app with the app icon.

Steps to reproduce:

If you open an app
Close it with the Android back physical button
Open it again through the app icon

Expected

The app opens normaly

Result

You get the error:

This error happened with both the Groceries Vue app and the ui-tests app.

ActionBar Custom Title View not supported

Below link says that the ActionBar can have a custom title view. If I use it with nativescript-vue the StackLayout within the ActionBar is ignored and the text tag is pulled

https://docs.nativescript.org/ui/action-bar#using-a-custom-title-view

Change Tracking Not Working inside list-view

It seems that changing the items set to a list view will not cause re-render.
Here is a sample comparing list-view vs. v-for:

const Vue = require('nativescript-vue/dist/index')
new Vue({
    data: {
        items: [
            { value: "first value" },
            { value: "second value" }
        ]
    },

    template: `
        <page>
            <grid-layout columns="* *" rows="* auto">
                <stack-layout>
                    <label v-for="item in items" key="item.id" :text="item.value"></label>
                </stack-layout>

                <list-view :items="items" col="1">
                    <template scope="item">
                         <label :text="item.value"></label>
                    </template>
                </list-view>

                <button text="update" @tap="update()" row="1" colSpan="2"></button>
            </grid-layout>
        </page>
    `,

    methods: {
        update() {
            this.items.forEach(function(item) {
                item.value += "!";
            });
        }
    }
}).$start()

The update method will not cause an update in the list view:

The reason for this behavior is probably that the item passed to the list view template is actually a copy of the original item. This also means that changing the copy of the item from inside the list view template, will not affect the original item.

Any thoughts on how what is the right behavior or if VueJS suggests some other approach at all?

Don't wrap Views in custom objects

Right now, views are wrapped in custom classes, which makes certain things harder, such as parent / sibling tracking!

Either use Views directly, or change implementation to rely on {N} view's information!

Don't bundle Vue with nativescript-vue

We should not bundle Vue with nativescript-vue, and use the version installed in the {N} app.

Vue uses aliases internally, which fail when required directly, a possible solution would be to bundle on the app side via a hook.

Even though it's not recommended by Vue to use internal parts, seems like we have to use them, since some functions / utils / parts are not exported in the bundled Vue files.

Action bar title is not shown on iOS

code:

const Vue = require("./nativescript-vue");

new Vue({
  template: `
    <page>
           <action-bar title="title">
            </action-bar>
            <label text="Label"></label>
    </page>
  `,

}).$start();

Actual: The action bar title is not shown on iOS
Expected: The action bar title to be shown on iOS

Comment: It works on 0.1.10 verion. It works on Android all version i have tested.

npm run dev doesn't work on windows

Ok, I have installed the everything including nativescript and tns doctor shows me the 'no issues detected' message. Hence, as per the guide on the readme I followed these steps

git clone https://github.com/rigor789/nativescript-vue
cd nativescript-vue
npm install 
npm run dev

All the commands worked just fine until the last one, and this is the error I get when I run it.

$ npm run dev

[email protected] dev C:\users\samayo\vue-apps\nativescript-vue
rollup -c -w --o samples/app/nativescript-vue.js

bundling...
Error: Could not load C:\users\samayo\vue-apps\nativescript-vue\node_modules\vue\src\core//util/index (imported by C:\users\samayo\vue-apps\nativescript-vue\platform\nativescript\runtime\index.js): ENOENT: no such file or directory, open 'C:\users\samayo\vue-apps\nativescript-vue\node_modules\vue\src\core\util\index'

I think this is related to windows, since I see some path conflict in the error: ..src\core//util/index so, I tried to remove the library that is causing the issue in \nativescript\runtime\index.js

import { start } from 'application'
import { warn } from 'core/util/index'
import { patch } from './patch'

When I removed the second import, the error shows up again, this time with "can not load ./patch"

So, this error is related to import and paths and I can't find a fix for it.

<page> works; <Page> doesn’t

I was testing out @EddyVerbruggen’s changes that add ActionBar support, which work great btw, and I noticed one small thing.

This works: (<page>)

const Vue = require("nativescript-vue");

new Vue({
  template: `
    <page>
      <ActionBar title="❤️ Vue ❤️"></ActionBar>
      <StackLayout></StackLayout>
    </page>
  `
}).$start();

This doesn’t: (<Page>)

const Vue = require("nativescript-vue");

new Vue({
  template: `
    <Page>
      <ActionBar title="❤️ Vue ❤️"></ActionBar>
      <StackLayout></StackLayout>
    </Page>
  `
}).$start();

In NativeScript we support both so both should work here. Personally I prefer uppercase tag names. Not sure if this is related to the ActionBar commit or not.

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.