update examples

xkam · xkam · commit dde3567ec861 · 2020-01-25T23:14:31.000+01:00
diff --git a/examples/README.md b/examples/README.md
@@ -0,0 +1,4 @@
+
+# ![](viewer/angular.svg) Angular examples
+
+coming soon...
diff --git a/examples/index.html b/examples/index.html
@@ -1,39 +1,11 @@
 <!DOCTYPE html>
 <html>
 <head>
-<style>
-
-* {
-    box-sizing: border-box;
-}
-
-html, body, #app {
-    width: 100%;
-    padding: 20px;
-    margin: 0;
-    box-sizing: border-box;
-    font-family: "Segoe UI", "Helvetica Neue";
-    font-size: 13px;
- }
-
-.ax-headers-view {
-    font-weight: bold;
-    color: #666;
-    border-bottom: 1px solid #aaa;
-}
-
-.ax-gridlines {
-    border-bottom: 1px solid #eee;
-}
-
-.ax-row.selected {
-    background: #f7eeff77;
-}
-
-</style>
+    <link href="https://fonts.googleapis.com/css?family=Montserrat:600|Nunito+Sans:400,700&display=swap" rel="stylesheet">
+    <link href="https://www.activewidgets.com/favicon.ico" rel="shortcut icon">
 </head>
 <body>
-    <div id="app"></div>
-    <script src="./viewer/viewer.js"></script>
+    <div id="app">Loading...</div>
+    <script async src="./viewer/index.js"></script>
 </body>
 </html>
diff --git a/examples/index.js b/examples/index.js
diff --git a/examples/viewer/angular.svg b/examples/viewer/angular.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="256px" height="272px" viewBox="0 0 256 272" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
+	<g>
+		<path d="M0.0996108949,45.522179 L125.908171,0.697276265 L255.103502,44.7252918 L234.185214,211.175097 L125.908171,271.140856 L19.3245136,211.971984 L0.0996108949,45.522179 Z" fill="#E23237"></path>
+		<path d="M255.103502,44.7252918 L125.908171,0.697276265 L125.908171,271.140856 L234.185214,211.274708 L255.103502,44.7252918 L255.103502,44.7252918 Z" fill="#B52E31"></path>
+		<path d="M126.107393,32.27393 L126.107393,32.27393 L47.7136187,206.692607 L76.9992218,206.194553 L92.7377432,166.848249 L126.207004,166.848249 L126.306615,166.848249 L163.063035,166.848249 L180.29572,206.692607 L208.286381,207.190661 L126.107393,32.27393 L126.107393,32.27393 Z M126.306615,88.155642 L152.803113,143.5393 L127.402335,143.5393 L126.107393,143.5393 L102.997665,143.5393 L126.306615,88.155642 L126.306615,88.155642 Z" fill="#FFFFFF"></path>
+	</g>
+</svg>
diff --git a/examples/viewer/examples.js b/examples/viewer/examples.js
@@ -0,0 +1,3 @@
+﻿
+export * from '@activewidgets/datagrid/examples';
+
diff --git a/examples/viewer/index.js b/examples/viewer/index.js
@@ -8,12 +8,18 @@ import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
 import {DynamicModule} from 'ng-dynamic-component';
 
 import {Viewer} from '@activewidgets/examples';
-import * as pages from '../index.js';
 import * as components from '../../';
+import * as pages from './examples.js';
+import readme from '../README.md';
+import logo from './angular.svg';
+import pkg from '../../package.json';
 
 import '../../css';
 
 
+let framework = 'Angular';
+
+
 let tags = {};
 
 Object.keys(components).forEach(name => {
@@ -49,7 +55,7 @@ class AppComponent {
 
         let viewer = new Viewer({
             target: document.body,
-            props: {pages, mount, clean}
+            props: {framework, pkg, logo, readme, pages, mount, clean}
         });
 
     }
diff --git a/package.json b/package.json
@@ -20,7 +20,7 @@
     "build:js": "rimraf dist/* && rollup -c",
     "build:source": "node config/source.js",
     "build:aot": "ngc -p config/aot.json",
-    "output": "npm run build && rimraf out/* && parcel build examples/index.html examples/*/*.html -d out",
+    "output": "npm run build && rimraf out/* && build-examples",
     "start": "serve-examples",
     "test": "npm run output && jest"
   },
@@ -30,7 +30,7 @@
     "@angular/core": "*"
   },
   "devDependencies": {
-    "@activewidgets/examples": "0.0.1",
+    "@activewidgets/examples": "0.0.2",
     "@activewidgets/options": "0.0.10",
     "@activewidgets/puppeteer": "0.0.4",
     "@activewidgets/testing": "0.0.3",
@@ -42,7 +42,6 @@
     "@babel/core": "^7",
     "@babel/preset-env": "^7",
     "ng-dynamic-component": "^5",
-    "parcel": "^1",
     "rimraf": "^3",
     "rollup": "^1.20",
     "rollup-plugin-babel": "^4",

-Original file line number
+Diff line change
@@ @@ -0,0 +1,4 @@ @@
++
 +# ![](viewer/angular.svg) Angular examples
++
 +coming soon...
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+`
	`2`	`+export * from '@activewidgets/datagrid/examples';`
	`3`	`+`