add generateStats

Author: HUSSAR-mtrela

browser/gulpfile.js

@@ -36,6 +36,7 @@ gulp.task('updateBrowser', gulp.series(
     browser.findSamples,
     browser.copySamples,
     browser.updateCodeViewer,
+    browser.generateStats,
     // browser.copyBootstrapCss,
 ));
 
@@ -94,3 +95,7 @@ gulp.task('copyBootstrapCss', browser.copyBootstrapCss);
 
 gulp.task('updateBootstrap', browser.updateBootstrap);
 
+gulp.task('generateStats', gulp.series(
+    browser.findSamples,
+    browser.generateStats,
+));

browser/scripts/browser.js

@@ -15,6 +15,7 @@ const path = require("path");
 const es = require("event-stream");
 const del = require("del");
 const utils = require("./utils.js")
+const stats = require("./stats.js")
 
 const EOL = '\r\n';
 
@@ -295,6 +296,17 @@ function findSamples(cb) {
 
 } exports.findSamples = findSamples;
 
+exports.generateStats = function generateStats(cb) {
+    var combinedSamples = [];
+    for (const info of samplesDatabase) {
+        // console.log(info);
+        var samplePath = info.SourcePath.replace('samples/', '').replace('../','');
+        combinedSamples.push(samplePath);
+        break;
+    }
+    stats.generate(cb, combinedSamples);
+}
+
 // this function is copying source files for individual samples to browser
 // generates modules for samples, routing data, and routing modules
 function copySamples(cb) {

browser/scripts/stats.js

@@ -0,0 +1,99 @@
+// this script generates JSON file with stats on:
+// - which samples are in the browser (DOC samples)
+// - which samples are excluded from browser (DEV samples)
+// - which samples are imported from xplat repo
+
+const gulp = require("gulp");
+const chmod = require("gulp-chmod");
+const flatten = require("gulp-flatten");
+const fs = require("fs");
+const path = require("path");
+
+const path = require("path");
+const es = require("event-stream");
+const del = require("del");
+
+// NOTE you can comment out strings in this array to run these function only on a subset of samples
+var samplesRepoPath = [
+    // including samples for all components
+    '../samples/**/package.json',
+
+    // including specific samples
+    // '../samples/charts/doughnut-chart/overview/package.json',
+    // '../samples/charts/category-chart/area-chart-multiple-sources/package.json',
+    // '../samples/gauges/**/measures/package.json',
+    // '../samples/charts/sparkline/grid/package.json',
+    // '../samples/maps/**/display-heat-imagery/package.json',
+    // '../samples/excel/**/operations-on-workbooks/package.json',
+    // '../samples/charts/zoomslider/overview/package.json',
+
+    // including samples for specific components
+    // '../samples/charts/**/package.json',
+    // '../samples/maps/**/package.json',
+    // '../samples/excel/**/package.json',
+    // '../samples/gauges//**/package.json',
+    // '../samples/grids/**/package.json',
+    // '../samples/layouts/**/package.json',
+    // '../samples/editors/**/package.json',
+
+    // excluding package.json in node_modules sub folders in case they are installed locally
+    // '!../samples/**/charts/financial-chart/theming/package.json',
+    '!../samples/**/node_modules/**/package.json',
+    '!../samples/**/node_modules/**',
+    '!../samples/**/node_modules',
+];
+
+function generate(cb, samplesInBrowser) {
+
+    var sampleStats = {};
+    gulp.src(samplesRepoPath, {allowEmpty: true})
+    .pipe(es.map(function(file, fileCallback) {
+        //log("getting: " + file.dirname);
+        // saving info for each samples in samplesDatabase
+        // log("sample: " + file.dirname);
+        var samplePath = file.dirname.toString().split('\\samples\\')[1].split('\\').join('/');
+        sampleStats[samplePath] = { browser: false, xplat: false, path: samplePath,  }
+
+        fileCallback(null, file);
+    }))
+    .on("end", function() {
+
+        for (const samplePath of samplesInBrowser) {
+            if (sampleStats[samplePath]) {
+                sampleStats[samplePath].browser = true;
+            } else {
+                console.log(sampleStats);
+                throw new Error("Cannot find a sample in all samples: " + samplePath);
+            }
+        }
+
+        var jsonStats = [];
+        var keys = Object.keys(sampleStats);
+        for (const samplePath of keys) {
+            var info = sampleStats[samplePath];
+            jsonStats.push( '  { "browser": ' + info.browser + ', "xplat": ' + info.xplat + ', "path": "' + info.path + '" }' );
+            // jsonStats.push(sampleStats[samplePath]);
+            // if (sampleStats[samplePath])
+        }
+        var jsonData = jsonStats.join(',\n').replace(/true,/g, 'true, ');
+        jsonData = "[\n" + jsonData + "\n]"
+        // var json = JSON.stringify(jsonStats, null, ' ').replace(/\",\n/g, '\",')
+        // .replace(/  /g, ' ')
+        // // .replace(/true,/g, 'true, ')
+        // .replace(/\"\n*.\}/g, '\" \}')
+        // .replace(/\{\n*.\"/g, '\{ \"')
+        // ;
+
+        // console.log(jsonStats);
+        // console.log(sampleStats);
+        // console.log("generate... done = " + sampleStats.length);
+
+        const jsonPath = "./src/assets/stats.json";
+        fs.writeFileSync(jsonPath, jsonData);
+        // console.log(jsonData);
+        console.log("saved " + jsonStats.length + " samples stats to " + jsonPath);
+
+        if (cb) cb();
+    });
+
+} exports.generate = generate;

browser/src/app/app-routing.module.ts

@@ -16,6 +16,8 @@ export const samplesRoutes: Routes = [
     // note these section is auto-generated - do not change it:
     // Auto-Insert-Modules-Start
     { path: "charts", data: ["SamplesForCharts"], loadChildren: () => import("../samples/charts/samples-modules").then(m => m.SamplesForCharts) },
+    { path: "excel", data: ["SamplesForExcel"], loadChildren: () => import("../samples/excel/samples-modules").then(m => m.SamplesForExcel) },
+    { path: "gauges", data: ["SamplesForGauges"], loadChildren: () => import("../samples/gauges/samples-modules").then(m => m.SamplesForGauges) },
     { path: "maps", data: ["SamplesForMaps"], loadChildren: () => import("../samples/maps/samples-modules").then(m => m.SamplesForMaps) }
 
 

browser/src/app/index/index.component.ts

@@ -9,6 +9,8 @@ import BrowserInfo  from "../../browser-info.json";
 // note these section is auto-generated - do not change it:
 // Auto-Insert-Imports-RoutingData-Start
 import { RoutingDataForCharts } from "../../samples/charts/routing-data";
+import { RoutingDataForExcel } from "../../samples/excel/routing-data";
+import { RoutingDataForGauges } from "../../samples/gauges/routing-data";
 import { RoutingDataForMaps } from "../../samples/maps/routing-data";
 
 
@@ -46,6 +48,8 @@ export class IndexComponent implements OnInit, AfterViewInit {
     private modulesRoutes = [
         // Auto-Insert-SamplesRoutingArray-Start
         { path: "charts", routesData: RoutingDataForCharts },
+        { path: "excel", routesData: RoutingDataForExcel },
+        { path: "gauges", routesData: RoutingDataForGauges },
         { path: "maps", routesData: RoutingDataForMaps }