@adaptabletools/adaptable-mcp 0.1.0-canary.1 → 0.1.0-canary.2

package/data/templates/angular/src/app/styles.css

@@ -0,0 +1,50 @@
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&display=swap');
+
+:root {
+  --ab__font-family:
+    'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+    Oxygen-Sans, Ubuntu;
+
+  /* Default rem value: 16px; docs value: 14px */
+  --ab-font-size-0: 0.5rem; /* 7px for 1rem=14px; 8px for 1rem=16px */
+  --ab-font-size-1: 0.625rem; /* 8.75px for 1rem=14px; 10px for 1rem=16px */
+  --ab-font-size-2: 0.75rem; /* 10.5px for 1rem=14px; 12px for 1rem=16px */
+  --ab-font-size-3: 0.875rem; /* 12.25px for 1rem=14px; 14px for 1rem=16px */
+  --ab-font-size-4: 1rem;
+  --ab-font-size-5: 1.25rem; /* 17.5px for 1rem=14px; 20px for 1rem=16px */
+  --ab-font-size-6: 1.5rem; /* 21px for 1rem=14px; 24px for 1rem=16px */
+  --ab-font-size-7: 2.25rem; /* 31.5px for 1rem=14px; 36px for 1rem=16px */
+  --ab-input-height: 34px;
+}
+
+html,
+body {
+  height: 100%;
+  font-family: var(--ab__font-family);
+  font-size: 14px;
+}
+
+body {
+  display: flex;
+  flex-flow: column;
+  height: 100vh;
+  margin: 0px;
+}
+
+#grid {
+  flex: 1;
+}
+
+.ab-Dashboard__title {
+  font-weight: normal;
+}
+
+.ab-Dashboard__tab {
+  padding: 6px 9px;
+}
+
+/* Charting size */
+#demoOutputAbove .ag-chart,
+#demoOutputBelow .ag-chart {
+  height: 300px;
+}

package/data/templates/angular/src/index.html

@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <title>Adaptable Demo Angular</title>
+    <base href="/">
+
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+</head>
+
+<body>
+<app-root></app-root>
+</body>
+
+</html>

package/data/templates/angular/src/main.ts

@@ -0,0 +1,18 @@
+import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
+
+import {AppModule} from './app/app.module';
+platformBrowserDynamic()
+  .bootstrapModule(AppModule)
+  .then(ref => {
+    // Ensure Angular destroys itself on hot reloads.
+    // @ts-ignore
+    if (window['ngRef']) {
+      // @ts-ignore
+      window['ngRef'].destroy();
+    }
+    // @ts-ignore
+    window['ngRef'] = ref;
+
+    // Otherwise, log the boot error
+  })
+  .catch(err => console.log(err));

package/data/templates/angular/src/polyfills.ts

@@ -0,0 +1 @@
+import 'zone.js';

package/data/templates/angular/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "compileOnSave": false,
+  "compilerOptions": {
+    "baseUrl": "./",
+    "outDir": "./dist/out-tsc",
+    "sourceMap": true,
+    "declaration": false,
+    "downlevelIteration": true,
+    "experimentalDecorators": true,
+    "moduleResolution": "node",
+    "importHelpers": true,
+    "target": "ES2020",
+    "module": "es2020",
+    "lib": ["ES2020", "dom"]
+  }
+}

package/data/templates/manifest.json

