refactor!: tsc/ESM/Deno support (#82)

.eslintrc

@@ -0,0 +1,21 @@
+{
+  "overrides": [
+    {
+      "files": "*.ts",
+      "parser": "@typescript-eslint/parser",
+      "rules": {
+        "no-unused-vars": "off",
+        "no-useless-constructor": "off",
+        "@typescript-eslint/no-unused-vars": "error",
+        "@typescript-eslint/no-useless-constructor": "error"
+      }
+    }
+  ],
+  "parserOptions": {
+    "ecmaVersion": 2018,
+    "sourceType": "module"
+  },
+  "plugins": [
+    "@typescript-eslint/eslint-plugin"
+  ]
+}

.github/workflows/ci.yaml

@@ -43,3 +43,27 @@ jobs:
           PUPPETEER_SKIP_CHROMIUM_DOWNLOAD: true
       - run: npm test
       - run: npm run coverage
+  esm:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v1
+        with:
+          node-version: 14
+      - run: npm install
+      - run: npm run test:esm
+  deno:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v1
+        with:
+          node-version: 14
+      - run: npm install
+      - run: npm run compile
+      - uses: denolib/setup-deno@v2
+        with:
+          deno-version: v1.x
+      - run: |
+          deno --version
+          deno test test/deno/cliui-test.ts

.gitignore

@@ -3,4 +3,4 @@ node_modules
 .nyc_output
 package-lock.json
 coverage
-
+build

.nycrc

@@ -7,7 +7,7 @@
     "html",
     "text"
   ],
-  "lines": 98.0,
-  "branches": "98",
-  "statements": "98.0"
+  "lines": 99.0,
+  "branches": "95",
+  "statements": "99.0"
 }

README.md

@@ -10,13 +10,13 @@ easily create complex multi-column command-line-interfaces.
 ## Example
 
 ```js
-var ui = require('cliui')()
+const ui = require('cliui')()
 
 ui.div('Usage: $0 [command] [options]')
 
 ui.div({
   text: 'Options:',
-  padding: [2, 0, 2, 0]
+  padding: [2, 0, 1, 0]
 })
 
 ui.div(
@@ -40,6 +40,32 @@ ui.div(
 console.log(ui.toString())
 ```
 
+## Deno/ESM Support
+
+As of `v7` `cliui` supports [Deno](https://github.com/denoland/deno) and
+[ESM](https://nodejs.org/api/esm.html#esm_ecmascript_modules):
+
+```typescript
+import cliui from "https://deno.land/x/cliui/deno.ts";
+
+const ui = cliui({})
+
+ui.div('Usage: $0 [command] [options]')
+
+ui.div({
+  text: 'Options:',
+  padding: [2, 0, 1, 0]
+})
+
+ui.div({
+  text: "-f, --file",
+  width: 20,
+  padding: [0, 4, 0, 4]
+})
+
+console.log(ui.toString())
+```
+
 <img width="500" src="screenshot.png">
 
 ## Layout DSL

deno.ts

@@ -0,0 +1,13 @@
+// Bootstrap cliui with CommonJS dependencies:
+import { cliui, UIOptions, UI } from './build/lib/index.js'
+import { wrap, stripAnsi } from './build/lib/string-utils.js'
+
+export default function ui (opts: UIOptions): UI {
+  return cliui(opts, {
+    stringWidth: (str: string) => {
+      return [...str].length
+    },
+    stripAnsi,
+    wrap
+  })
+}

index.mjs

@@ -0,0 +1,13 @@
+// Bootstrap cliui with CommonJS dependencies:
+import { cliui } from './build/lib/index.js'
+import { wrap, stripAnsi } from './build/lib/string-utils.js'
+
+export default function ui (opts) {
+  return cliui(opts, {
+    stringWidth: (str) => {
+      return [...str].length
+    },
+    stripAnsi,
+    wrap
+  })
+}

lib/cjs.ts

@@ -0,0 +1,12 @@
+// Bootstrap cliui with CommonJS dependencies:
+import { cliui, UIOptions } from './index.js'
+const stringWidth = require('string-width')
+const stripAnsi = require('strip-ansi')
+const wrap = require('wrap-ansi')
+export default function ui (opts: UIOptions) {
+  return cliui(opts, {
+    stringWidth,
+    stripAnsi,
+    wrap
+  })
+}