Merge pull request #3022 from adumesny/master

adumesny · web-flow · commit 2c7be0d91f49 · 2025-04-17T13:48:12.000-07:00
remove ES5 support
diff --git a/Gruntfile.js b/Gruntfile.js
@@ -38,7 +38,6 @@ module.exports = function(grunt) {
     copy: {
       dist: {
         files: {
-          'dist/es5/gridstack-poly.js': ['src/gridstack-poly.js'],
           'dist/src/gridstack.scss': ['src/gridstack.scss'],
           'dist/angular/README.md': ['angular/README.md'],
           'dist/angular/src/gridstack.component.ts': ['angular/projects/lib/src/lib/gridstack.component.ts'],
diff --git a/README.md b/README.md
@@ -88,7 +88,7 @@ Alternatively (single combined file, notice the -all.js) in html
 <script src="node_modules/gridstack/dist/gridstack-all.js"></script>
 ```
 
-**Note**: IE support was dropped in v2, but restored in v4.4 by an external contributor (I have no interest in testing+supporting obsolete browser so this likely will break again in the future).
+**Note**: IE support was dropped in v2, but restored in v4.4 by an external contributor (I have no interest in testing+supporting obsolete browser so this likely will break again in the future) and DROPPED again in v12 (css variable needed).
 You can use the es5 files and polyfill (larger) for older browser instead. For example:
 ```html
 <link href="node_modules/gridstack/dist/gridstack.min.css" rel="stylesheet"/>
diff --git a/demo/web1.html b/demo/web1.html
@@ -13,9 +13,7 @@
   <script type="module" src="https://unpkg.com/ionicons@4.5.10-0/dist/ionicons/ionicons.esm.js"></script>
   <script nomodule="" src="https://unpkg.com/ionicons@4.5.10-0/dist/ionicons/ionicons.js"></script>
 
-  <!-- support for IE -->
-  <script src="../dist/es5/gridstack-poly.js"></script>
-  <script src="../dist/es5/gridstack-all.js"></script>
+  <script src="../dist/gridstack-all.js"></script>
 </head>
 
 <body>
diff --git a/demo/web2.html b/demo/web2.html
@@ -13,9 +13,7 @@
   <script type="module" src="https://unpkg.com/ionicons@4.5.10-0/dist/ionicons/ionicons.esm.js"></script>
   <script nomodule="" src="https://unpkg.com/ionicons@4.5.10-0/dist/ionicons/ionicons.js"></script>
 
-  <!-- support for IE -->
-  <script src="../dist/es5/gridstack-poly.js"></script>
-  <script src="../dist/es5/gridstack-all.js"></script>
+  <script src="../dist/gridstack-all.js"></script>
 
   <style type="text/css">
     .grid-stack-item-removing {
diff --git a/doc/CHANGES.md b/doc/CHANGES.md
@@ -5,6 +5,7 @@ Change log
 <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
 **Table of Contents**  *generated with [DocToc](http://doctoc.herokuapp.com/)*
 
+- [12.0.0-dev (TBD)](#1200-dev-tbd)
 - [12.0.0 (2025-04-12)](#1200-2025-04-12)
 - [11.5.1 (2025-03-23)](#1151-2025-03-23)
 - [11.5.0 (2025-03-16)](#1150-2025-03-16)
@@ -123,6 +124,10 @@ Change log
 - [v0.1.0 (2014-11-18)](#v010-2014-11-18)
 
 <!-- END doctoc generated TOC please keep comment here to allow auto update -->
+
+## 12.0.0-dev (TBD)
+* removed ES5 support (IE doesn't support CSS vars needed now)
+
 ## 12.0.0 (2025-04-12)
 * feat: [#2854](https://github.com/gridstack/gridstack.js/pull/2854) Removed dynamic stylesheet and migrated to CSS vars. Thank you [lmartorella](https://github.com/lmartorella)
 * feat: [#3013](https://github.com/gridstack/gridstack.js/pull/3013) columns no longer require custom classes nor `gridstack-extra.css` as we now use CSS vars.
diff --git a/es5/tsconfig.json b/es5/tsconfig.json
diff --git a/es5/webpack.config.js b/es5/webpack.config.js
diff --git a/package.json b/package.json
@@ -25,9 +25,8 @@
     }
   ],
   "scripts": {
-    "build": "yarn --no-progress && yarn build:ng && grunt && yarn build:es6 && yarn build:es5 && yarn doc",
+    "build": "yarn --no-progress && yarn build:ng && grunt && yarn build:es6 && yarn doc",
     "build:es6": "webpack && tsc --stripInternal",
-    "build:es5": "webpack --config es5/webpack.config.js && tsc --stripInternal --project es5/tsconfig.json",
     "build:ng": "cd angular && yarn --no-progress && yarn build lib",
     "w": "webpack",
     "t": "rm -rf dist/* && grunt && tsc --stripInternal",
diff --git a/src/gridstack-poly.js b/src/gridstack-poly.js
