Merge pull request #1241 from btecu/typescript

Export version without jQuery

Author: adumesny

src/gridstack-only.ts

@@ -0,0 +1,12 @@
+// index.ts 2.0.0-rc @preserve
+
+/**
+ * A package's root file.  Exports all non jQuery exported classes.
+ */
+import './gridstack-poly.js';
+
+export * from './types';
+export * from './utils';
+export * from './gridstack-engine';
+export * from './gridstack-dragdrop-plugin';
+export * from './gridstack';

src/jqueryui-gridstack-dragdrop-plugin.ts

@@ -12,7 +12,7 @@ import { GridItemHTMLElement } from './types';
 
 // TODO: TEMPORARY until can remove jquery-ui drag&drop and this class and use HTML5 instead !
 // see https://stackoverflow.com/questions/35345760/importing-jqueryui-with-typescript-and-requirejs
-import * as $ from './jquery.js';
+import * as $ from 'jquery';
 import './jquery-ui.js';
 
 /**
@@ -110,4 +110,4 @@ JQueryUIGridStackDragDropPlugin.prototype.constructor = JQueryUIGridStackDragDro
 ....
 scope.JQueryUIGridStackDragDropPlugin = JQueryUIGridStackDragDropPlugin;
 return JQueryUIGridStackDragDropPlugin;
-*/
+*/

webpack.config.js

@@ -1,7 +1,13 @@
 const path = require('path');
 
 module.exports = {
-  entry: './src/index.ts',
+  entry: {
+    'gridstack-all': './src/index.ts',
+    'gridstack-no-jquery': './src/gridstack-only.ts'
+  },
+  externals: {
+    jquery: 'jQuery'
+  },
   mode: 'development',
   module: {
     rules: [
@@ -16,7 +22,7 @@ module.exports = {
     extensions: [ '.ts', '.js' ],
   },
   output: {
-    filename: 'gridstack.all.js',
+    filename: '[name].js',
     path: path.resolve(__dirname, 'dist'),
     library: 'GridStack',
     libraryExport: 'GridStack',