@@ -0,0 +1,406 @@
+{
+  "schemaVersion": 1,
+  "source": "documentation/src/sandpack-templates",
+  "frameworks": {
+    "vanilla": {
+      "srcDir": "src",
+      "indexHtmlPath": "index.html",
+      "adaptablePackage": "@adaptabletools/adaptable",
+      "dependencies": [
+        "@adaptabletools/adaptable",
+        "ag-grid-enterprise",
+        "ag-stack"
+      ],
+      "devDependencies": [
+        "typescript"
+      ],
+      "files": [
+        {
+          "path": "index.html",
+          "source": "documentation/src/sandpack-templates/base-vanilla/index.html",
+          "kind": "framework",
+          "bytes": 465,
+          "sha256": "9d2d7ddca652e27ff5927432298535572b6ab6eaff5f0149e9af4f95c4214031"
+        },
+        {
+          "path": "src/adaptableOptions.ts",
+          "source": "documentation/src/sandpack-templates/base-common/adaptableOptions.ts",
+          "kind": "common",
+          "bytes": 943,
+          "sha256": "c9620b693bfb9eef5136880b53839b03cd48abeccbaf8f3159b578799e16da9f"
+        },
+        {
+          "path": "src/agGridModules.ts",
+          "source": "documentation/src/sandpack-templates/base-common/agGridModules.ts",
+          "kind": "common",
+          "bytes": 172,
+          "sha256": "d43ab8885cc50f50c0da12611829b7dcfb3896014ee6f2c818438e87da95f1c4"
+        },
+        {
+          "path": "src/columnDefs.ts",
+          "source": "documentation/src/sandpack-templates/base-common/columnDefs.ts",
+          "kind": "common",
+          "bytes": 2270,
+          "sha256": "4f72534d088fe006f8b68a13cdb3ec9e84adb94669b404ae72d35f3b39f2ee3e"
+        },
+        {
+          "path": "src/gridOptions.ts",
+          "source": "documentation/src/sandpack-templates/base-common/gridOptions.ts",
+          "kind": "common",
+          "bytes": 775,
+          "sha256": "894efb7617e3534192a918ba1d8ea89fd79319626c51b9a6625cc6170513d04e"
+        },
+        {
+          "path": "src/index.ts",
+          "source": "documentation/src/sandpack-templates/base-vanilla/src/index.ts",
+          "kind": "framework",
+          "bytes": 1023,
+          "sha256": "4e09ef5ae9229a5dc03a2984786a507c5e3ad0c5879383dc060d05c3bb3486e2"
+        },
+        {
+          "path": "src/onAdaptableReady.ts",
+          "source": "documentation/src/sandpack-templates/base-common/onAdaptableReady.ts",
+          "kind": "common",
+          "bytes": 305,
+          "sha256": "7e117cdc43874505551a6986eb21261aa8cede3fa4e723320fafbee2d2430a7b"
+        },
+        {
+          "path": "src/rowData.ts",
+          "source": "documentation/src/sandpack-templates/base-common/rowData.ts",
+          "kind": "common",
+          "bytes": 24069,
+          "sha256": "823be230e2a5dd503e873790b36ed51be369530f10853a456ce96b10df2f6232"
+        },
+        {
+          "path": "src/styles.css",
+          "source": "documentation/src/sandpack-templates/base-common/styles.css",
+          "kind": "common",
+          "bytes": 1241,
+          "sha256": "06349029385962563fa1dc582b26b49f6df7d2487d37d94b71a4eca64667a8a0"
+        },
+        {
+          "path": "tsconfig.json",
+          "source": "documentation/src/sandpack-templates/base-vanilla/tsconfig.json",
+          "kind": "framework",
+          "bytes": 276,
+          "sha256": "027e77d67e949bfaf3d25931d2aac3760ade0bef53316703d0e7f85cc4bbc9cd"
+        }
+      ]
+    },
+    "react": {
+      "srcDir": "src",
+      "indexHtmlPath": null,
+      "adaptablePackage": "@adaptabletools/adaptable-react-aggrid",
+      "dependencies": [
+        "@adaptabletools/adaptable",
+        "@adaptabletools/adaptable-react-aggrid",
+        "ag-grid-enterprise",
+        "ag-stack",
+        "ag-grid-react",
+        "react",
+        "react-dom"
+      ],
+      "devDependencies": [
+        "@types/react",
+        "@types/react-dom",
+        "typescript"
+      ],
+      "files": [
+        {
+          "path": "src/App.tsx",
+          "source": "documentation/src/sandpack-templates/base-react/src/App.tsx",
+          "kind": "framework",
+          "bytes": 2137,
+          "sha256": "1a0230bfe38bcf91f6becf010defbab80cebbd604739b953ee41800e76ebece5"
+        },
+        {
+          "path": "src/adaptableOptions.ts",
+          "source": "documentation/src/sandpack-templates/base-common/adaptableOptions.ts",
+          "kind": "common",
+          "bytes": 943,
+          "sha256": "c9620b693bfb9eef5136880b53839b03cd48abeccbaf8f3159b578799e16da9f"
+        },
+        {
+          "path": "src/agGridModules.ts",
+          "source": "documentation/src/sandpack-templates/base-common/agGridModules.ts",
+          "kind": "common",
+          "bytes": 172,
+          "sha256": "d43ab8885cc50f50c0da12611829b7dcfb3896014ee6f2c818438e87da95f1c4"
+        },
+        {
+          "path": "src/columnDefs.ts",
+          "source": "documentation/src/sandpack-templates/base-common/columnDefs.ts",
+          "kind": "common",
+          "bytes": 2270,
+          "sha256": "4f72534d088fe006f8b68a13cdb3ec9e84adb94669b404ae72d35f3b39f2ee3e"
+        },
+        {
+          "path": "src/gridOptions.ts",
+          "source": "documentation/src/sandpack-templates/base-common/gridOptions.ts",
+          "kind": "common",
+          "bytes": 775,
+          "sha256": "894efb7617e3534192a918ba1d8ea89fd79319626c51b9a6625cc6170513d04e"
+        },
+        {
+          "path": "src/index.tsx",
+          "source": "documentation/src/sandpack-templates/base-react/src/index.tsx",
+          "kind": "framework",
+          "bytes": 215,
+          "sha256": "bc4b88bdd3bb1fe000d96856d2102bfbe1a9755137e4babe70263e2ac63fade2"
+        },
+        {
+          "path": "src/onAdaptableReady.ts",
+          "source": "documentation/src/sandpack-templates/base-common/onAdaptableReady.ts",
+          "kind": "common",
+          "bytes": 305,
+          "sha256": "7e117cdc43874505551a6986eb21261aa8cede3fa4e723320fafbee2d2430a7b"
+        },
+        {
+          "path": "src/rowData.ts",
+          "source": "documentation/src/sandpack-templates/base-common/rowData.ts",
+          "kind": "common",
+          "bytes": 24069,
+          "sha256": "823be230e2a5dd503e873790b36ed51be369530f10853a456ce96b10df2f6232"
+        },
+        {
+          "path": "src/styles.css",
+          "source": "documentation/src/sandpack-templates/base-common/styles.css",
+          "kind": "common",
+          "bytes": 1241,
+          "sha256": "06349029385962563fa1dc582b26b49f6df7d2487d37d94b71a4eca64667a8a0"
+        },
+        {
+          "path": "tsconfig.json",
+          "source": "documentation/src/sandpack-templates/base-react/tsconfig.json",
+          "kind": "framework",
+          "bytes": 162,
+          "sha256": "f3869e30095f625233ca0c1389656291e19c1e4eaa1416dfe9c2480543f2ea69"
+        }
+      ]
+    },
+    "angular": {
+      "srcDir": "src/app",
+      "indexHtmlPath": null,
+      "adaptablePackage": "@adaptabletools/adaptable-angular-aggrid",
+      "dependencies": [
+        "@adaptabletools/adaptable",
+        "@adaptabletools/adaptable-angular-aggrid",
+        "ag-grid-enterprise",
+        "ag-stack",
+        "ag-grid-angular",
+        "@angular/core",
+        "@angular/platform-browser",
+        "@angular/platform-browser-dynamic",
+        "@angular/common",
+        "@angular/compiler",
+        "zone.js",
+        "rxjs",
+        "typescript"
+      ],
+      "devDependencies": [],
+      "files": [
+        {
+          "path": "src/app/adaptableOptions.ts",
+          "source": "documentation/src/sandpack-templates/base-common/adaptableOptions.ts",
+          "kind": "common",
+          "bytes": 943,
+          "sha256": "c9620b693bfb9eef5136880b53839b03cd48abeccbaf8f3159b578799e16da9f"
+        },
+        {
+          "path": "src/app/agGridModules.ts",
+          "source": "documentation/src/sandpack-templates/base-common/agGridModules.ts",
+          "kind": "common",
+          "bytes": 172,
+          "sha256": "d43ab8885cc50f50c0da12611829b7dcfb3896014ee6f2c818438e87da95f1c4"
+        },
+        {
+          "path": "src/app/app.component.ts",
+          "source": "documentation/src/sandpack-templates/base-angular/src/app/app.component.ts",
+          "kind": "framework",
+          "bytes": 1760,
+          "sha256": "903aa512a98f03325348e19656fe4b47ad2df458c46da11a777fab50709dd5d3"
+        },
+        {
+          "path": "src/app/app.module.ts",
+          "source": "documentation/src/sandpack-templates/base-angular/src/app/app.module.ts",
+          "kind": "framework",
+          "bytes": 469,
+          "sha256": "07245a50f69f04decd2e85baf761c9cfd3fadd78392a20ecc70acce13a09a958"
+        },
+        {
+          "path": "src/app/columnDefs.ts",
+          "source": "documentation/src/sandpack-templates/base-common/columnDefs.ts",
+          "kind": "common",
+          "bytes": 2270,
+          "sha256": "4f72534d088fe006f8b68a13cdb3ec9e84adb94669b404ae72d35f3b39f2ee3e"
+        },
+        {
+          "path": "src/app/gridOptions.ts",
+          "source": "documentation/src/sandpack-templates/base-common/gridOptions.ts",
+          "kind": "common",
+          "bytes": 775,
+          "sha256": "894efb7617e3534192a918ba1d8ea89fd79319626c51b9a6625cc6170513d04e"
+        },
+        {
+          "path": "src/app/onAdaptableReady.ts",
+          "source": "documentation/src/sandpack-templates/base-common/onAdaptableReady.ts",
+          "kind": "common",
+          "bytes": 305,
+          "sha256": "7e117cdc43874505551a6986eb21261aa8cede3fa4e723320fafbee2d2430a7b"
+        },
+        {
+          "path": "src/app/rowData.ts",
+          "source": "documentation/src/sandpack-templates/base-common/rowData.ts",
+          "kind": "common",
+          "bytes": 24069,
+          "sha256": "823be230e2a5dd503e873790b36ed51be369530f10853a456ce96b10df2f6232"
+        },
+        {
+          "path": "src/app/styles.css",
+          "source": "documentation/src/sandpack-templates/base-common/styles.css",
+          "kind": "common",
+          "bytes": 1241,
+          "sha256": "06349029385962563fa1dc582b26b49f6df7d2487d37d94b71a4eca64667a8a0"
+        },
+        {
+          "path": "src/index.html",
+          "source": "documentation/src/sandpack-templates/base-angular/src/index.html",
+          "kind": "framework",
+          "bytes": 260,
+          "sha256": "26bef2fc445d89cb0e3066ee3c99e3132d8af5e574ee211fb61619b0f22ce686"
+        },
+        {
+          "path": "src/main.ts",
+          "source": "documentation/src/sandpack-templates/base-angular/src/main.ts",
+          "kind": "framework",
+          "bytes": 472,
+          "sha256": "7de7ed419d328e950e447e32f7debbef5055f75a10dcd249bb7c369ad904a6dc"
+        },
+        {
+          "path": "src/polyfills.ts",
+          "source": "documentation/src/sandpack-templates/base-angular/src/polyfills.ts",
+          "kind": "framework",
+          "bytes": 18,
+          "sha256": "06a08405db61f70c68ab9fd08b3d69334d24ee23cc68cab23b3cbbbc0c5b241d"
+        },
+        {
+          "path": "tsconfig.json",
+          "source": "documentation/src/sandpack-templates/base-angular/tsconfig.json",
+          "kind": "framework",
+          "bytes": 363,
+          "sha256": "1332635bf17a6e565f4f12d107e8cfa05a83d6b0ecadb57f83cfe9d18dbf6ae0"
+        }
+      ]
+    },
+    "vue": {
+      "srcDir": "src",
+      "indexHtmlPath": "public/index.html",
+      "adaptablePackage": "@adaptabletools/adaptable-vue3-aggrid",
+      "dependencies": [
+        "@adaptabletools/adaptable",
+        "@adaptabletools/adaptable-vue3-aggrid",
+        "ag-grid-enterprise",
+        "ag-stack",
+        "ag-grid-vue3",
+        "vue"
+      ],
+      "devDependencies": [
+        "typescript",
+        "@babel/core"
+      ],
+      "files": [
+        {
+          "path": ".babelrc",
+          "source": "documentation/src/sandpack-templates/base-vue/.babelrc",
+          "kind": "framework",
+          "bytes": 67,
+          "sha256": "63d4e0c8d68ea7bdf108314a1e037737cc11e04e6a1acefcc0f46c75d5728de7"
+        },
+        {
+          "path": "public/index.html",
+          "source": "documentation/src/sandpack-templates/base-vue/public/index.html",
+          "kind": "framework",
+          "bytes": 547,
+          "sha256": "8e3c763be7e163f6f97fd5f0a74ce72d17f0b36de15232b441c79d0d7fd28a26"
+        },
+        {
+          "path": "src/App.vue",
+          "source": "documentation/src/sandpack-templates/base-vue/src/App.vue",
+          "kind": "framework",
+          "bytes": 1009,
+          "sha256": "7fc8d7f5adc27b4acf12ec96b447be71b0f67b907d3576cab08a72060207c9cd"
+        },
+        {
+          "path": "src/adaptableOptions.ts",
+          "source": "documentation/src/sandpack-templates/base-common/adaptableOptions.ts",
+          "kind": "common",
+          "bytes": 943,
+          "sha256": "c9620b693bfb9eef5136880b53839b03cd48abeccbaf8f3159b578799e16da9f"
+        },
+        {
+          "path": "src/agGridModules.ts",
+          "source": "documentation/src/sandpack-templates/base-common/agGridModules.ts",
+          "kind": "common",
+          "bytes": 172,
+          "sha256": "d43ab8885cc50f50c0da12611829b7dcfb3896014ee6f2c818438e87da95f1c4"
+        },
+        {
+          "path": "src/columnDefs.ts",
+          "source": "documentation/src/sandpack-templates/base-common/columnDefs.ts",
+          "kind": "common",
+          "bytes": 2270,
+          "sha256": "4f72534d088fe006f8b68a13cdb3ec9e84adb94669b404ae72d35f3b39f2ee3e"
+        },
+        {
+          "path": "src/gridOptions.ts",
+          "source": "documentation/src/sandpack-templates/base-common/gridOptions.ts",
+          "kind": "common",
+          "bytes": 775,
+          "sha256": "894efb7617e3534192a918ba1d8ea89fd79319626c51b9a6625cc6170513d04e"
+        },
+        {
+          "path": "src/main.ts",
+          "source": "documentation/src/sandpack-templates/base-vue/src/main.ts",
+          "kind": "framework",
+          "bytes": 172,
+          "sha256": "b67cc10cfcfd4986eb5c79cf724cd55ab083b318920c0aa32128dd791536b79e"
+        },
+        {
+          "path": "src/onAdaptableReady.ts",
+          "source": "documentation/src/sandpack-templates/base-common/onAdaptableReady.ts",
+          "kind": "common",
+          "bytes": 305,
+          "sha256": "7e117cdc43874505551a6986eb21261aa8cede3fa4e723320fafbee2d2430a7b"
+        },
+        {
+          "path": "src/rowData.ts",
+          "source": "documentation/src/sandpack-templates/base-common/rowData.ts",
+          "kind": "common",
+          "bytes": 24069,
+          "sha256": "823be230e2a5dd503e873790b36ed51be369530f10853a456ce96b10df2f6232"
+        },
+        {
+          "path": "src/shims-vue.d.ts",
+          "source": "documentation/src/sandpack-templates/base-vue/src/shims-vue.d.ts",
+          "kind": "framework",
+          "bytes": 169,
+          "sha256": "1f743c8bae4bdebe69fc6092151f3ffe3f46a78f29a8a01cecfa50c9ba1a9fc4"
+        },
+        {
+          "path": "src/styles.css",
+          "source": "documentation/src/sandpack-templates/base-common/styles.css",
+          "kind": "common",
+          "bytes": 1241,
+          "sha256": "06349029385962563fa1dc582b26b49f6df7d2487d37d94b71a4eca64667a8a0"
+        },
+        {
+          "path": "tsconfig.json",
+          "source": "documentation/src/sandpack-templates/base-vue/tsconfig.json",
+          "kind": "framework",
+          "bytes": 700,
+          "sha256": "c12f59c1133844b80dd5174a93c9299a6d9fe7273647ea6acbf2af5fbb9af13e"
+        }
+      ]
+    }
+  }
+}

