chore: added ui-svg to the monorepo

Author: farfromrefug

demo-snippets/assets/svgs/Ghostscript_Tiger.svg

@@ -0,0 +1,47 @@
+<template>
+    <Page>
+        <ActionBar title="Image Demo" />
+
+        <GridLayout rows="auto,*">
+            <SVGView blendingMode="lighten" height="30%" src="~/assets/svgs/Ghostscript_Tiger.svg" stretch="aspectFit" backgroundColor="transparent" @tap="onTap"/>
+            <CollectionView row="1" rowHeight="180" ref="listView" :items="itemList" @itemTap="onItemTap" itemIdGenerator="index">
+                <v-template>
+                    <GridLayout>
+                        <CanvasSVG @tap="refreshCanvas">
+                            <Rectangle left="0" width="50" height="100%" color="red" horizontalAlignment="left" />
+
+                            <Line id="line" :antiAlias="true" color="yellow" startX="10%" startY="34%" stopX="90%" stopY="90%" strokeCap="round" strokeJoin="round" strokeWidth="4" dash="1 10 0" />
+                            <CSVG cache="false" horizontalAlignment="center" src="~/assets/svgs/MenuButton.svg" width="10" height="30" stretch="aspectFit" />
+                            <CSVG horizontalAlignment="left" src="~/assets/svgs/ShareButton.svg" height="100%" stretch="aspectFit" />
+                        </CanvasSVG>
+                    </GridLayout>
+                </v-template>
+            </CollectionView>
+        </GridLayout>
+    </Page>
+</template>
+
+<script lang="ts">
+import { CanvasView } from '@nativescript-community/ui-canvas';
+import Vue from 'nativescript-vue';
+import { Component } from 'vue-property-decorator';
+
+@Component
+export default class Image extends Vue {
+    itemList=new Array(1000).fill(null).map((v, i) => ({
+            index: i,
+        }))
+        refreshCanvas(event) {
+            (event.object as CanvasView).redraw();
+        }
+        onItemTap({ index, item }) {
+            console.log(`Tapped on ${index} ${item.title}`);
+        }
+        onTap(e) {
+            e.object.src = '~/assets/svgs/MenuButton.svg'
+        }
+        logEvent(e) {
+            console.log('logEvent', e.eventName, e.extraData);
+        }
+}
+</script>

demo-snippets/assets/svgs/MenuButton.svg

@@ -4,6 +4,7 @@ import Animation from './Animation.vue';
 import Shapes from './Shapes.vue';
 import Image from './Image.vue';
 import Complex from './Complex.vue';
+import SVG from './SVG.vue';
 import CanvasPlugin from '@nativescript-community/ui-canvas/vue';
 
 export function installPlugin() {
@@ -15,5 +16,6 @@ export const demos = [
     { name: 'Animation', path: 'Animation', component: Animation },
     { name: 'Shapes', path: 'Shapes', component: Shapes },
     { name: 'Image', path: 'Image', component: Image },
-    { name: 'Complex', path: 'Complex', component: Complex }
+    { name: 'Complex', path: 'Complex', component: Complex },
+    { name: 'SVG', path: 'SVG', component: SVG }
 ];

demo-snippets/assets/svgs/ShareButton.svg

@@ -19,7 +19,7 @@
         "plugin.watch.android": "npm i && npm-watch build.android",
         "plugin.watch.ios": "npm i && npm-watch build.ios",
         "plugin.watch": "npm run plugin.watch.tsc & npm run plugin.watch.android & npm run plugin.watch.ios",
-        "publish": "npm run clean && npm run build.all && npm run readme && npm run doc && lerna publish --no-private --create-release=github --force-publish",
+        "publish": "npm run clean && npm run build.all && npm run readme && npm run doc && lerna publish",
         "sync": "node ./tools/sync.js",
         "commitmsg": "commitlint -e $GIT_PARAMS",
         "build.all": "npm run build",
@@ -37,7 +37,8 @@
     "devDependencies": {
         "@nativescript-community/arraybuffers": "1.1.1",
         "@nativescript-community/plugin-seed-tools": "file:tools",
-        "@nativescript-community/template-snippet": "file:demo-snippets"
+        "@nativescript-community/template-snippet": "file:demo-snippets",
+        "@nativescript-community/text": "^1.5.11"
     },
     "repository": {
         "type": "git",