add updateCodeSandbox script

browser/gulpfile.js

@@ -47,6 +47,7 @@ gulp.task('copySamples', gulp.series(browser.findSamples, browser.copySamples));
 
 gulp.task('generateSampleRouting', browser.generateSampleRouting);
 gulp.task('updateCodeViewer', gulp.series(browser.findSamples, browser.updateCodeViewer));
+gulp.task('updateCodeSandbox', browser.updateCodeSandbox);
 gulp.task('listSamples', browser.listSamples);
 gulp.task('moveAppFiles', browser.moveAppFiles);
 

browser/scripts/browser.js

@@ -1337,4 +1337,76 @@ exports.moveAppFiles = function moveAppFiles(cb) {
         cb();
     });
 
+} 
+
+exports.updateCodeSandbox = function updateCodeSandbox(cb) {
+    var appFolders = [];
+    var copyFiles = [
+        "../tests/donut-ava4/.stackblitzrc",
+        "../tests/donut-ava4/.codesandbox/tasks.json",
+        "../tests/donut-ava4/.codesandbox/Dockerfile",
+        "../tests/donut-ava4/tsconfig.app.json",
+        "../tests/donut-ava4/tsconfig.json",
+        "../tests/donut-ava4/angular.json",
+    ];
+    var deleteFiles = [
+        "sandbox.config.json",
+        "src\\config",
+    ];
+
+    gulp.src( [
+        "../samples/**/package.json", 
+        // "../samples/**/display-osm-imagery/package.json",
+        // "../samples/**/doughnut-chart/overview/package.json", 
+        // "../samples/**/display-heat-imagery/package.json", 
+    ], {allowEmpty: true})
+    .pipe(es.map(function(file, fileCallback) {
+
+        var fileContent = file.contents.toString();
+        let fileOutput = file.dirname + "\\" + file.basename; 
+
+        console.log("updating " + fileOutput);
+        fileContent = fileContent.replace('"@angular/animations": "17.0.0"','"@angular/animations": "^17.2.1"');
+        fileContent = fileContent.replace('"@angular/common": "17.0.0"','"@angular/common": "^17.2.1"');
+        fileContent = fileContent.replace('"@angular/compiler": "17.0.0"','"@angular/compiler": "^17.2.1"');
+        fileContent = fileContent.replace('"@angular/core": "17.0.0"','"@angular/core": "^17.2.1"');
+        fileContent = fileContent.replace('"@angular/forms": "17.0.0"','"@angular/forms": "^17.2.1"');
+        fileContent = fileContent.replace('"@angular/platform-browser": "17.0.0"','"@angular/platform-browser": "^17.2.1"');
+        fileContent = fileContent.replace('"@angular/platform-browser-dynamic": "17.0.0"','"@angular/platform-browser-dynamic": "^17.2.1"');
+        fileContent = fileContent.replace('"rxjs": "6.6.7"','"rxjs": "^7.8.1"');
+        fileContent = fileContent.replace('"tslib": "2.3.1"','"tslib": "^2.6.1"');
+        fileContent = fileContent.replace('"zone.js": "~0.14.1"','"zone.js": "~0.14.4"');
+        fileContent = fileContent.replace('"@angular-devkit/build-angular": "17.0.0"','"@angular-devkit/build-angular": "17.2.0"');
+        fileContent = fileContent.replace('"@angular/cli": "17.0.0"','"@angular/cli": "17.2.0"');
+        fileContent = fileContent.replace('"@angular/compiler-cli": "17.0.0"','"@angular/compiler-cli": "17.2.1"');
+        fileContent = fileContent.replace('"@angular/language-service": "17.0.0"','"@angular/language-service": "17.2.1"');
+        fileContent = fileContent.replace('"@types/node": "14.14.28"','"@types/node": "18.17.0"');
+        fileContent = fileContent.replace('"jasmine-core": "3.7.1"','"jasmine-core": "5.1.1"');
+        fileContent = fileContent.replace('"ts-node": "9.1.1"','"ts-node": "10.9.1"');
+        fileContent = fileContent.replace('"typescript": "5.2.2"','"typescript": "5.3.3"');
+        fileContent = fileContent.replace('"hammerjs": "2.0.8"','"hammerjs": "^2.0.8"');
+
+        fs.writeFileSync(fileOutput, fileContent);
+
+        for (let i = 0; i < deleteFiles.length; i++) {
+            var deletePath = file.dirname + "\\" + deleteFiles[i];
+            console.log("delete " + deletePath); 
+            del([deletePath], {force: true});
+        }
+
+        for (let i = 0; i < copyFiles.length; i++) {
+            var outputPath = copyFiles[i].replace('../tests/donut-ava4/', file.dirname + "/");
+            // del([deletePath], {force: true});
+            console.log("copy " + outputPath);
+            let outputFile = fs.readFileSync(copyFiles[i]).toString();
+            // outputFile = outputFile.replace("/app/", "/");
+            makeDirectoryFor(outputPath);
+            fs.writeFileSync(outputPath, outputFile);
+        }
+         fileCallback(null, file);
+    }))
+    .on("end", function() {
+        cb();
+    });
+
 } 

