fix: fix SystemJS boilerplate configs for all frameworks

- Add format: cjs to dockview-core/dockview package configs so SystemJS
  wraps CJS modules correctly
- Add dockview-core as transitive dependency in React CDN map
- Angular: match AG Grid's config exactly — TypeScript 4.4, tslib, no
  explicit format for fesm2022 .mjs, add Angular sub-path mappings
  (primitives/signals, common/http, platform-browser/animations)
- Fix zone.js path (fesm2015/ not dist/)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: mathuo

packages/docs/scripts/buildTemplates.mjs

@@ -29,9 +29,11 @@ const FRAMEWORK_BOILERPLATE = {
 const DOCKVIEW_CDN = {
     react: {
         remote: {
+            'dockview-core': `https://cdn.jsdelivr.net/npm/dockview-core@${DOCKVIEW_VERSION}`,
             dockview: `https://cdn.jsdelivr.net/npm/dockview@${DOCKVIEW_VERSION}`,
         },
         local: {
+            'dockview-core': `${local}/dockview-core`,
             dockview: `${local}/dockview`,
         },
     },

packages/docs/static/example-runner/dockview-angular-boilerplate/systemjs.config.js

@@ -13,11 +13,9 @@
     System.config({
         transpiler: 'ts',
         typescriptOptions: {
-            target: 'es2015',
-            module: 'system',
-            moduleResolution: 'node',
-            experimentalDecorators: true,
+            target: 'es2020',
             emitDecoratorMetadata: true,
+            experimentalDecorators: true,
         },
         meta: {
             typescript: {
@@ -32,38 +30,47 @@
             {
                 css: '/example-runner/css.js',
                 ts: 'npm:plugin-typescript@8.0.0/lib/plugin.js',
-                typescript: 'npm:typescript@5.4.5/lib/typescript.min.js',
+                tslib: 'npm:tslib@2.3.1/tslib.js',
+                typescript: 'npm:typescript@4.4/lib/typescript.min.js',
 
                 app: defined_dockview_appLocation,
 
                 '@angular/core':
                     'npm:@angular/core@17.0.0/fesm2022/core.mjs',
+                '@angular/core/primitives/signals':
+                    'npm:@angular/core@17.0.0/fesm2022/primitives/signals.mjs',
                 '@angular/common':
                     'npm:@angular/common@17.0.0/fesm2022/common.mjs',
+                '@angular/common/http':
+                    'npm:@angular/common@17.0.0/fesm2022/http.mjs',
                 '@angular/compiler':
                     'npm:@angular/compiler@17.0.0/fesm2022/compiler.mjs',
                 '@angular/platform-browser':
                     'npm:@angular/platform-browser@17.0.0/fesm2022/platform-browser.mjs',
+                '@angular/platform-browser/animations':
+                    'npm:@angular/platform-browser@17.0.0/fesm2022/animations.mjs',
                 '@angular/platform-browser-dynamic':
                     'npm:@angular/platform-browser-dynamic@17.0.0/fesm2022/platform-browser-dynamic.mjs',
                 rxjs: 'npm:rxjs@7.8.1/dist/bundles/rxjs.umd.min.js',
                 'rxjs/operators':
                     'npm:rxjs@7.8.1/dist/bundles/rxjs.umd.min.js',
-                'zone.js': 'npm:zone.js@0.14.3/dist/zone.min.js',
+                'zone.js': 'npm:zone.js@0.14.3/fesm2015/zone.min.js',
             },
             defined_dockview_systemJsMap
         ),
         packages: {
+            css: {},
             app: {
                 defaultExtension: 'ts',
             },
             'dockview-core': {
                 main: './dist/cjs/index.js',
+                format: 'cjs',
                 defaultExtension: 'js',
             },
             'dockview-angular': {
-                main: './dist/cjs/index.js',
-                defaultExtension: 'js',
+                main: './dist/fesm2022/dockview-angular.mjs',
+                defaultExtension: 'mjs',
             },
         },
     });

packages/docs/static/example-runner/dockview-react-boilerplate/systemjs.config.js

@@ -46,8 +46,14 @@
             app: {
                 defaultExtension: 'tsx',
             },
+            'dockview-core': {
+                main: './dist/cjs/index.js',
+                format: 'cjs',
+                defaultExtension: 'js',
+            },
             dockview: {
                 main: './dist/cjs/index.js',
+                format: 'cjs',
                 defaultExtension: 'js',
             },
         },

packages/docs/static/example-runner/dockview-typescript-boilerplate/systemjs.config.js

@@ -41,6 +41,7 @@
             },
             'dockview-core': {
                 main: './dist/cjs/index.js',
+                format: 'cjs',
                 defaultExtension: 'js',
             },
         },

packages/docs/static/example-runner/dockview-vue-boilerplate/systemjs.config.js

@@ -45,10 +45,12 @@
             },
             'dockview-core': {
                 main: './dist/cjs/index.js',
+                format: 'cjs',
                 defaultExtension: 'js',
             },
             'dockview-vue': {
                 main: './dist/dockview-vue.es.js',
+                format: 'esm',
                 defaultExtension: 'js',
             },
         },