package/data/templates/react/src/App.tsx

@@ -0,0 +1,71 @@
+import * as React from 'react';
+import {useState} from 'react';
+import {
+  Adaptable,
+  AdaptableApi,
+  AdaptableOptions,
+  AdaptableReadyInfo,
+} from '@adaptabletools/adaptable-react-aggrid';
+
+import {GridOptions} from 'ag-grid-enterprise';
+
+// import adaptable css
+import '@adaptabletools/adaptable-react-aggrid/index.css';
+import './styles.css';
+
+import {adaptableOptions} from './adaptableOptions';
+import {onAdaptableReady} from './onAdaptableReady';
+import {gridOptions} from './gridOptions';
+import {agGridModules} from './agGridModules';
+import {WebFramework} from './rowData';
+const App: React.FunctionComponent = () => {
+  const adaptableApiRef = React.useRef<AdaptableApi>(null);
+
+  const [adaptOptions, setAdaptOptions] = useState<
+    AdaptableOptions<WebFramework>
+  >({
+    ...(adaptableOptions ?? {}),
+    stateOptions: {
+      loadState: () => Promise.resolve({}),
+      persistState: () => Promise.resolve(),
+      ...(adaptableOptions?.stateOptions ?? {}),
+    },
+  });
+  const [agGridOptions, setAgGridOptions] = useState<GridOptions>(gridOptions);
+
+  return (
+    <div style={{display: 'flex', flexFlow: 'column', height: '100vh'}}>
+      <div id="demoOutputAbove"></div>
+      <div
+        style={{
+          display: 'flex',
+          flexFlow: 'column',
+          flex: 1,
+          minHeight: 0,
+        }}>
+        <Adaptable.Provider
+          gridOptions={agGridOptions}
+          adaptableOptions={adaptOptions}
+          modules={[...agGridModules]}
+          onAdaptableReady={(adaptableReadyInfo: AdaptableReadyInfo) => {
+            // save a reference to adaptable api
+            adaptableApiRef.current = adaptableReadyInfo.adaptableApi;
+            onAdaptableReady(adaptableReadyInfo);
+          }}>
+          <Adaptable.UI style={{flex: 'none'}} />
+          <div
+            style={{
+              flex: 1,
+              minHeight: 0,
+              display: 'flex',
+              flexDirection: 'column',
+            }}>
+            <Adaptable.AgGridReact />
+          </div>
+        </Adaptable.Provider>
+      </div>
+      <div id="demoOutputBelow"></div>
+    </div>
+  );
+};
+export default App;

