@tarojs/runtime

import { 
  // BOM APIs
  document, window, history, location, navigator, 
  URL, URLSearchParams, requestAnimationFrame, cancelAnimationFrame,
  // DOM APIs  
  TaroElement, TaroNode, TaroText, TaroEvent, createEvent,
  // Framework Integration
  createPageConfig, createComponentConfig, getCurrentInstance,
  // Utilities
  hydrate, nextTick, eventCenter, throttle, debounce,
  // Environment & Runtime
  env, parseUrl, hooks
} from '@tarojs/runtime'

import { createPageConfig, TaroElement } from '@tarojs/runtime'

// Create a page configuration
const pageConfig = createPageConfig(
  ComponentClass,     // React component class
  'index',           // Page name  
  { title: 'Home' }, // Initial data
  { navigationBarTitleText: 'Home Page' } // Page config
)

// The runtime handles lifecycle automatically:
// onLoad, onShow, onHide, onReady, onUnload

import { document, TaroElement } from '@tarojs/runtime'

// Create elements
const element: TaroElement = document.createElement('view')
element.className = 'container'
element.setAttribute('data-test', 'value')

// Modify content  
element.textContent = 'Hello World'
element.style.setProperty('color', 'red')

// DOM tree operations
document.body.appendChild(element)

import { TaroEvent, eventHandler } from '@tarojs/runtime'

// Event listener
element.addEventListener('tap', (event: TaroEvent) => {
  console.log('Tapped:', event.target)
  event.stopPropagation()
})

// Event handler for mini-programs
const handler = eventHandler((event) => {
  // Automatically converts mini-program event to TaroEvent
})

import { AppInstance, Router, PageInstance, PageLifeCycle } from '@tarojs/runtime'

// Main runtime instance
interface Current {
  app: AppInstance | null
  router: Router | null  
  page: PageInstance | null
  preloadData?: any
}

// Page instance with lifecycle
interface PageInstance extends PageLifeCycle {
  onLoad?(options: Record<string, unknown>): void
  onReady?(): void
  onShow?(): void  
  onHide?(): void
  onUnload?(): void
}

// DOM node types
interface TaroNode extends TaroEventTarget {
  nodeType: number
  nodeName: string
  parentNode: TaroNode | null
  childNodes: TaroNode[]
}

// Event system
interface TaroEvent extends Event {
  mpEvent?: any // Original mini-program event
  type: string
  target: TaroElement
  currentTarget: TaroElement
}

import { window, document, history, location } from '@tarojs/runtime'

// Window operations
window.addEventListener('resize', handler)
window.requestAnimationFrame(callback)

// Document manipulation
const element = document.createElement('view')
document.getElementById('app')

// Navigation
history.pushState({}, 'New Page', '/new-page')
location.href = '/redirect'

import { TaroElement, TaroText, Style } from '@tarojs/runtime'

// Create and modify elements
const view = new TaroElement()
view.tagName = 'view'
view.className = 'container'

// Text nodes
const text = new TaroText('Hello World')
view.appendChild(text)

// Style management
view.style.setProperty('background-color', '#fff')
view.classList.add('active')

import { 
  createPageConfig, 
  createComponentConfig, 
  getCurrentInstance,
  getPageInstance
} from '@tarojs/runtime'

// Page configuration
const config = createPageConfig(MyComponent, 'home', { count: 0 })

// Get current runtime instance  
const current = getCurrentInstance()
console.log(current.page, current.router)

// Component lifecycle
const componentConfig = createComponentConfig({
  attached() { /* component ready */ },
  detached() { /* component cleanup */ }
})

import { 
  throttle, 
  debounce, 
  nextTick, 
  hydrate, 
  eventCenter,
  perf 
} from '@tarojs/runtime'

// Performance utilities
const throttledFn = throttle(expensiveFunction, 250)
const debouncedFn = debounce(updateFunction, 500)

// Async operations
nextTick(() => {
  // Execute after next DOM update
})

// Performance monitoring
perf.start('render')
// ... rendering work
perf.stop('render')

// Instance types
interface Instance<T = Record<string, any>> extends Component<T>, PageInstance
interface ReactPageInstance<T = PageProps> extends Component<T>, PageInstance

// Event types
interface MpEvent { /* mini-program event */ }
interface EventOptions { /* event construction options */ }

// Update types  
interface UpdatePayload { /* DOM update payload */ }
interface MiniData { /* mini-program data structure */ }