feat: 1.0.0-alpha.3

CanvasNative.podspec

@@ -2,7 +2,7 @@ Pod::Spec.new do |s|
 
     s.name         = "CanvasNative"
 
-    s.version      = "1.0.0-alpha.2"
+    s.version      = "1.0.0-alpha.3"
 
     s.summary      = "A Canvas library"
 

apps/demo-vue/app/plugin-demos/canvas-babylon.vue

@@ -0,0 +1,34 @@
+<template>
+  <Page>
+    <ActionBar>
+      <Label text="canvas-babylon"/>
+    </ActionBar>
+
+    <GridLayout>
+      <Button class="info" :text="message"/>
+    </GridLayout>
+  </Page>
+</template>
+
+<script lang="ts">
+  import Vue from "nativescript-vue";
+  import { DemoSharedCanvasBabylon } from '@demo/shared';
+  import { } from '@nativescript/canvas-babylon';
+
+  export default Vue.extend({
+    computed: {
+      message() {
+        return "Test canvas-babylon";
+      }
+    }
+  });
+</script>
+
+<style scoped lang="scss">
+
+  .info {
+    font-size: 20;
+    horizontal-align: center;
+    vertical-align: center;
+  }
+</style>

apps/demo-vue/app/plugin-demos/canvas-media.vue

@@ -0,0 +1,34 @@
+<template>
+  <Page>
+    <ActionBar>
+      <Label text="canvas-media"/>
+    </ActionBar>
+
+    <GridLayout>
+      <Button class="info" :text="message"/>
+    </GridLayout>
+  </Page>
+</template>
+
+<script lang="ts">
+  import Vue from "nativescript-vue";
+  import { DemoSharedCanvasMedia } from '@demo/shared';
+  import { } from '@nativescript/canvas-media';
+
+  export default Vue.extend({
+    computed: {
+      message() {
+        return "Test canvas-media";
+      }
+    }
+  });
+</script>
+
+<style scoped lang="scss">
+
+  .info {
+    font-size: 20;
+    horizontal-align: center;
+    vertical-align: center;
+  }
+</style>

apps/demo-vue/app/plugin-demos/canvas-phaser-ce.vue

@@ -0,0 +1,34 @@
+<template>
+  <Page>
+    <ActionBar>
+      <Label text="canvas-phaser-ce"/>
+    </ActionBar>
+
+    <GridLayout>
+      <Button class="info" :text="message"/>
+    </GridLayout>
+  </Page>
+</template>
+
+<script lang="ts">
+  import Vue from "nativescript-vue";
+  import { DemoSharedCanvasPhaserCe } from '@demo/shared';
+  import { } from '@nativescript/canvas-phaser-ce';
+
+  export default Vue.extend({
+    computed: {
+      message() {
+        return "Test canvas-phaser-ce";
+      }
+    }
+  });
+</script>
+
+<style scoped lang="scss">
+
+  .info {
+    font-size: 20;
+    horizontal-align: center;
+    vertical-align: center;
+  }
+</style>

apps/demo-vue/app/plugin-demos/canvas-phaser.vue

@@ -0,0 +1,34 @@
+<template>
+  <Page>
+    <ActionBar>
+      <Label text="canvas-phaser"/>
+    </ActionBar>
+
+    <GridLayout>
+      <Button class="info" :text="message"/>
+    </GridLayout>
+  </Page>
+</template>
+
+<script lang="ts">
+  import Vue from "nativescript-vue";
+  import { DemoSharedCanvasPhaser } from '@demo/shared';
+  import { } from '@nativescript/canvas-phaser';
+
+  export default Vue.extend({
+    computed: {
+      message() {
+        return "Test canvas-phaser";
+      }
+    }
+  });
+</script>
+
+<style scoped lang="scss">
+
+  .info {
+    font-size: 20;
+    horizontal-align: center;
+    vertical-align: center;
+  }
+</style>

apps/demo-vue/app/plugin-demos/canvas-pixi.vue

@@ -0,0 +1,34 @@
+<template>
+  <Page>
+    <ActionBar>
+      <Label text="canvas-pixi"/>
+    </ActionBar>
+
+    <GridLayout>
+      <Button class="info" :text="message"/>
+    </GridLayout>
+  </Page>
+</template>
+
+<script lang="ts">
+  import Vue from "nativescript-vue";
+  import { DemoSharedCanvasPixi } from '@demo/shared';
+  import { } from '@nativescript/canvas-pixi';
+
+  export default Vue.extend({
+    computed: {
+      message() {
+        return "Test canvas-pixi";
+      }
+    }
+  });
+</script>
+
+<style scoped lang="scss">
+
+  .info {
+    font-size: 20;
+    horizontal-align: center;
+    vertical-align: center;
+  }
+</style>

apps/demo-vue/app/plugin-demos/canvas-polyfill.vue