package/data/templates/react/src/adaptableOptions.ts

@@ -0,0 +1,40 @@
+import {WebFramework} from './rowData';
+import {
+  Adaptable,
+  AdaptableOptions,
+  AdaptablePercentageEditor,
+} from '@adaptabletools/adaptable';
+
+export const adaptableOptions: AdaptableOptions<WebFramework> = {
+  primaryKey: 'id',
+  adaptableId: 'Adaptable Demo',
+  initialState: {
+    Layout: {
+      CurrentLayout: 'Standard Layout',
+      Layouts: [
+        {
+          Name: 'Standard Layout',
+          TableColumns: [
+            'name',
+            'language',
+            'github_stars',
+            'license',
+            'created_at',
+            'has_wiki',
+            'updated_at',
+            'pushed_at',
+            'github_watchers',
+            'open_issues_count',
+            'closed_issues_count',
+            'open_pr_count',
+            'closed_pr_count',
+            'description',
+            'has_projects',
+            'has_pages',
+            'week_issue_change',
+          ],
+        },
+      ],
+    },
+  },
+};

package/data/templates/react/src/agGridModules.ts

@@ -0,0 +1,7 @@
+import {
+  AllEnterpriseModule,
+  Module,
+  ValidationModule,
+} from 'ag-grid-enterprise';
+
+export const agGridModules: Module[] = [AllEnterpriseModule, ValidationModule];