Skip to content

Feature/demos remove system js html #34672

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
vorobey merged 17 commits into from
Aug 6, 2026
Merged

Feature/demos remove system js html #34672

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
17 commits
Select commit Hold shift + click to select a range
6c7fc46
T1333073 - DataGrid - Bound pageIndex does not update after internal …
bit-byte0 Aug 5, 2026
3b35e9f
GridCore - DataHelperMixin - fix eslint & typescript errors (#34656)
Tucchhaa Aug 5, 2026
3279908
chore(demos): remove dead DisableExternalEditor metadata
ajivanyandev Jul 29, 2026
b7de53e
feat(demos): add esbuild-based in-place demo build infrastructure
ajivanyandev Jul 29, 2026
023c9e7
ci(demos): point demo CI at the esbuild build instead of SystemJS
ajivanyandev Jul 29, 2026
543f818
chore(demos): remove obsolete SystemJS build machinery and dependencies
ajivanyandev Jul 29, 2026
564ba42
fix(devextreme-angular): resolve PivotGrid/FieldChooser texts naming …
ajivanyandev Jul 29, 2026
bfc80bb
fix(devextreme-react,devextreme-vue): regenerate pivot-grid wrappers …
ajivanyandev Aug 4, 2026
58f005f
chore: fix toplevel menu items
vorobey Aug 5, 2026
b857beb
feat(demos): wire ReactJs demos into the esbuild build
vorobey Aug 6, 2026
2a9a524
refactor(demos): migrate all demos off SystemJS to esbuild bundling
ajivanyandev Jul 29, 2026
e49b759
refactor(demos): migrate ReactJs demos off SystemJS to esbuild bundling
vorobey Aug 6, 2026
df55ffd
refactor(demos): migrate the PivotGrid StandaloneFieldChooser Angular…
vorobey Aug 6, 2026
8af3faf
Merge branch 'feature/remove-systemjs-from-demos' of github.com:DevEx…
vorobey Aug 6, 2026
6b7fe73
chore: fix custom head regeneration
vorobey Aug 6, 2026
770d202
chore: fix custom head regeneration
vorobey Aug 6, 2026
e3a7959
chore: fix demo-html
vorobey Aug 6, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
15 changes: 3 additions & 12 deletions apps/demos/Demos/Accordion/Overview/Angular/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,26 +1,17 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<html lang="en">
<head>
<title>DevExtreme Demo</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
<link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />

<script src="../../../../node_modules/core-js/client/shim.min.js"></script>
<script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
<script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
<script src="../../../../node_modules/systemjs/dist/system.js"></script>

<script src="config.js"></script>
<script>
System.import("app").catch(console.error.bind(console));
</script>
</head>

<body class="dx-viewport">
<div class="demo-container">
<demo-app>Loading...</demo-app>
</div>
<script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
<script src="./bundle.js" type="module"></script>
</body>
</html>
11 changes: 2 additions & 9 deletions apps/demos/Demos/Accordion/Overview/React/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,19 +6,12 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
<link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
<link rel="stylesheet" type="text/css" href="styles.css" />

<script src="../../../../node_modules/core-js/client/shim.min.js"></script>
<script src="../../../../node_modules/systemjs/dist/system.js"></script>
<script type="text/javascript" src="config.js"></script>
<script type="text/javascript">
System.import("./index.tsx");
</script>
<link rel="stylesheet" type="text/css" href="./bundle.css" />
</head>

<body class="dx-viewport">
<div class="demo-container">
<div id="app"></div>
</div>
<script src="./bundle.js"></script>
</body>
</html>
39 changes: 6 additions & 33 deletions apps/demos/Demos/Accordion/Overview/ReactJs/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,43 +2,16 @@
<html lang="en">
<head>
<title>DevExtreme Demo</title>
<meta
http-equiv="X-UA-Compatible"
content="IE=edge"
/>
<meta
http-equiv="Content-Type"
content="text/html; charset=utf-8"
/>
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
/>
<link
rel="stylesheet"
type="text/css"
href="../../../../node_modules/devextreme-dist/css/dx.light.css"
/>
<link
rel="stylesheet"
type="text/css"
href="styles.css"
/>

<script src="../../../../node_modules/core-js/client/shim.min.js"></script>
<script src="../../../../node_modules/systemjs/dist/system.js"></script>
<script
type="text/javascript"
src="config.js"
></script>
<script type="text/javascript">
System.import("./index.js");
</script>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
<link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
<link rel="stylesheet" type="text/css" href="./bundle.css" />
</head>

<body class="dx-viewport">
<div class="demo-container">
<div id="app"></div>
</div>
<script src="./bundle.js"></script>
</body>
</html>
14 changes: 2 additions & 12 deletions apps/demos/Demos/Accordion/Overview/Vue/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,22 +6,12 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
<link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
<script type="module">
import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";

window.vueCompilerSFC = vueCompilerSFC;
</script>
<script src="../../../../node_modules/core-js/client/shim.min.js"></script>
<script src="../../../../node_modules/systemjs/dist/system.js"></script>
<script type="text/javascript" src="config.js"></script>
<script type="text/javascript">
System.import("./index.ts");
</script>
<link rel="stylesheet" type="text/css" href="./bundle.css" />
</head>

<body class="dx-viewport">
<div class="demo-container">
<div id="app"> </div>
</div>
<script src="./bundle.js"></script>
</body>
</html>
15 changes: 3 additions & 12 deletions apps/demos/Demos/ActionSheet/Basics/Angular/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,26 +1,17 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<html lang="en">
<head>
<title>DevExtreme Demo</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
<link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />

<script src="../../../../node_modules/core-js/client/shim.min.js"></script>
<script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
<script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
<script src="../../../../node_modules/systemjs/dist/system.js"></script>

<script src="config.js"></script>
<script>
System.import("app").catch(console.error.bind(console));
</script>
</head>

<body class="dx-viewport">
<div class="demo-container">
<demo-app>Loading...</demo-app>
</div>
<script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
<script src="./bundle.js" type="module"></script>
</body>
</html>
11 changes: 2 additions & 9 deletions apps/demos/Demos/ActionSheet/Basics/React/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,19 +6,12 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
<link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
<link rel="stylesheet" type="text/css" href="styles.css" />

<script src="../../../../node_modules/core-js/client/shim.min.js"></script>
<script src="../../../../node_modules/systemjs/dist/system.js"></script>
<script type="text/javascript" src="config.js"></script>
<script type="text/javascript">
System.import("./index.tsx");
</script>
<link rel="stylesheet" type="text/css" href="./bundle.css" />
</head>

<body class="dx-viewport">
<div class="demo-container">
<div id="app"></div>
</div>
<script src="./bundle.js"></script>
</body>
</html>
39 changes: 6 additions & 33 deletions apps/demos/Demos/ActionSheet/Basics/ReactJs/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,43 +2,16 @@
<html lang="en">
<head>
<title>DevExtreme Demo</title>
<meta
http-equiv="X-UA-Compatible"
content="IE=edge"
/>
<meta
http-equiv="Content-Type"
content="text/html; charset=utf-8"
/>
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
/>
<link
rel="stylesheet"
type="text/css"
href="../../../../node_modules/devextreme-dist/css/dx.light.css"
/>
<link
rel="stylesheet"
type="text/css"
href="styles.css"
/>

<script src="../../../../node_modules/core-js/client/shim.min.js"></script>
<script src="../../../../node_modules/systemjs/dist/system.js"></script>
<script
type="text/javascript"
src="config.js"
></script>
<script type="text/javascript">
System.import("./index.js");
</script>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
<link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
<link rel="stylesheet" type="text/css" href="./bundle.css" />
</head>

<body class="dx-viewport">
<div class="demo-container">
<div id="app"></div>
</div>
<script src="./bundle.js"></script>
</body>
</html>
15 changes: 2 additions & 13 deletions apps/demos/Demos/ActionSheet/Basics/Vue/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,23 +6,12 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
<link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
<link rel="stylesheet" type="text/css" href="styles.css" />
<script type="module">
import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";

window.vueCompilerSFC = vueCompilerSFC;
</script>
<script src="../../../../node_modules/core-js/client/shim.min.js"></script>
<script src="../../../../node_modules/systemjs/dist/system.js"></script>
<script type="text/javascript" src="config.js"></script>
<script type="text/javascript">
System.import("./index.ts");
</script>
<link rel="stylesheet" type="text/css" href="./bundle.css" />
</head>

<body class="dx-viewport">
<div class="demo-container">
<div id="app"> </div>
</div>
<script src="./bundle.js"></script>
</body>
</html>
15 changes: 3 additions & 12 deletions apps/demos/Demos/ActionSheet/PopoverMode/Angular/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,26 +1,17 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<html lang="en">
<head>
<title>DevExtreme Demo</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
<link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />

<script src="../../../../node_modules/core-js/client/shim.min.js"></script>
<script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
<script src="../../../../node_modules/reflect-metadata/Reflect.js"></script>
<script src="../../../../node_modules/systemjs/dist/system.js"></script>

<script src="config.js"></script>
<script>
System.import("app").catch(console.error.bind(console));
</script>
</head>

<body class="dx-viewport">
<div class="demo-container">
<demo-app>Loading...</demo-app>
</div>
<script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
<script src="./bundle.js" type="module"></script>
</body>
</html>
11 changes: 2 additions & 9 deletions apps/demos/Demos/ActionSheet/PopoverMode/React/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,19 +6,12 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
<link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
<link rel="stylesheet" type="text/css" href="styles.css" />

<script src="../../../../node_modules/core-js/client/shim.min.js"></script>
<script src="../../../../node_modules/systemjs/dist/system.js"></script>
<script type="text/javascript" src="config.js"></script>
<script type="text/javascript">
System.import("./index.tsx");
</script>
<link rel="stylesheet" type="text/css" href="./bundle.css" />
</head>

<body class="dx-viewport">
<div class="demo-container">
<div id="app"></div>
</div>
<script src="./bundle.js"></script>
</body>
</html>
39 changes: 6 additions & 33 deletions apps/demos/Demos/ActionSheet/PopoverMode/ReactJs/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,43 +2,16 @@
<html lang="en">
<head>
<title>DevExtreme Demo</title>
<meta
http-equiv="X-UA-Compatible"
content="IE=edge"
/>
<meta
http-equiv="Content-Type"
content="text/html; charset=utf-8"
/>
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
/>
<link
rel="stylesheet"
type="text/css"
href="../../../../node_modules/devextreme-dist/css/dx.light.css"
/>
<link
rel="stylesheet"
type="text/css"
href="styles.css"
/>

<script src="../../../../node_modules/core-js/client/shim.min.js"></script>
<script src="../../../../node_modules/systemjs/dist/system.js"></script>
<script
type="text/javascript"
src="config.js"
></script>
<script type="text/javascript">
System.import("./index.js");
</script>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
<link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
<link rel="stylesheet" type="text/css" href="./bundle.css" />
</head>

<body class="dx-viewport">
<div class="demo-container">
<div id="app"></div>
</div>
<script src="./bundle.js"></script>
</body>
</html>
15 changes: 2 additions & 13 deletions apps/demos/Demos/ActionSheet/PopoverMode/Vue/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,23 +6,12 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
<link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
<link rel="stylesheet" type="text/css" href="styles.css" />
<script type="module">
import * as vueCompilerSFC from "../../../../node_modules/@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";

window.vueCompilerSFC = vueCompilerSFC;
</script>
<script src="../../../../node_modules/core-js/client/shim.min.js"></script>
<script src="../../../../node_modules/systemjs/dist/system.js"></script>
<script type="text/javascript" src="config.js"></script>
<script type="text/javascript">
System.import("./index.ts");
</script>
<link rel="stylesheet" type="text/css" href="./bundle.css" />
</head>

<body class="dx-viewport">
<div class="demo-container">
<div id="app"> </div>
</div>
<script src="./bundle.js"></script>
</body>
</html>
Loading
Loading