Skip to content

Commit 9f842df

Browse files
triniwiztriniwiz
authored
Merge pull request #23 from NativeScript/feat/svg
feat: svg
2 parents 4dad26a + bc7dd42 commit 9f842df

File tree

264 files changed

+52906
-5778
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

264 files changed

+52906
-5778
lines changed

‎CanvasNative.podspec

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ Pod::Spec.new do |s|
22

33
s.name = "CanvasNative"
44

5-
s.version = "0.9.9"
5+
s.version = "0.9.10"
66

77
s.summary = "A Canvas library"
88

‎README.md

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,22 @@ npm run setup
55
npm start
66
```
77

8+
- @nativescript/canvas
9+
- @nativescript/canvas-babylon
10+
- @nativescript/canvas-media
11+
- @nativescript/canvas-phaser
12+
- @nativescript/canvas-phaser-ce
13+
- @nativescript/canvas-pixi
14+
- @nativescript/canvas-polyfill
15+
- @nativescript/canvas-three
16+
17+
# @nativescript/canvas\* plugins
18+
19+
```
20+
npm run setup
21+
npm start
22+
```
23+
824
- @nativescript/canvas
925
- @nativescript/canvas-babylon
1026
- @nativescript/canvas-phaser

‎apps/demo-angular/package.json

Lines changed: 33 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -1,34 +1,35 @@
11
{
2-
"main": "main.js",
3-
"dependencies": {
4-
"@angular/animations": "file:../../node_modules/@angular/animations",
5-
"@angular/common": "file:../../node_modules/@angular/common",
6-
"@angular/compiler": "file:../../node_modules/@angular/compiler",
7-
"@angular/core": "file:../../node_modules/@angular/core",
8-
"@angular/forms": "file:../../node_modules/@angular/forms",
9-
"@angular/platform-browser": "file:../../node_modules/@angular/platform-browser",
10-
"@angular/platform-browser-dynamic": "file:../../node_modules/@angular/platform-browser-dynamic",
11-
"@angular/router": "file:../../node_modules/@angular/router",
12-
"@nativescript/angular": "file:../../node_modules/@nativescript/angular",
13-
"@nativescript/core": "file:../../node_modules/@nativescript/core",
14-
"nativescript-theme-core": "file:../../node_modules/nativescript-theme-core",
15-
"reflect-metadata": "file:../../node_modules/reflect-metadata",
16-
"rxjs": "file:../../node_modules/rxjs",
17-
"zone.js": "file:../../node_modules/zone.js",
18-
"@nativescript/canvas": "file:../../dist/packages/canvas",
19-
"@nativescript/canvas-babylon": "file:../../dist/packages/canvas-babylon",
20-
"@nativescript/canvas-polyfill": "file:../../dist/packages/canvas-polyfill",
21-
"@nativescript/canvas-phaser": "file:../../dist/packages/canvas-phaser",
22-
"@nativescript/canvas-phaser-ce": "file:../../dist/packages/canvas-phaser-ce",
23-
"@nativescript/canvas-pixi": "file:../../dist/packages/canvas-pixi",
24-
"@nativescript/canvas-three": "file:../../dist/packages/canvas-three"
25-
},
26-
"devDependencies": {
27-
"@angular/compiler-cli": "file:../../node_modules/@angular/compiler-cli",
28-
"@nativescript/android": "~7.0.0",
29-
"@nativescript/ios": "7.0.0",
30-
"@nativescript/webpack": "~3.0.0",
31-
"@ngtools/webpack": "file:../../node_modules/@ngtools/webpack",
32-
"typescript": "file:../../node_modules/typescript"
33-
}
2+
"main": "main.js",
3+
"dependencies": {
4+
"@angular/animations": "file:../../node_modules/@angular/animations",
5+
"@angular/common": "file:../../node_modules/@angular/common",
6+
"@angular/compiler": "file:../../node_modules/@angular/compiler",
7+
"@angular/core": "file:../../node_modules/@angular/core",
8+
"@angular/forms": "file:../../node_modules/@angular/forms",
9+
"@angular/platform-browser": "file:../../node_modules/@angular/platform-browser",
10+
"@angular/platform-browser-dynamic": "file:../../node_modules/@angular/platform-browser-dynamic",
11+
"@angular/router": "file:../../node_modules/@angular/router",
12+
"@nativescript/angular": "file:../../node_modules/@nativescript/angular",
13+
"@nativescript/core": "file:../../node_modules/@nativescript/core",
14+
"nativescript-theme-core": "file:../../node_modules/nativescript-theme-core",
15+
"reflect-metadata": "file:../../node_modules/reflect-metadata",
16+
"rxjs": "file:../../node_modules/rxjs",
17+
"zone.js": "file:../../node_modules/zone.js",
18+
"@nativescript/canvas-media": "file:../../dist/packages/canvas-media",
19+
"@nativescript/canvas": "file:../../dist/packages/canvas",
20+
"@nativescript/canvas-babylon": "file:../../dist/packages/canvas-babylon",
21+
"@nativescript/canvas-phaser": "file:../../dist/packages/canvas-phaser",
22+
"@nativescript/canvas-phaser-ce": "file:../../dist/packages/canvas-phaser-ce",
23+
"@nativescript/canvas-pixi": "file:../../dist/packages/canvas-pixi",
24+
"@nativescript/canvas-polyfill": "file:../../dist/packages/canvas-polyfill",
25+
"@nativescript/canvas-three": "file:../../dist/packages/canvas-three"
26+
},
27+
"devDependencies": {
28+
"@angular/compiler-cli": "file:../../node_modules/@angular/compiler-cli",
29+
"@nativescript/android": "~7.0.0",
30+
"@nativescript/ios": "7.0.0",
31+
"@nativescript/webpack": "~3.0.0",
32+
"@ngtools/webpack": "file:../../node_modules/@ngtools/webpack",
33+
"typescript": "file:../../node_modules/typescript"
34+
}
3435
}

‎apps/demo-angular/src/app-routing.module.ts

Lines changed: 10 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -5,15 +5,16 @@ import { NativeScriptRouterModule } from '@nativescript/angular';
55
import { HomeComponent } from './home.component';
66

77
const routes: Routes = [
8-
{ path: '', redirectTo: '/home', pathMatch: 'full' },
9-
{ path: 'home', component: HomeComponent },
10-
{ path: 'canvas', loadChildren: () => import('./plugin-demos/canvas.module').then((m) => m.CanvasModule) },
11-
{ path: 'canvas-babylon', loadChildren: () => import('./plugin-demos/canvas-babylon.module').then((m) => m.CanvasBabylonModule) },
12-
{ path: 'canvas-phaser', loadChildren: () => import('./plugin-demos/canvas-phaser.module').then((m) => m.CanvasPhaserModule) },
13-
{ path: 'canvas-phaser-ce', loadChildren: () => import('./plugin-demos/canvas-phaser-ce.module').then((m) => m.CanvasPhaserCeModule) },
14-
{ path: 'canvas-pixi', loadChildren: () => import('./plugin-demos/canvas-pixi.module').then((m) => m.CanvasPixiModule) },
15-
{ path: 'canvas-polyfill', loadChildren: () => import('./plugin-demos/canvas-polyfill.module').then((m) => m.CanvasPolyfillModule) },
16-
{ path: 'canvas-three', loadChildren: () => import('./plugin-demos/canvas-three.module').then((m) => m.CanvasThreeModule) },
8+
{ path: '', redirectTo: '/home', pathMatch: 'full' },
9+
{ path: 'home', component: HomeComponent },
10+
{ path: 'canvas', loadChildren: () => import('./plugin-demos/canvas.module').then(m => m.CanvasModule) },
11+
{ path: 'canvas-babylon', loadChildren: () => import('./plugin-demos/canvas-babylon.module').then(m => m.CanvasBabylonModule) },
12+
{ path: 'canvas-media', loadChildren: () => import('./plugin-demos/canvas-media.module').then(m => m.CanvasMediaModule) },
13+
{ path: 'canvas-phaser', loadChildren: () => import('./plugin-demos/canvas-phaser.module').then(m => m.CanvasPhaserModule) },
14+
{ path: 'canvas-phaser-ce', loadChildren: () => import('./plugin-demos/canvas-phaser-ce.module').then(m => m.CanvasPhaserCeModule) },
15+
{ path: 'canvas-pixi', loadChildren: () => import('./plugin-demos/canvas-pixi.module').then(m => m.CanvasPixiModule) },
16+
{ path: 'canvas-polyfill', loadChildren: () => import('./plugin-demos/canvas-polyfill.module').then(m => m.CanvasPolyfillModule) },
17+
{ path: 'canvas-three', loadChildren: () => import('./plugin-demos/canvas-three.module').then(m => m.CanvasThreeModule) }
1718
];
1819

1920
@NgModule({

‎apps/demo-angular/src/home.component.ts

Lines changed: 26 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -6,26 +6,29 @@ import { Component } from '@angular/core';
66
})
77
export class HomeComponent {
88
demos = [
9-
{
10-
name: 'canvas',
11-
},
12-
{
13-
name: 'canvas-babylon',
14-
},
15-
{
16-
name: 'canvas-phaser',
17-
},
18-
{
19-
name: 'canvas-phaser-ce',
20-
},
21-
{
22-
name: 'canvas-pixi',
23-
},
24-
{
25-
name: 'canvas-polyfill',
26-
},
27-
{
28-
name: 'canvas-three',
29-
},
30-
];
31-
}
9+
{
10+
name: 'canvas'
11+
},
12+
{
13+
name: 'canvas-babylon'
14+
},
15+
{
16+
name: 'canvas-media'
17+
},
18+
{
19+
name: 'canvas-phaser'
20+
},
21+
{
22+
name: 'canvas-phaser-ce'
23+
},
24+
{
25+
name: 'canvas-pixi'
26+
},
27+
{
28+
name: 'canvas-polyfill'
29+
},
30+
{
31+
name: 'canvas-three'
32+
}
33+
];
34+
}

‎apps/demo-angular/src/plugin-demos/canvas-media.component.html

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<ActionBar title="canvas-media" class="action-bar"> </ActionBar>
2+
<StackLayout class="p-20">
3+
<ScrollView class="h-full">
4+
<StackLayout>
5+
<Button text="Test canvas-media" (tap)="demoShared.testIt()" class="btn btn-primary"></Button>
6+
</StackLayout>
7+
</ScrollView>
8+
</StackLayout>

‎apps/demo-angular/src/plugin-demos/canvas-media.component.ts

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
import { Component, NgZone } from '@angular/core';
2+
import { DemoSharedCanvasMedia } from '@demo/shared';
3+
import {} from '@nativescript/canvas-media';
4+
5+
@Component({
6+
selector: 'demo-canvas-media',
7+
templateUrl: 'canvas-media.component.html',
8+
})
9+
export class CanvasMediaComponent {
10+
demoShared: DemoSharedCanvasMedia;
11+
12+
constructor(private _ngZone: NgZone) {}
13+
14+
ngOnInit() {
15+
this.demoShared = new DemoSharedCanvasMedia();
16+
}
17+
}

‎apps/demo-angular/src/plugin-demos/canvas-media.module.ts

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
2+
import { NativeScriptCommonModule, NativeScriptRouterModule } from '@nativescript/angular';
3+
import { CanvasMediaComponent } from './canvas-media.component';
4+
5+
@NgModule({
6+
imports: [NativeScriptCommonModule, NativeScriptRouterModule.forChild([{ path: '', component: CanvasMediaComponent }])],
7+
declarations: [CanvasMediaComponent],
8+
schemas: [NO_ERRORS_SCHEMA],
9+
})
10+
export class CanvasMediaModule {}

‎apps/demo-vue/package.json

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,15 @@
33
"dependencies": {
44
"nativescript-theme-core": "file:../../node_modules/nativescript-theme-core",
55
"nativescript-vue": "file:../../node_modules/nativescript-vue",
6-
"@nativescript/core": "file:../../node_modules/@nativescript/core"
6+
"@nativescript/core": "file:../../node_modules/@nativescript/core",
7+
"@nativescript/canvas-media": "file:../../packages/canvas-media",
8+
"@nativescript/canvas": "file:../../packages/canvas",
9+
"@nativescript/canvas-babylon": "file:../../packages/canvas-babylon",
10+
"@nativescript/canvas-phaser": "file:../../packages/canvas-phaser",
11+
"@nativescript/canvas-phaser-ce": "file:../../packages/canvas-phaser-ce",
12+
"@nativescript/canvas-pixi": "file:../../packages/canvas-pixi",
13+
"@nativescript/canvas-polyfill": "file:../../packages/canvas-polyfill",
14+
"@nativescript/canvas-three": "file:../../packages/canvas-three"
715
},
816
"devDependencies": {
917
"@types/chai": "^4.1.4",

‎apps/demo/package.json

Lines changed: 35 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -1,36 +1,37 @@
11
{
2-
"main": "app.js",
3-
"description": "NativeScript Application",
4-
"license": "SEE LICENSE IN <your-license-filename>",
5-
"repository": "<fill-your-repository-here>",
6-
"dependencies": {
7-
"nativescript-theme-core": "file:../../node_modules/nativescript-theme-core",
8-
"@nativescript/core": "file:../../node_modules/@nativescript/core",
9-
"@nativescript/canvas": "file:../../packages/canvas",
10-
"@nativescript/canvas-babylon": "file:../../packages/canvas-babylon",
11-
"@nativescript/canvas-polyfill": "file:../../packages/canvas-polyfill",
12-
"@nativescript/canvas-phaser": "file:../../packages/canvas-phaser",
13-
"@nativescript/canvas-phaser-ce": "file:../../packages/canvas-phaser-ce",
14-
"@nativescript/canvas-pixi": "file:../../packages/canvas-pixi",
15-
"@nativescript/canvas-three": "file:../../packages/canvas-three",
16-
"babylonjs": "file:../../node_modules/babylonjs",
17-
"babylonjs-materials": "file:../../node_modules/babylonjs-materials",
18-
"chart.js": "file:../../node_modules/chart.js",
19-
"d3": "file:../../node_modules/d3",
20-
"leaflet": "file:../../node_modules/leaflet",
21-
"matter-js": "file:../../node_modules/matter-js",
22-
"phaser": "file:../../node_modules/phaser",
23-
"phaser-ce": "file:../../node_modules/phaser-ce",
24-
"pixi.js": "file:../../node_modules/pixi.js",
25-
"three": "file:../../node_modules/three",
26-
"vexflow": "file:../../node_modules/vexflow",
27-
"zen-3d": "file:../../node_modules/zen-3d"
28-
},
29-
"devDependencies": {
30-
"@nativescript/android": "7.0.0",
31-
"@nativescript/ios": "7.0.0",
32-
"@nativescript/webpack": "~3.0.0",
33-
"copy-webpack-plugin": "4.6.0",
34-
"typescript": "file:../../node_modules/typescript"
35-
}
2+
"main": "app.js",
3+
"description": "NativeScript Application",
4+
"license": "SEE LICENSE IN <your-license-filename>",
5+
"repository": "<fill-your-repository-here>",
6+
"dependencies": {
7+
"nativescript-theme-core": "file:../../node_modules/nativescript-theme-core",
8+
"@nativescript/core": "file:../../node_modules/@nativescript/core",
9+
"babylonjs": "file:../../node_modules/babylonjs",
10+
"babylonjs-materials": "file:../../node_modules/babylonjs-materials",
11+
"chart.js": "file:../../node_modules/chart.js",
12+
"d3": "file:../../node_modules/d3",
13+
"leaflet": "file:../../node_modules/leaflet",
14+
"matter-js": "file:../../node_modules/matter-js",
15+
"phaser": "file:../../node_modules/phaser",
16+
"phaser-ce": "file:../../node_modules/phaser-ce",
17+
"pixi.js": "file:../../node_modules/pixi.js",
18+
"three": "file:../../node_modules/three",
19+
"vexflow": "file:../../node_modules/vexflow",
20+
"zen-3d": "file:../../node_modules/zen-3d",
21+
"@nativescript/canvas-media": "file:../../packages/canvas-media",
22+
"@nativescript/canvas": "file:../../packages/canvas",
23+
"@nativescript/canvas-babylon": "file:../../packages/canvas-babylon",
24+
"@nativescript/canvas-phaser": "file:../../packages/canvas-phaser",
25+
"@nativescript/canvas-phaser-ce": "file:../../packages/canvas-phaser-ce",
26+
"@nativescript/canvas-pixi": "file:../../packages/canvas-pixi",
27+
"@nativescript/canvas-polyfill": "file:../../packages/canvas-polyfill",
28+
"@nativescript/canvas-three": "file:../../packages/canvas-three"
29+
},
30+
"devDependencies": {
31+
"@nativescript/android": "7.0.0",
32+
"@nativescript/ios": "7.0.0",
33+
"@nativescript/webpack": "~3.0.0",
34+
"copy-webpack-plugin": "4.6.0",
35+
"typescript": "file:../../node_modules/typescript"
36+
}
3637
}

0 commit comments

Comments
 (0)