Add support for automatic JSX runtime

Author: wooorm

index.d.ts

@@ -1,293 +1 @@
-/**
- * @typedef {import('hast').Root} HastRoot
- * @typedef {import('hast').Element} HastElement
- * @typedef {import('hast').Properties} Properties
- * @typedef {HastRoot['children'][number]} HastChild
- * @typedef {import('property-information').html['property'][string]} Info
- * @typedef {html|svg} Schema
- */
-
-/**
- * @typedef {string|number} HStyleValue
- * @typedef {Object.<string, HStyleValue>} HStyle
- * @typedef {string|number|boolean|null|undefined} HPrimitiveValue
- * @typedef {Array.<string|number>} HArrayValue
- * @typedef {HPrimitiveValue|HArrayValue} HPropertyValue
- * @typedef {{[property: string]: HPropertyValue|HStyle}} HProperties
- *
- * @typedef {string|number|null|undefined} HPrimitiveChild
- * @typedef {HastChild|HastRoot} HNodeChild
- * @typedef {Array.<HPrimitiveChild|HNodeChild>} HArrayChild
- * @typedef {HPrimitiveChild|HNodeChild|HArrayChild} HChild
- */
-
-import {html, svg, find, normalize} from 'property-information'
-import {parseSelector} from 'hast-util-parse-selector'
-import {parse as spaces} from 'space-separated-tokens'
-import {parse as commas} from 'comma-separated-tokens'
-import {svgCaseSensitiveTagNames} from './svg-case-sensitive-tag-names.js'
-
-var buttonTypes = new Set(['menu', 'submit', 'reset', 'button'])
-
-var own = {}.hasOwnProperty
-
-export const h = factory(html, 'div')
-
-export const s = factory(svg, 'g', svgCaseSensitiveTagNames)
-
-/**
- * @param {Schema} schema
- * @param {string} defaultTagName
- * @param {Array.<string>} [caseSensitive]
- */
-function factory(schema, defaultTagName, caseSensitive) {
-  var adjust = caseSensitive && createAdjustMap(caseSensitive)
-
-  const h =
-    /**
-     * @type {{
-     *   (): HastRoot
-     *   (selector: null|undefined, ...children: HChild[]): HastRoot
-     *   (selector: string, properties: HProperties, ...children: HChild[]): HastElement
-     *   (selector: string, ...children: HChild[]): HastElement
-     * }}
-     */
-    (
-      /**
-       * Hyperscript compatible DSL for creating virtual hast trees.
-       *
-       * @param {string|null} [selector]
-       * @param {HProperties|HChild} [properties]
-       * @param {...HChild} [children]
-       */
-      function (selector, properties, ...children) {
-        var index = -1
-        /** @type {HastRoot|HastElement} */
-        var node
-        /** @type {string} */
-        var name
-        /** @type {string} */
-        var key
-
-        if (selector === undefined || selector === null) {
-          node = {type: 'root', children: []}
-          // @ts-ignore Properties are not supported for roots.
-          children.unshift(properties)
-        } else {
-          node = parseSelector(selector, defaultTagName)
-          // Normalize the name.
-          name = node.tagName.toLowerCase()
-          if (adjust && own.call(adjust, name)) name = adjust[name]
-          node.tagName = name
-
-          // Handle props.
-          if (isProperties(properties, name)) {
-            for (key in properties) {
-              if (own.call(properties, key)) {
-                addProperty(schema, node.properties, key, properties[key])
-              }
-            }
-          } else {
-            children.unshift(properties)
-          }
-        }
-
-        // Handle children.
-        while (++index < children.length) {
-          addChild(node.children, children[index])
-        }
-
-        if (name === 'template') {
-          node.content = {type: 'root', children: node.children}
-          node.children = []
-        }
-
-        return node
-      }
-    )
-
-  return h
-}
-
-/**
- * @param {HProperties|HChild} value
- * @param {string} name
- * @returns {value is HProperties}
- */
-function isProperties(value, name) {
-  if (
-    value === null ||
-    value === undefined ||
-    typeof value !== 'object' ||
-    Array.isArray(value)
-  ) {
-    return false
-  }
-
-  if (name === 'input' || !value.type || typeof value.type !== 'string') {
-    return true
-  }
-
-  if (Array.isArray(value.children)) {
-    return false
-  }
-
-  if (name === 'button') {
-    return buttonTypes.has(value.type.toLowerCase())
-  }
-
-  return !('value' in value)
-}
-
-/**
- * @param {Schema} schema
- * @param {Properties} properties
- * @param {string} key
- * @param {HStyle|HPropertyValue} value
- * @returns {void}
- */
-function addProperty(schema, properties, key, value) {
-  var info = find(schema, key)
-  var index = -1
-  /** @type {HPropertyValue} */
-  var result
-  /** @type {Array.<string|number>} */
-  var finalResult
-
-  // Ignore nullish and NaN values.
-  if (value === undefined || value === null) return
-
-  if (typeof value === 'number') {
-    // Ignore NaN.
-    if (Number.isNaN(value)) return
-
-    result = value
-  }
-  // Booleans.
-  else if (typeof value === 'boolean') {
-    result = value
-  }
-  // Handle list values.
-  else if (typeof value === 'string') {
-    if (info.spaceSeparated) {
-      result = spaces(value)
-    } else if (info.commaSeparated) {
-      result = commas(value)
-    } else if (info.commaOrSpaceSeparated) {
-      result = spaces(commas(value).join(' '))
-    } else {
-      result = parsePrimitive(info, info.property, value)
-    }
-  } else if (Array.isArray(value)) {
-    result = value.concat()
-  } else {
-    result = info.property === 'style' ? style(value) : String(value)
-  }
-
-  if (Array.isArray(result)) {
-    finalResult = []
-
-    while (++index < result.length) {
-      // @ts-ignore Assume no booleans in array.
-      finalResult[index] = parsePrimitive(info, info.property, result[index])
-    }
-
-    result = finalResult
-  }
-
-  // Class names (which can be added both on the `selector` and here).
-  if (info.property === 'className' && Array.isArray(properties.className)) {
-    // @ts-ignore Assume no booleans in `className`.
-    result = properties.className.concat(result)
-  }
-
-  properties[info.property] = result
-}
-
-/**
- * @param {Array.<HastChild>} nodes
- * @param {HChild} value
- * @returns {void}
- */
-function addChild(nodes, value) {
-  var index = -1
-
-  if (value === undefined || value === null) {
-    // Empty.
-  } else if (typeof value === 'string' || typeof value === 'number') {
-    nodes.push({type: 'text', value: String(value)})
-  } else if (Array.isArray(value)) {
-    while (++index < value.length) {
-      addChild(nodes, value[index])
-    }
-  } else if (typeof value === 'object' && 'type' in value) {
-    if (value.type === 'root') {
-      // @ts-ignore it looks like a root, TS…
-      addChild(nodes, value.children)
-    } else {
-      nodes.push(value)
-    }
-  } else {
-    throw new Error('Expected node, nodes, or string, got `' + value + '`')
-  }
-}
-
-/**
- * Parse a single primitives.
- *
- * @param {Info} info
- * @param {string} name
- * @param {HPrimitiveValue} value
- * @returns {HPrimitiveValue}
- */
-function parsePrimitive(info, name, value) {
-  if (typeof value === 'string') {
-    if (info.number && value && !Number.isNaN(Number(value))) {
-      return Number(value)
-    }
-
-    if (
-      (info.boolean || info.overloadedBoolean) &&
-      (value === '' || normalize(value) === normalize(name))
-    ) {
-      return true
-    }
-  }
-
-  return value
-}
-
-/**
- * @param {HStyle} value
- * @returns {string}
- */
-function style(value) {
-  /** @type {Array.<string>} */
-  var result = []
-  /** @type {string} */
-  var key
-
-  for (key in value) {
-    if (own.call(value, key)) {
-      result.push([key, value[key]].join(': '))
-    }
-  }
-
-  return result.join('; ')
-}
-
-/**
- * @param {Array.<string>} values
- * @returns {Object.<string, string>}
- */
-function createAdjustMap(values) {
-  /** @type {Object.<string, string>} */
-  var result = {}
-  var index = -1
-
-  while (++index < values.length) {
-    result[values[index].toLowerCase()] = values[index]
-  }
-
-  return result
-}
+export {h, s} from './lib/index.js'