@tempots/dom 5.0.0 → 5.0.1

package/src/helpers/handle-anchor-click.ts

@@ -1,64 +0,0 @@
-function shouldNotApplyCallback(
-  e: MouseEvent,
-  checkExtension: boolean,
-  checkExternalUrl: boolean
-): boolean {
-  let target = e.target as HTMLElement | null
-  while ((target != null) && !(target instanceof HTMLAnchorElement)) {
-    target = target.parentElement
-  }
-  if (target == null) return true
-
-  const anchor = target
-
-  // Check for modifier keys and non-left-button, which indicate the user wants to control
-  // navigation
-  if (e.button !== 0 || e.ctrlKey || e.metaKey) {
-    return true
-  }
-
-  // If there is a target and it is not `_self` then we take this
-  // as a signal that it doesn't want to be intercepted.
-  if (anchor.target !== '_self') {
-    return true
-  }
-
-  if (anchor.getAttribute('download') != null) {
-    return true // let the download happen
-  }
-
-  if (checkExternalUrl) {
-    const { pathname, search, hash } = anchor
-    const relativeUrl = pathname + search + hash
-
-    // don't navigate if external link or has extension
-    if (
-      anchor.getAttribute('href') !== relativeUrl ||
-      (checkExtension && !/\/[^/.]*$/.test(pathname))
-    ) {
-      return true
-    }
-  }
-
-  return false
-}
-
-export const handleAnchorClick =
-  (
-    callback: () => boolean,
-    options: { checkExtension?: boolean, checkExternalUrl?: boolean } = {
-      checkExtension: true,
-      checkExternalUrl: true
-    }
-  ) =>
-    (e: MouseEvent) => {
-      const { checkExtension, checkExternalUrl } = options
-      if (
-        shouldNotApplyCallback(
-          e,
-          checkExtension === true,
-          checkExternalUrl === true
-        )
-      ) { return }
-      if (callback()) e.preventDefault()
-    }

package/src/helpers/handle-text-input.ts

@@ -1,5 +0,0 @@
-export const handleTextInput =
-  (f: (input: string) => void) => (e: Event) => {
-    const input = e.target as HTMLInputElement | null
-    f(input?.value ?? '')
-  }

package/src/helpers/is-empty-element.ts

@@ -1,9 +0,0 @@
-import { type JSX } from '../jsx-runtime'
-
-export function isEmptyElement(element: JSX.DOMNode): boolean {
-  if (Array.isArray(element)) {
-    if (element.length === 0) return true
-    return element.every(isEmptyElement)
-  }
-  return element == null || element === ''
-}

package/src/index.ts

