Merge pull request #60 from NativeScript/release/1.0.0-alpha.3

feat: 1.0.0-alpha.3

Author: triniwiz

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"
   }
 }