Extract types from tsx files

Author: davidjbradshaw

packages/react/index.tsx

@@ -1,37 +1,21 @@
 // eslint-disable-next-line eslint-comments/disable-enable-pair
 /* eslint-disable react/require-default-props */
 import { esModuleInterop } from '@iframe-resizer/common'
-import type {
-  IFrameComponent,
-  IFrameObject,
-  IFrameOptions,
-} from '@iframe-resizer/core'
+import type { IFrameComponent } from '@iframe-resizer/core'
 import connectResizer from '@iframe-resizer/core'
 import acg from 'auto-console-group'
 import React, {
   forwardRef,
   type ReactElement,
-  type RefObject,
   useEffect,
   useImperativeHandle,
   useRef,
 } from 'react'
 
 import filterIframeAttribs from './filter-iframe-attribs'
+import type { IFrameForwardRef, IFrameResizerProps } from './types'
 
-export type IFrameForwardRef = Omit<IFrameObject, 'close' | 'disconnect'> & {
-  /** @deprecated Use getRef() instead */
-  getElement: () => IFrameComponent
-  getRef: () => RefObject<IFrameComponent | null>
-}
-
-type IframeProps = React.DetailedHTMLProps<
-  React.IframeHTMLAttributes<HTMLIFrameElement>,
-  HTMLIFrameElement
->
-
-export type IFrameResizerProps = Omit<IframeProps, 'scrolling'> &
-  Omit<IFrameOptions, 'id' | 'onBeforeClose'>
+export type { IFrameForwardRef, IFrameResizerProps } from './types'
 
 // Deal with UMD not converting default exports to named exports
 const createAutoConsoleGroup = esModuleInterop(acg)

packages/react/types.ts

@@ -0,0 +1,21 @@
+import type {
+  IFrameComponent,
+  IFrameObject,
+  IFrameOptions,
+} from '@iframe-resizer/core'
+import type React from 'react'
+import type { RefObject } from 'react'
+
+export type IFrameForwardRef = Omit<IFrameObject, 'close' | 'disconnect'> & {
+  /** @deprecated Use getRef() instead */
+  getElement: () => IFrameComponent
+  getRef: () => RefObject<IFrameComponent | null>
+}
+
+type IframeProps = React.DetailedHTMLProps<
+  React.IframeHTMLAttributes<HTMLIFrameElement>,
+  HTMLIFrameElement
+>
+
+export type IFrameResizerProps = Omit<IframeProps, 'scrolling'> &
+  Omit<IFrameOptions, 'id' | 'onBeforeClose'>

packages/solid/IframeResizer.tsx

@@ -1,53 +1,15 @@
 import { esModuleInterop } from '@iframe-resizer/common'
-import type {
-  IFrameComponent,
-  IFrameDirection,
-  IFrameLogOption,
-  IFrameMessageData,
-  IFrameMouseData,
-  IFrameObject,
-  IFrameResizedData,
-  IFrameScrollData,
-  IFrameScrollOption,
-} from '@iframe-resizer/core'
+import type { IFrameComponent } from '@iframe-resizer/core'
 import connectResizer from '@iframe-resizer/core'
 import acg from 'auto-console-group'
-import type { ComponentProps, JSX } from 'solid-js'
+import type { JSX } from 'solid-js'
 import { onCleanup, onMount, splitProps } from 'solid-js'
 
-const createAutoConsoleGroup = esModuleInterop(acg)
+import type { IFrameResizerProps } from './types'
 
-export type IFrameResizerMethods = Pick<
-  IFrameObject,
-  'moveToAnchor' | 'sendMessage'
-> & {
-  getElement: () => IFrameComponent
-}
+export type { IFrameResizerMethods, IFrameResizerProps } from './types'
 
-export type IFrameResizerProps = {
-  license: string
-  bodyBackground?: string | null
-  bodyMargin?: string | number | null
-  bodyPadding?: string | number | null
-  checkOrigin?: boolean | string[]
-  direction?: IFrameDirection
-  inPageLinks?: boolean
-  log?: IFrameLogOption
-  offsetSize?: number
-  scrolling?: IFrameScrollOption
-  tolerance?: number
-  warningTimeout?: number
-  onReady?: (iframe: IFrameComponent) => void
-  onMessage?: (data: IFrameMessageData) => void
-  onResized?: (data: IFrameResizedData) => void
-  onScroll?: (data: IFrameScrollData) => boolean
-  onMouseEnter?: (data: IFrameMouseData) => void
-  onMouseLeave?: (data: IFrameMouseData) => void
-  ref?: (methods: IFrameResizerMethods) => void
-} & Omit<
-  ComponentProps<'iframe'>,
-  'scrolling' | 'ref' | 'onScroll' | 'onMouseEnter' | 'onMouseLeave'
->
+const createAutoConsoleGroup = esModuleInterop(acg)
 
 const RESIZER_KEYS = [
   'license',

packages/solid/types.ts

@@ -0,0 +1,44 @@
+import type {
+  IFrameComponent,
+  IFrameDirection,
+  IFrameLogOption,
+  IFrameMessageData,
+  IFrameMouseData,
+  IFrameObject,
+  IFrameResizedData,
+  IFrameScrollData,
+  IFrameScrollOption,
+} from '@iframe-resizer/core'
+import type { ComponentProps } from 'solid-js'
+
+export type IFrameResizerMethods = Pick<
+  IFrameObject,
+  'moveToAnchor' | 'sendMessage'
+> & {
+  getElement: () => IFrameComponent
+}
+
+export type IFrameResizerProps = {
+  license: string
+  bodyBackground?: string | null
+  bodyMargin?: string | number | null
+  bodyPadding?: string | number | null
+  checkOrigin?: boolean | string[]
+  direction?: IFrameDirection
+  inPageLinks?: boolean
+  log?: IFrameLogOption
+  offsetSize?: number
+  scrolling?: IFrameScrollOption
+  tolerance?: number
+  warningTimeout?: number
+  onReady?: (iframe: IFrameComponent) => void
+  onMessage?: (data: IFrameMessageData) => void
+  onResized?: (data: IFrameResizedData) => void
+  onScroll?: (data: IFrameScrollData) => boolean
+  onMouseEnter?: (data: IFrameMouseData) => void
+  onMouseLeave?: (data: IFrameMouseData) => void
+  ref?: (methods: IFrameResizerMethods) => void
+} & Omit<
+  ComponentProps<'iframe'>,
+  'scrolling' | 'ref' | 'onScroll' | 'onMouseEnter' | 'onMouseLeave'
+>