@@ -1,109 +0,0 @@
-import { type Clear, type Clean } from './clean'
-import { makeProviderMark, DOMContext, type ProviderMark } from './dom-context'
-import { Prop, Signal } from './prop'
-import { render } from './render'
-import { type Renderable } from './renderable'
-import { isEmptyElement } from './helpers/is-empty-element'
-import { handleTextInput } from './helpers/handle-text-input'
-import { handleAnchorClick } from './helpers/handle-anchor-click'
-import { Animatable, applyInterpolatedAnimatableProp, applyInterpolatedAnimatable, applyAnimatableProp, applyAnimatable, getComputedAnimatableProp, getComputedAnimatable } from './components/animatable'
-
-import { AttributeImpl, Attribute, type AttributeProps } from './components/Attribute'
-import { BooleanAttributeImpl, BooleanAttribute, type BooleanAttributeProps } from './components/BooleanAttribute'
-import { ClassNameImpl, ClassName, type ClassNameProps } from './components/ClassName'
-import { ConsumerImpl, Consumer, type ConsumerProps, ProviderImpl, Provider, type ProviderProps } from './components/Provider'
-import { ElImpl, El, type ElProps } from './components/El'
-import { FadeIn, FadeInImpl, FadeInProps } from './components/FadeIn'
-import { FadeOut, FadeOutImpl, FadeOutProps } from './components/FadeOut'
-import { For, type ForProps } from './components/For'
-import { FragmentImpl, Fragment } from './components/Fragment'
-import { HiddenWhenEmptyImpl, HiddenWhenEmpty } from './components/HiddenWhenEmpty'
-import { If, type IfProps, Unless, When, type WhenProps } from './components/If'
-import { InnerHTMLImpl, InnerHTML, type InnerHTMLProps } from './components/InnerHTML'
-import { Lifecycle, LifecycleImpl, type LifecycleProps } from './components/Lifecycle'
-import { MatchImpl, Match, type MatchProps } from './components/Match'
-import { NotEmpty, type NotEmptyProps } from './components/NotEmpty'
-import { OnImpl, On, type OnProps } from './components/On'
-import { OnRemoveImpl, OnRemove, type OnRemoveProps } from './components/OnRemove'
-import { OneOfImpl, OneOf, type OneOfProps } from './components/OneOf'
-import { PortalImpl, Portal, type PortalProps } from './components/Portal'
-import { PropertyImpl, Property, type PropertyProps } from './components/Property'
-import { RepeatImpl, Repeat, type RepeatProps } from './components/Repeat'
-import { ShowImpl, Show, type ShowProps } from './components/Show'
-import { TextImpl, Text, type TextProps } from './components/Text'
-import { TextContentImpl, TextContent, type TextContentProps } from './components/TextContent'
-
-import type { JSX } from './jsx-runtime'
-
-export {
-  applyInterpolatedAnimatableProp, applyInterpolatedAnimatable, applyAnimatableProp, applyAnimatable, getComputedAnimatableProp, getComputedAnimatable,
-
-  AttributeImpl, Attribute,
-  BooleanAttributeImpl, BooleanAttribute,
-  ClassNameImpl, ClassName,
-  ConsumerImpl, Consumer,
-  DOMContext,
-  ElImpl, El,
-  FadeIn, FadeInImpl,
-  FadeOut, FadeOutImpl,
-  For,
-  FragmentImpl, Fragment,
-  handleTextInput,
-  handleAnchorClick,
-  HiddenWhenEmptyImpl, HiddenWhenEmpty,
-  If,
-  InnerHTMLImpl, InnerHTML,
-  isEmptyElement,
-  Lifecycle, LifecycleImpl,
-  makeProviderMark,
-  MatchImpl, Match,
-  NotEmpty,
-  OnImpl, On,
-  OnRemoveImpl, OnRemove,
-  OneOfImpl, OneOf,
-  PortalImpl, Portal,
-  Prop,
-  PropertyImpl, Property,
-  ProviderImpl, Provider,
-  render,
-  RepeatImpl, Repeat,
-  ShowImpl, Show,
-  Signal,
-  TextImpl, Text,
-  TextContentImpl, TextContent,
-  Unless,
-  When
-}
-
-export type {
-  AttributeProps,
-  BooleanAttributeProps,
-  ClassNameProps,
-  Clean,
-  Clear,
-  ConsumerProps,
-  ElProps,
-  FadeInProps,
-  FadeOutProps,
-  ForProps,
-  InnerHTMLProps,
-  IfProps,
-  JSX,
-  LifecycleProps,
-  MatchProps,
-  NotEmptyProps,
-  OnProps,
-  OnRemoveProps,
-  OneOfProps,
-  PortalProps,
-  PropertyProps,
-  ProviderMark,
-  ProviderProps,
-  Renderable,
-  RepeatProps,
-  ShowProps,
-  TextProps,
-  TextContentProps,
-  Animatable,
-  WhenProps
-}

package/src/jsx-dev-runtime.ts

@@ -1,8 +0,0 @@
-export {
-  Fragment,
-  jsx,
-  jsxs,
-  jsxDEV,
-  makeRenderable,
-  makeRenderables
-} from './jsx-runtime'

package/src/jsx-runtime.ts

