Function using

src/forest/method/using.ts:40–132

(node: DOMElement, opts: any)

  },
): void
export function using(node: DOMElement, opts: any): void {
  let cb: () => any
  let onComplete: (() => void) | undefined
  let env: {
    document: Document
  }
  let hydrate: boolean
  let onRoot: ((config: {template: Template; leaf: Leaf}) => void) | undefined
  let scope: Scope
  if (typeof opts === 'function') {
    cb = opts
    env = getDefaultEnv()
    hydrate = false
  } else if (opts) {
    cb = opts.fn
    env = opts.env ? opts.env : getDefaultEnv()
    hydrate = opts.hydrate
    onComplete = opts.onComplete
    onRoot = opts.onRoot
    scope = opts.scope
  } else throw Error('using() second argument is missing')
  assert(node, 'using() first argument is missing')
  const root: Root = {
    scope: scope!,
    env,
    activeSpawns: new Set(),
    childSpawns: {},
    leafOps: {},
  }
  const namespaceURI = node.namespaceURI
  const tag = node.tagName.toLowerCase()
  const ns: NSType =
    namespaceURI === 'http://www.w3.org/2000/svg'
      ? 'svg'
      : tag === 'foreignobject'
      ? 'foreignObject'
      : 'html'
  const draft: UsingDraft = {
    type: 'using',
    childTemplates: [],
    childCount: 0,
    inParentIndex: -1,
  }
  const usingTemplate = createTemplate({
    name: 'using',
    draft,
    isSvgRoot: tag === 'svg',
    namespace: ns,
    fn(_, {mount}) {
      cb()
      mount.watch(mountFn.using)
    },
    env,
  })

  const usingBlock: UsingBlock = {
    type: 'using',
    child: [],