https://github.com/joncasey/modern-hta

Run modern code in an HTML Application
https://github.com/joncasey/modern-hta

babel es2015 es6 hta modern

Last synced: 3 months ago
JSON representation

Run modern code in an HTML Application

• Host: GitHub
• URL: https://github.com/joncasey/modern-hta
• Owner: joncasey
• License: mit
• Created: 2018-02-23T12:25:46.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2024-07-31T19:43:26.000Z (3 months ago)
• Last Synced: 2024-07-31T23:48:13.357Z (3 months ago)
• Topics: babel, es2015, es6, hta, modern
• Language: JavaScript
• Homepage:
• Size: 63.5 KB
• Stars: 17
• Watchers: 4
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-electron-alternatives - modern-hta

README

        
# modern-hta

modern-hta bundles [@babel/standalone](https://github.com/babel/babel/tree/master/packages/babel-standalone) and other [polyfills](#polyfills) to run modern code in an [HTML Application (HTA)](https://en.wikipedia.org/wiki/HTML_Application).

## Usage

Sample `hta` file using [cdn](https://unpkg.com/modern-hta/modern-hta.js).

```html

  import $ from './$.mjs'

  import data from './data.json'

  log(`Hello World`)

```

Or, [install](#install) and run locally.

## Install

```

npm install modern-hta

```

```html

  log(`Hello World`)

```

## What's Included...

## Polyfills

* [core-js](https://github.com/zloirock/core-js)

* [whatwg-fetch](https://github.com/github/fetch)

* `Array.from` - extended to support [Enumerator](https://msdn.microsoft.com/en-us/library/6ch9zb09(v=vs.84).aspx) and [FileSystemObject Collections](https://msdn.microsoft.com/en-us/library/x75sb7ff(v=vs.84).aspx) 

* `Element.closest()`

* `Element.matches()`

* `NodeList.forEach`

## Globals (to be continued...)

```js

const Babel  // export from @babel/standalone

const script // Element reference to the 

const cwd    // current working directory

const fso    // instance of "Scripting.FileSystemObject"

const sys    // instance of "Wscript.Shell"

const xhr    // instance of "Msxml2.XMLHTTP"

function create (tag, html) {

  // returns Element

}

function getSync (url) {

  // returns xhr.responseText

}

function log (any) {

  // returns HTMLDivElement

}

function require (src) {

  // returns ES Module

}

function transform (code, options) {

  // runs Babel.transform w/presets "es2015", "es2016", "es2017", "stage-0"

  // which "stage-0" also includes "stage-1", "stage-2", "stage-3"

  // for my purposes this always runs synchronously

  // returns transpiledCode

}

function watchFile (file, onchange) {

  // this intentionally is a quick/dirty-hack version

  // it runs a setTimeout and checks the last modified date

  // just wanted something super-simple & light-weight for now.

  // returns undefined

}

function windowProps (resize, moveto) {

  // this just simplifies window resizeTo & moveTo calls

  // and, allows them to run as quickly as possible

  // returns undefined

}

```