@@ -1,172 +0,0 @@
-import { type JSX } from './jsx'
-import { type Renderable } from './renderable'
-import { ElImpl } from './components/El'
-import { AttributeImpl } from './components/Attribute'
-import { BooleanAttributeImpl } from './components/BooleanAttribute'
-import { PropertyImpl } from './components/Property'
-import { ClassNameImpl } from './components/ClassName'
-import { Prop, Signal } from './prop'
-import { TextImpl } from './components/Text'
-import { OnImpl } from './components/On'
-import { FragmentImpl } from './components/Fragment'
-
-const domBooleanAttributes = new Set([
-  'allowfullscreen',
-  'allowpaymentrequest',
-  'async',
-  'autofocus',
-  'autoplay',
-  'capture',
-  'controls',
-  'default',
-  'defer',
-  'disabled',
-  'disablepictureinpicture',
-  'disableremoteplayback',
-  'download',
-  'draggable',
-  'formnovalidate',
-  'hidden',
-  'ismap',
-  'itemscope',
-  'loop',
-  'nomodule',
-  'novalidate',
-  'open',
-  'playsinline',
-  'readonly',
-  'required',
-  'reversed',
-  'scoped',
-  'seamless',
-  'spellcheck',
-  'truespeed'
-])
-
-const domProperties = new Set([
-  'checked',
-  'checked',
-  'classList',
-  'className',
-  'contentEditable',
-  'dataset',
-  'innerHTML',
-  'multiple',
-  'muted',
-  'scrollLeft',
-  'scrollTop',
-  'selected',
-  'style',
-  'tabIndex',
-  'textContent',
-  'value'
-])
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function isPrimitive(value: any): value is string | number | boolean | Date | bigint {
-  return typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean' || typeof value === 'bigint' || value instanceof Date
-}
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function makeRenderables(value: any): Renderable[] {
-  if (value == null) {
-    return []
-  }
-  if (Array.isArray(value)) {
-    return value.flatMap(makeRenderables)
-  }
-  if (typeof value === 'string') {
-    return [new TextImpl(new Prop(value))]
-  }
-  if (Signal.isSignal(value)) {
-    return [new TextImpl(value as Prop<string>)]
-  }
-  if (typeof value === 'object' && 'appendTo' in value) {
-    return [value]
-  }
-  if (isPrimitive(value)) {
-    return [new TextImpl(new Prop(value).map(String))]
-  }
-  throw new Error(`Unkwown renderable: ${String(value)}`)
-}
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function makeRenderable(value: any): Renderable {
-  const renderables = makeRenderables(value)
-  if (renderables.length === 0) {
-    return new FragmentImpl([])
-  }
-  if (renderables.length === 1) {
-    return renderables[0]
-  }
-  return new FragmentImpl(renderables)
-}
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function isNamedConstructor(obj: any): boolean {
-  return obj.prototype?.constructor?.name != null
-}
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function makeFragment({ children }: { children: any[] }): Renderable {
-  if (Array.isArray(children)) {
-    return new FragmentImpl(children.flatMap(makeRenderables))
-  } else {
-    return makeRenderable(children)
-  }
-}
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function makeElement(Name: any, ...args: any[]): Renderable {
-  if (typeof Name === 'function') {
-    if (isNamedConstructor(Name)) {
-      const el = new Name(...args)
-      return el
-    } else {
-      const el = Name(...args)
-      return el
-    }
-  }
-  const { children: untypedChildren, ...rest } = args[0] ?? {}
-  const children: Renderable[] = []
-  if (Array.isArray(untypedChildren)) {
-    children.push(...(untypedChildren.flatMap(makeRenderables)))
-  } else if (untypedChildren !== undefined) {
-    children.push(...makeRenderables(untypedChildren))
-  }
-  for (const [key, value] of Object.entries(rest)) {
-    if (key.startsWith('on')) {
-      const eventName = key.slice(2).toLowerCase()
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      children.push(new OnImpl(eventName, value as any))
-      continue
-    }
-    if (value == null) {
-      continue
-    }
-    const prop: Prop<unknown> = isPrimitive(value) ? new Prop(value) as Prop<unknown> : value as Prop<unknown>
-    if (key === 'class' || key === 'className') {
-      children.push(new ClassNameImpl(prop as Prop<string>))
-      continue
-    }
-    if (domProperties.has(key)) {
-      children.push(new PropertyImpl(key, prop))
-      continue
-    }
-    if (domBooleanAttributes.has(key)) {
-      children.push(new BooleanAttributeImpl(key, prop as Prop<boolean>))
-      continue
-    }
-    children.push(new AttributeImpl(key, prop as Prop<string>))
-  }
-
-  return new ElImpl(Name, children)
-}
-
-export {
-  makeElement as jsx,
-  makeElement as jsxs,
-  makeElement as jsxDEV,
-  makeFragment as Fragment,
-  type JSX
-}