combine multiple data sources in code-viewer

Author: HUSSAR-mtrela

browser/tasks/Transformer.ts

@@ -806,23 +806,23 @@ class PackageDependency {
 }
 
 class CodeViewer {
-    public path: string;
     public hasRelativeAssetsUrls: boolean;
-    public content: string;
     public isMain: boolean;
+    public path: string;
     public fileExtension: string;
     public fileHeader: string;
+    public content: string;
 
     constructor(filePath: string, content: string, fileExtension: string, fileHeader: string, isMain: boolean) {
 
         let jsonContent = content;
         // jsonContent = jsonContent.replace(/\/\//g, "/");
 
         this.hasRelativeAssetsUrls = false;
-        this.path = filePath;
-        this.content = jsonContent;
         this.isMain = isMain;
         this.fileExtension = fileExtension;
         this.fileHeader = fileHeader;
+        this.path = filePath;
+        this.content = jsonContent;
     }
 }

browser/tasks/gulp-samples.js

@@ -40,6 +40,7 @@ var sampleSource = [
     // igConfig.SampleCopyPath + '/charts/data-chart/chart-performance/package.json',
     // igConfig.SampleCopyPath + '/charts/financial-chart/high-frequency/package.json',
     // igConfig.SampleCopyPath + '/charts/financial-chart/high-volume/package.json',
+    // igConfig.SampleCopyPath + '/charts/data-chart/data-annotation-multiple-with-stocks/package.json',
 
     // including samples for specific components:
     // igConfig.SampleCopyPath + '/charts/category-chart/**/package.json',
@@ -636,6 +637,7 @@ function updateCodeViewer(cb) {
 
         var content = "{\r\n \"sampleFiles\":\r\n";
 
+        var dataFiles = [];
         var contentItems = [];
         var tsxItem = new CodeViewer(sample.SampleFilePath, sample.SampleFileSourceCode, "tsx", "tsx", true);
 
@@ -650,10 +652,26 @@ function updateCodeViewer(cb) {
             else if (file.indexOf(".ts") > 0 && file.indexOf("index.tsx") === -1) {
                 var tsContent = fs.readFileSync(file, "utf8");
                 var tsItem = new CodeViewer(file, tsContent, "ts", "DATA", true);
-                contentItems.push(tsItem);
+                dataFiles.push(tsItem);
             }
         }
 
+        if (dataFiles.length === 1) {
+            contentItems.push(dataFiles[0]);
+        } else if (dataFiles.length > 1) {
+            // combining multiple data files into one data source
+            var dataPath = dataFiles[0].path;
+            var dataFolder = dataPath.substring(0, dataPath.lastIndexOf("/"));
+            var dataContent = "// NOTE this file contains multiple data sources:\r\n";
+            for (let i = 0; i < dataFiles.length; i++) {
+                const data = dataFiles[i];
+                dataContent += "\r\n\r\n" + "// Data Source #" + (i+1) + "\r\n";
+                dataContent += data.content + "\r\n";
+            }
+            var dataItem = new CodeViewer(dataFolder + "/DataSources.ts", dataContent, "ts", "DATA", true);
+            contentItems.push(dataItem);
+        }
+
         content += JSON.stringify(contentItems, null, ' ');
         content += "\r\n}";