Unable to load tablesort.number

I’m getting Uncaught ReferenceError: Tablesort is not defined when I’m loading the tablesort.number.js script.

[cirosantilli]

Here’s a reproducer of the problem: https://github.com/cirosantilli/cirodown/blob/f6d4e00fa159a37f2e45c1a4de72ee1726f72ac4/web2/pages/_app.tsx#L9

Edit: got it working with require instead of import as:

  Tablesort = require('tablesort')
  require('tablesort/src/sorts/tablesort.date.js')
  require('tablesort/src/sorts/tablesort.dotsep.js')
  require('tablesort/src/sorts/tablesort.filesize.js')
  require('tablesort/src/sorts/tablesort.monthname.js')
  require('tablesort/src/sorts/tablesort.number.js')

Maybe also try:

const Tablesort = require('tablesort')
window.Tablesort = Tablesort
require('tablesort/src/sorts/tablesort.date.js')
require('tablesort/src/sorts/tablesort.dotsep.js')
require('tablesort/src/sorts/tablesort.filesize.js')
require('tablesort/src/sorts/tablesort.monthname.js')
require('tablesort/src/sorts/tablesort.number.js')

The root problem is that Tablesort is just used as a global from each of the sort types, e.g. node_modules/tablesort/src/sorts/tablesort.date.js does:

// Basic dates in dd/mm/yy or dd-mm-yy format.
// Years can be 4 digits. Days and Months can be 1 or 2 digits.
(function(){
  var parseDate = function(date) {
    date = date.replace(/\-/g, '/');
    date = date.replace(/(\d{1,2})[\/\-](\d{1,2})[\/\-](\d{2,4})/, '$3-$2-$1'); // format before getTime

    return new Date(date).getTime() || -1;
  };

  Tablesort.extend('date', function(item) {

[follesoe]

Same issue, the readme file only describes how to import the tablesort library, but not the additional sorts when using it in a npm/webpack context: var tablesort = require('tablesort');.