@@ -0,0 +1,34 @@
+<template>
+  <Page>
+    <ActionBar>
+      <Label text="canvas-polyfill"/>
+    </ActionBar>
+
+    <GridLayout>
+      <Button class="info" :text="message"/>
+    </GridLayout>
+  </Page>
+</template>
+
+<script lang="ts">
+  import Vue from "nativescript-vue";
+  import { DemoSharedCanvasPolyfill } from '@demo/shared';
+  import { } from '@nativescript/canvas-polyfill';
+
+  export default Vue.extend({
+    computed: {
+      message() {
+        return "Test canvas-polyfill";
+      }
+    }
+  });
+</script>
+
+<style scoped lang="scss">
+
+  .info {
+    font-size: 20;
+    horizontal-align: center;
+    vertical-align: center;
+  }
+</style>

apps/demo-vue/app/plugin-demos/canvas-three.vue

@@ -0,0 +1,34 @@
+<template>
+  <Page>
+    <ActionBar>
+      <Label text="canvas-three"/>
+    </ActionBar>
+
+    <GridLayout>
+      <Button class="info" :text="message"/>
+    </GridLayout>
+  </Page>
+</template>
+
+<script lang="ts">
+  import Vue from "nativescript-vue";
+  import { DemoSharedCanvasThree } from '@demo/shared';
+  import { } from '@nativescript/canvas-three';
+
+  export default Vue.extend({
+    computed: {
+      message() {
+        return "Test canvas-three";
+      }
+    }
+  });
+</script>
+
+<style scoped lang="scss">
+
+  .info {
+    font-size: 20;
+    horizontal-align: center;
+    vertical-align: center;
+  }
+</style>

apps/demo-vue/app/plugin-demos/canvas.vue

@@ -0,0 +1,34 @@
+<template>
+  <Page>
+    <ActionBar>
+      <Label text="canvas"/>
+    </ActionBar>
+
+    <GridLayout>
+      <Button class="info" :text="message"/>
+    </GridLayout>
+  </Page>
+</template>
+
+<script lang="ts">
+  import Vue from "nativescript-vue";
+  import { DemoSharedCanvas } from '@demo/shared';
+  import { } from '@nativescript/canvas';
+
+  export default Vue.extend({
+    computed: {
+      message() {
+        return "Test canvas";
+      }
+    }
+  });
+</script>
+
+<style scoped lang="scss">
+
+  .info {
+    font-size: 20;
+    horizontal-align: center;
+    vertical-align: center;
+  }
+</style>

apps/demo/package.json

@@ -13,6 +13,7 @@
     "@nativescript/canvas-polyfill": "file:../../packages/canvas-polyfill",
     "@nativescript/canvas-three": "file:../../packages/canvas-three",
     "@nativescript/core": "file:../../node_modules/@nativescript/core",
+    "@nativescript/webpack": "^5.0.0",
     "babylonjs": "file:../../node_modules/babylonjs",
     "babylonjs-materials": "file:../../node_modules/babylonjs-materials",
     "chart.js": "file:../../node_modules/chart.js",
@@ -27,7 +28,7 @@
     "zen-3d": "file:../../node_modules/zen-3d"
   },
   "devDependencies": {
-    "@nativescript/android": "8.0.0",
+    "@nativescript/android": "8.2.0-alpha.2",
     "@nativescript/ios": "8.0.0"
   }
 }

apps/demo/src/main-page.xml

@@ -1,4 +1,4 @@
-<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="navigatingTo" class="page">
+<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="navigatingTo">
   <Page.actionBar>
     <ActionBar title="Plugin Demos" icon="" class="action-bar"/>
   </Page.actionBar>

package.json

@@ -27,10 +27,10 @@
     "@angular/router": "^12.0.0",
     "@nativescript-community/gesturehandler": "^0.1.45",
     "@nativescript/angular": "^12.0.0",
-    "@nativescript/core": "^8.0.0",
+    "@nativescript/core": "~8.1.0",
     "@nativescript/plugin-tools": "2.1.0",
     "@nativescript/types": "^8.0.0",
-    "@nativescript/webpack": "beta",
+    "@nativescript/webpack": "~5.0.0",
     "@ngtools/webpack": "^12.0.0",
     "babylonjs": "^4.1.0",
     "babylonjs-materials": "^4.1.0",
@@ -57,7 +57,7 @@
     "rxjs": "~6.6.0",
     "svelte-native": "^0.9.3",
     "three": "^0.123.0",
-    "typescript": "4.3.5",
+    "typescript": "~4.3.0",
     "vexflow": "^3.0.9",
     "xmldom": "~0.6.0",
     "zen-3d": "0.0.3",
@@ -68,4 +68,4 @@
       "npx prettier --write"
     ]
   }
-}
+}

packages/canvas-media/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nativescript/canvas-media",
-	"version": "0.11.0",
+	"version": "0.12.0",
 	"description": "Canvas media",
 	"main": "index",
 	"typings": "index.d.ts",

packages/canvas-media/platforms/android/include.gradle

@@ -5,7 +5,11 @@ android {
 	}
 }
 
+repositories {
+    google()
+}
+
 dependencies {
-    implementation 'com.google.android.exoplayer:exoplayer:2.13.2'
-    implementation 'com.google.android.exoplayer:exoplayer-ui:2.13.2'
+    implementation 'com.google.android.exoplayer:exoplayer:2.13.3'
+    implementation 'com.google.android.exoplayer:exoplayer-ui:2.13.3'
 }