samples/charts/category-chart/annotations-all/.codesandbox/Dockerfile

@@ -0,0 +1 @@
+FROM node:18

samples/charts/category-chart/annotations-all/.codesandbox/tasks.json

@@ -0,0 +1,17 @@
+{
+  // These tasks will run in order when initializing your CodeSandbox project.
+  "setupTasks": [
+    {
+      "name": "Install Dependencies",
+      "command": "yarn install"
+    }
+  ],
+    // These tasks can be run from CodeSandbox. Running one will open a log in the app.
+    "tasks": {
+        "node node_modules/@angular/cli/bin/ng serve -o --disable-host-check": {
+            "name": "Start Project",
+            "command": "node node_modules/@angular/cli/bin/ng serve -o --disable-host-check",
+            "runAtStart": true
+        }
+    }
+}

samples/charts/category-chart/annotations-all/.stackblitzrc

@@ -1 +1 @@
-{"installDependencies":true,"startCommand":"turbo start","env":{"ENABLE_CJS_IMPORTS":true}}
+{"installDependencies":true, "startCommand":"npm start"}

samples/charts/category-chart/annotations-all/angular.json

@@ -4,8 +4,17 @@
   "newProjectRoot": "projects",
   "projects": {
     "demo": {
+      "schematics": {
+        "@schematics/angular:component": {
+          "style": "scss"
+        },
+        "@schematics/angular:application": {
+          "strict": true
+        }
+      },
       "root": "",
       "sourceRoot": "src",
+      "prefix": "app",
       "projectType": "application",
       "architect": {
         "build": {
@@ -15,17 +24,20 @@
             "index": "src/index.html",
             "main": "src/main.ts",
             "polyfills": [
-              "zone.js",
-              "hammerjs"
+              "src/polyfills.ts"
             ],
-            "tsConfig": "src/config/tsconfig.app.json",
+            "tsConfig": "tsconfig.app.json",
+            "inlineStyleLanguage": "scss",
             "assets": [
               "src/assets"
             ],
             "styles": [
               "src/styles.scss"
             ],
-            "scripts": []
+            "scripts": [],
+            "stylePreprocessorOptions": {
+              "includePaths": ["node_modules/"]
+            }
           },
           "configurations": {
             "production": {
@@ -35,27 +47,42 @@
                   "with": "src/environments/environment.prod.ts"
                 }
               ],
-              "optimization": true,
               "outputHashing": "all",
-              "sourceMap": false,
-              "namedChunks": false,
-              "aot": true,
-              "extractLicenses": true,
-              "vendorChunk": false,
-              "buildOptimizer": true
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "500kb",
+                  "maximumError": "1mb"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "2kb",
+                  "maximumError": "4kb"
+                }
+              ]
+            },
+            "development": {
+              "buildOptimizer": false,
+              "optimization": false,
+              "vendorChunk": true,
+              "extractLicenses": false,
+              "sourceMap": true,
+              "namedChunks": true
             }
-          }
+          },
+          "defaultConfiguration": "production"
         },
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
-          "options": {
-            "buildTarget": "demo:build"
-          },
           "configurations": {
             "production": {
               "buildTarget": "demo:build:production"
+            },
+            "development": {
+              "buildTarget": "demo:build:development"
             }
-          }
+          },
+          "defaultConfiguration": "development"
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
@@ -68,39 +95,26 @@
           "options": {
             "main": "src/test.ts",
             "polyfills": "src/polyfills.ts",
-            "tsConfig": "src/config/tsconfig.spec.json",
-            "karmaConfig": "src/config/karma.conf.js",
+            "tsConfig": "tsconfig.spec.json",
+            "karmaConfig": "karma.conf.js",
             "styles": [
-              "styles.css"
+              "src/styles.scss"
             ],
             "scripts": [],
-            "assets": [
+            "assets": [ 
               "src/assets"
-            ]
-          }
-        },
-        "lint": {
-          "builder": "@angular-devkit/build-angular:tslint",
-          "options": {
-            "tsConfig": [
-              "src/config/tsconfig.app.json",
-              "src/config/tsconfig.spec.json"
             ],
-            "exclude": [
-              "**/node_modules/**"
-            ]
+            "inlineStyleLanguage": "scss",
+            "stylePreprocessorOptions": {
+              "includePaths": ["node_modules/"]
+            }
           }
         }
       }
     }
   },
