Merge branch 'master' of github.com:nativescript-community/ui-canvas

Author: farfromrefug

packages/ui-canvas/blueprint.md

@@ -54,9 +54,30 @@ Vue.use(CanvasPlugin);
 <CanvasView  width="100" height="100" @draw="draw"/>
 ```
 
+## NativeScript + Svelte
+
+```ts
+// app/app.ts
+import { registerNativeViewElement } from 'svelte-native/dom';
+registerNativeViewElement('canvasView', () => require('@nativescript-community/ui-canvas').CanvasView);
+```
+
+```svelte
+<!-- app/components/Foo.svelte -->
+<stackLayout>
+    <canvasView width="300" height="300" on:draw={draw} />
+</stackLayout>
+```
+
 ## Draw Method 
-```typescript
+
+```ts
+import type { Canvas } from '@nativescript-community/ui-canvas';
+import { Paint, createRect } from '@nativescript-community/ui-canvas';
+import { Color } from '@nativescript/core';
+
 function draw(event: { canvas: Canvas }) {
+    const canvas = event.canvas;
     const paint = new Paint();
     paint.setColor(new Color('black'));
     paint.strokeWidth = 10;
@@ -78,4 +99,4 @@ function draw(event: { canvas: Canvas }) {
   - An example of animating a shape
 
 {{ load:../../tools/readme/demos-and-development.md }}
-{{ load:../../tools/readme/questions.md }}
+{{ load:../../tools/readme/questions.md }}

packages/ui-canvas/package.json

@@ -14,7 +14,7 @@
     "scripts": {
         "build": "npm run tsc",
         "build.all": "npm run build",
-        "build.angular": "ng-packagr -p ../../src/ui-canvas/angular/ng-package.json -c ../../src/ui-canvas/angular/tsconfig.json",
+        "build.angular": "ng-packagr -p ../../src/ui-canvas/angular/ng-package.json -c ../../src/ui-canvas/angular/tsconfig.json && rm angular/.npmignore",
         "readme": "readme generate -c ../../tools/readme/blueprint.json",
         "tsc": "cpy '**/*.d.ts' '../../packages/ui-canvas' --parents --cwd=../../src/ui-canvas && tsc -skipLibCheck -d",
         "clean": "rimraf ./*.d.ts ./*.js ./*.js.map"

packages/ui-canvaslabel/package.json

@@ -14,7 +14,7 @@
     "scripts": {
         "build": "npm run tsc",
         "build.all": "npm run build",
-        "build.angular": "ng-packagr -p ../../src/ui-canvaslabel/angular/ng-package.json -c ../../src/ui-canvaslabel/angular/tsconfig.json",
+        "build.angular": "ng-packagr -p ../../src/ui-canvaslabel/angular/ng-package.json -c ../../src/ui-canvaslabel/angular/tsconfig.json && rm angular/.npmignore",
         "readme": "readme generate -c ../../tools/readme/blueprint.json",
         "tsc": "cpy '**/*.d.ts' '../../packages/ui-canvaslabel' --parents --cwd=../../src/ui-canvaslabel && tsc -skipLibCheck -d",
         "clean": "rimraf ./*.d.ts ./*.js ./*.js.map"

packages/ui-svg/blueprint.md

@@ -14,6 +14,8 @@ Run the following command from the root of your project:
 
 For now only `vue` (and core) is supported.
 
+### NativeScript + Vue
+
 ```ts
 import CanvasSVG from '@nativescript-community/ui-svg/vue';
 Vue.use(CanvasSVG);
@@ -47,10 +49,23 @@ Or within and Canvas View extending `CanvasView` like `CanvasLabel`
 </CanvasSVG>
 ```
 
+### NativeScript + Svelte
+
+```ts
+// app/app.ts
+import { registerNativeViewElement } from 'svelte-native/dom';
+registerNativeViewElement('svgView', () => require('@nativescript-community/ui-svg').SVGView);
+```
+
+```svelte
+<!-- app/components/Foo.svelte -->
+<svgView src="~/assets/foo.svg" aspectFit="stretch" />
+```
+
 ### Examples:
 
 - [Basic](demo-snippets/vue/SVG.vue)
   - A basic SVG example
 
 {{ load:../../tools/readme/demos-and-development.md }}
-{{ load:../../tools/readme/questions.md }}
+{{ load:../../tools/readme/questions.md }}

packages/ui-svg/package.json

@@ -18,7 +18,7 @@
     "scripts": {
         "build": "npm run tsc",
         "build.all": "npm run build",
-        "build.angular": "ng-packagr -p ../../src/ui-svg/angular/ng-package.json -c ../../src/ui-svg/angular/tsconfig.json",
+        "build.angular": "ng-packagr -p ../../src/ui-svg/angular/ng-package.json -c ../../src/ui-svg/angular/tsconfig.json && rm angular/.npmignore",
         "readme": "readme generate -c ../../tools/readme/blueprint.json",
         "tsc": "cpy '**/*.d.ts' '../../packages/ui-svg' --parents --cwd=../../src/ui-svg && tsc -skipLibCheck -d",
         "clean": "rimraf ./*.d.ts ./*.js ./*.js.map"