-  "schematics": {
-    "@schematics/angular:component": {
-      "prefix": "app",
-      "style": "scss"
-    },
-    "@schematics/angular:directive": {
-      "prefix": "app"
-    }
+  "defaultProject": "demo",
+  "cli": {
+    "analytics": false
   }
 }

samples/charts/category-chart/annotations-all/package.json

@@ -7,41 +7,41 @@
     "lint": "ng lint"
   },
   "dependencies": {
-    "@angular/animations": "17.0.0",
-    "@angular/common": "17.0.0",
-    "@angular/compiler": "17.0.0",
-    "@angular/core": "17.0.0",
-    "@angular/forms": "17.0.0",
-    "@angular/platform-browser": "17.0.0",
-    "@angular/platform-browser-dynamic": "17.0.0",
+    "@angular/animations": "^17.2.1",
+    "@angular/common": "^17.2.1",
+    "@angular/compiler": "^17.2.1",
+    "@angular/core": "^17.2.1",
+    "@angular/forms": "^17.2.1",
+    "@angular/platform-browser": "^17.2.1",
+    "@angular/platform-browser-dynamic": "^17.2.1",
     "@types/hammerjs": "2.0.39",
     "classlist.js": "1.1.20150312",
     "core-js": "3.21.0",
-    "hammerjs": "2.0.8",
+    "hammerjs": "^2.0.8",
     "igniteui-angular-charts": "17.3.1-alpha.0",
     "igniteui-angular-core": "17.3.1-alpha.0",
     "igniteui-angular-inputs": "17.3.1-alpha.0",
     "igniteui-angular-layouts": "17.3.1-alpha.0",
     "igniteui-webcomponents": "4.9.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
-    "rxjs": "6.6.7",
-    "tslib": "2.3.1",
+    "rxjs": "^7.8.1",
+    "tslib": "^2.6.1",
     "web-animations-js": "2.3.2",
-    "zone.js": "~0.14.1"
+    "zone.js": "~0.14.4"
   },
   "devDependencies": {
-    "@angular/cli": "17.0.0",
-    "@angular/compiler-cli": "17.0.0",
-    "@angular/language-service": "17.0.0",
-    "@angular-devkit/build-angular": "17.0.0",
-    "@types/node": "14.14.28",
+    "@angular/cli": "17.2.0",
+    "@angular/compiler-cli": "17.2.1",
+    "@angular/language-service": "17.2.1",
+    "@angular-devkit/build-angular": "17.2.0",
+    "@types/node": "18.17.0",
     "codelyzer": "6.0.2",
-    "jasmine-core": "3.7.1",
+    "jasmine-core": "5.1.1",
     "jasmine-spec-reporter": "~4.2.1",
     "sass.js": "0.11.1",
     "tslint": "~6.1.3",
-    "ts-node": "9.1.1",
-    "typescript": "5.2.2"
+    "ts-node": "10.9.1",
+    "typescript": "5.3.3"
   }
 }

samples/charts/category-chart/annotations-all/tsconfig.app.json

@@ -0,0 +1,10 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./out-tsc/app",
+    "types": []
+  },
+  "files": ["src/main.ts", "src/polyfills.ts"],
+  "include": ["src/**/*.d.ts"]
+}

samples/charts/category-chart/annotations-all/tsconfig.json

@@ -1,21 +1,27 @@
-/*
-  This is a "Solution Style" tsconfig.json file, and is used by editors and TypeScript’s language server to improve development experience.
-  It is not intended to be used to perform a compilation.
-
-  To learn more about this file see: https://angular.io/config/solution-tsconfig.
-*/
 {
-  "useDefineForClassFields": false,
-  "files": [],
-  "references": [
-    {
-      "path": "./src/config/tsconfig.app.json"
-    },
-    {
-      "path": "./src/config/tsconfig.worker.json"
-    },
-    {
-      "path": "./src/config/tsconfig.spec.json"
-    }
-  ]
+  "compileOnSave": false,
+  "compilerOptions": {
+    "importHelpers": true,
+    "module": "esnext",
+    "baseUrl": "./",
+    "outDir": "./dist/out-tsc",
+    "sourceMap": false,
+    "declaration": false,
+    "moduleResolution": "node",
+    "experimentalDecorators": true,
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "downlevelIteration": true,
+    "target": "es2015",
+    "typeRoots": [
+      "node_modules/@types"
+    ],
+    "lib": [
+      "es2018",
+      "dom"
+    ]
+  },
+  "angularCompilerOptions": {
+    "enableIvy": true
+  }
 }

samples/charts/category-chart/annotations-callouts/.codesandbox/Dockerfile

@@ -0,0 +1 @@
+FROM node:18