@potok-web-framework/core 0.1.0 → 0.2.0

package/src/bootstrap-app.ts

@@ -1,115 +0,0 @@
-import { CLIENT_ENTRY_FILE_NAME } from './constants'
-import { PortalIn } from './portal'
-import { renderToString } from './render-to-string'
-import path from 'path'
-import type { PotokElement } from './types'
-import { toFetchResponse, toReqRes } from 'fetch-to-node'
-import { fragment } from './fragment'
-import { htmlElement } from './html-element'
-
-type App = (request: Request) => PotokElement
-type BootstrapAppOptions = {
-  app: App
-  port?: number
-}
-
-let serverStarted = false
-let setApp: (app: App) => void = () => {}
-
-export function bootstrapApp(options: BootstrapAppOptions) {
-  const port = options.port ?? 3000
-
-  if (!serverStarted) {
-    let currentApp = options.app
-
-    setApp = (app: App) => {
-      currentApp = app
-    }
-
-    Bun.serve({
-      async fetch(request) {
-        const url = new URL(request.url)
-        const pathname = decodeURIComponent(url.pathname)
-
-        if (process.env.NODE_ENV === 'development') {
-          const viteServer = __POTOK_DEV__?.vite
-
-          if (viteServer) {
-            const response = await new Promise<Response | undefined>(
-              (resolve) => {
-                const { req, res } = toReqRes(request)
-
-                const originalEnd = res.end.bind(res)
-
-                res.end = (...args: any[]) => {
-                  const response = originalEnd(...args)
-                  resolve(toFetchResponse(response))
-                  return response
-                }
-
-                viteServer.middlewares(req, res, () => {
-                  resolve(undefined)
-                })
-              },
-            )
-
-            if (response) {
-              return response
-            }
-          }
-        }
-
-        if (/\.[a-z0-9]+$/i.test(pathname)) {
-          const file = Bun.file(path.join(process.cwd(), 'dist', pathname))
-          if (await file.exists()) {
-            return new Response(file, {
-              headers: { 'Content-Type': file.type },
-            })
-          }
-        }
-
-        const html = await renderToString(
-          fragment({
-            children: [
-              currentApp(request),
-              PortalIn({
-                name: 'lib-scripts',
-                children: __POTOK_DEV__
-                  ? fragment({
-                      children: [
-                        htmlElement({
-                          tag: 'script',
-                          type: 'module',
-                          src: '/@vite/client',
-                        }),
-                        htmlElement({
-                          tag: 'script',
-                          type: 'module',
-                          src: '/src/client.ts',
-                        }),
-                      ],
-                    })
-                  : htmlElement({
-                      tag: 'script',
-                      type: 'module',
-                      src: `/${CLIENT_ENTRY_FILE_NAME}.js`,
-                    }),
-              }),
-            ],
-          }),
-        )
-
-        return new Response(html, {
-          headers: { 'Content-Type': 'text/html; charset=utf-8' },
-        })
-      },
-      port,
-    })
-
-    serverStarted = true
-
-    console.log(`Приложение запущено на порте ${port}`)
-  } else {
-    setApp(options.app)
-  }
-}

package/src/client-only.ts

@@ -1,17 +0,0 @@
-import { LibContextReader } from './lib-context-reader'
-import { Show } from './show'
-import { PotokElement, WithChildren } from './types'
-
-export type ClientOnlyProps = WithChildren<{}>
-
-export function ClientOnly(props: ClientOnlyProps): PotokElement {
-  return LibContextReader({
-    children: (context) =>
-      Show({
-        get when() {
-          return !context.isServer && !context.isHydrating
-        },
-        children: props.children,
-      }),
-  })
-}

package/src/constants.ts

@@ -1,27 +0,0 @@
-export const HTML_ELEMENT_STYLE_PX_PROPERTIES = new Set([
-  'width',
-  'height',
-  'top',
-  'left',
-  'right',
-  'bottom',
-  'margin',
-  'marginTop',
-  'marginBottom',
-  'marginLeft',
-  'marginRight',
-  'padding',
-  'paddingTop',
-  'paddingBottom',
-  'paddingLeft',
-  'paddingRight',
-  'fontSize',
-  'borderWidth',
-  'borderRadius',
-  'maxWidth',
-  'minWidth',
-  'maxHeight',
-  'minHeight',
-])
-
-export const CLIENT_ENTRY_FILE_NAME = 'client'

package/src/context.ts

@@ -1,85 +0,0 @@
-import { LibBlock } from './block'
-import type {
-  LibContext,
-  MaybeArray,
-  PotokElement,
-  WithChildren,
-} from './types'
-import { mergeContext, normalizeArray, normalizeChildren } from './utils'
-
-type ContextProviderProps<Value extends Record<string, unknown>> =
-  WithChildren<{
-    value: Value
-  }>
-
-class ContextProvider<Value extends Record<string, unknown>> extends LibBlock {
-  constructor(
-    readonly props: ContextProviderProps<Value>,
-    key: symbol,
-    readonly context: LibContext
-  ) {
-    super()
-
-    normalizeChildren(props.children).forEach((childCreator, index) => {
-      this.children.push(
-        childCreator(
-          mergeContext(context, {
-            parentBlock: this,
-            index,
-            contexts: {
-              [key]: props.value,
-            },
-          })
-        )
-      )
-    })
-  }
-}
-
-type ContextConsumerProps<Value extends Record<string, unknown>> = {
-  children: MaybeArray<(value: Value) => PotokElement>
-}
-
-class ContextConsumer<Value extends Record<string, unknown>> extends LibBlock {
-  constructor(
-    readonly props: ContextConsumerProps<Value>,
-    key: symbol,
-    readonly context: LibContext
-  ) {
-    super()
-
-    const value = context.contexts[key]
-
-    if (!value) {
-      throw new Error(`Контекст не найден`)
-    }
-
-    normalizeArray(props.children).forEach((childCreator, index) => {
-      this.children.push(
-        childCreator(value as Value)(
-          mergeContext(context, {
-            parentBlock: this,
-            index,
-          })
-        )
-      )
-    })
-  }
-}
-
-export function createContext<Value extends Record<string, unknown>>() {
-  const key = Symbol('context')
-
-  return {
-    provider(props: ContextProviderProps<Value>): PotokElement {
-      return function (context: LibContext) {
-        return new ContextProvider(props, key, context)
-      }
-    },
-    reader(props: ContextConsumerProps<Value>): PotokElement {
-      return function (context: LibContext) {
-        return new ContextConsumer(props, key, context)
-      }
-    },
-  }
-}

package/src/detect-child.ts

@@ -1,21 +0,0 @@
-import { text } from './text'
-import { Child } from './types'
-
-type DetectChildProps = {
-  readonly value: Child
-}
-
-export function detectChild(props: DetectChildProps): Child {
-  const value = props.value
-  const type = typeof value
-
-  if (type === 'string' || type === 'number' || type === 'boolean') {
-    return text({
-      get text() {
-        return props.value
-      },
-    })
-  }
-
-  return value
-}

package/src/error-boundary.ts

@@ -1,51 +0,0 @@
-import { LibBlock } from './block'
-import type { LibContext, PotokElement, WithChildren } from './types'
-import { mergeContext, normalizeChildren } from './utils'
-
-export type ErrorBoundaryProps = WithChildren<{
-  onError?: (error: Error) => void
-}>
-
-class ErrorBoundaryClass extends LibBlock {
-  constructor(
-    readonly props: ErrorBoundaryProps,
-    readonly context: LibContext
-  ) {
-    super()
-
-    try {
-      normalizeChildren(props.children).forEach((childCreator, index) => {
-        this.children.push(
-          childCreator(
-            mergeContext(context, {
-              parentBlock: this,
-              index,
-            })
-          )
-        )
-      })
-    } catch (error) {
-      props.onError?.(this.buildError(error))
-    }
-  }
-
-  override unmount() {
-    try {
-      super.unmount()
-    } catch (error) {
-      this.props.onError?.(this.buildError(error))
-    }
-  }
-
-  private buildError(error: unknown) {
-    return error instanceof Error
-      ? error
-      : new Error(typeof error === 'string' ? error : 'Unknown error')
-  }
-}
-
-export function ErrorBoundary(props: ErrorBoundaryProps): PotokElement {
-  return function (context: LibContext) {
-    return new ErrorBoundaryClass(props, context)
-  }
-}

package/src/exports/client.ts

@@ -1 +0,0 @@
-export { renderToDOM } from '../render-to-dom'

package/src/exports/hmr.ts

@@ -1 +0,0 @@
-export { registerComponent } from '../hmr/register-component'

package/src/exports/index.ts

@@ -1,21 +0,0 @@
-export { ClientOnly } from '../client-only'
-export { ErrorBoundary } from '../error-boundary'
-export { Lazy } from '../lazy'
-export { LibContextReader } from '../lib-context-reader'
-export { LibScripts } from '../lib-scripts'
-export { Lifecycle } from '../lifecycle'
-export { List } from '../list'
-export { PortalIn, PortalOut } from '../portal'
-export { createElementReference } from '../ref'
-export { Show } from '../show'
-export {
-  createSignal,
-  createEffect,
-  batch,
-  untrack,
-  deepTrack,
-  getSignal,
-} from '../signals'
-export { createStore } from '../store'
-export type { PotokElement, WithChildren } from '../types'
-export type * from '../jsx-types.ts'

package/src/exports/jsx-runtime.ts

@@ -1,4 +0,0 @@
-export { fragment } from '../fragment'
-export { htmlElement } from '../html-element'
-export { text } from '../text'
-export { detectChild } from '../detect-child'

package/src/exports/server.ts

@@ -1 +0,0 @@
-export { bootstrapApp } from '../bootstrap-app'

package/src/fragment.ts

@@ -1,28 +0,0 @@
-import { LibBlock } from './block'
-import type { LibContext, PotokElement, WithChildren } from './types'
-import { mergeContext, normalizeChildren } from './utils'
-
-type FragmentProps = WithChildren<{}>
-
-class FragmentClass extends LibBlock {
-  constructor(readonly props: FragmentProps, readonly context: LibContext) {
-    super()
-
-    normalizeChildren(props.children).forEach((childCreator, index) => {
-      this.children.push(
-        childCreator(
-          mergeContext(context, {
-            parentBlock: this,
-            index,
-          })
-        )
-      )
-    })
-  }
-}
-
-export function fragment(props: FragmentProps): PotokElement {
-  return function (context: LibContext) {
-    return new FragmentClass(props, context)
-  }
-}

package/src/global.dev.d.ts

@@ -1,12 +0,0 @@
-import type { ViteDevServer } from 'vite'
-import { PotokElement } from './types'
-
-declare global {
-  const __POTOK_DEV__:
-    | {
-        vite: ViteDevServer
-      }
-    | undefined
-}
-
-export {}

package/src/hmr/hmr-dev.ts

@@ -1,10 +0,0 @@
-import { CachedInstanceState } from './registered-component'
-import { HMRRegistry } from './registry'
-
-export const HMR_DEV = {
-  registry: new HMRRegistry(),
-  currentInstance: null as {
-    states: CachedInstanceState[]
-    stateIndex: number
-  } | null,
-}

package/src/hmr/register-component.ts

@@ -1,109 +0,0 @@
-import { fragment } from '../fragment'
-import { Lifecycle } from '../lifecycle'
-import { LibContextReader } from '../lib-context-reader'
-import { Show } from '../show'
-import { createSignal } from '../signals'
-import { Component, ComponentProps, LibContext, PotokElement } from '../types'
-import { getComponentInstanceId, isWindowDefined } from './utils'
-import { HMR_DEV } from './hmr-dev'
-
-export function registerComponent<Props extends ComponentProps>(
-  component: (props: Props) => PotokElement,
-  moduleId: string,
-  componentId: string,
-): Component<Props> {
-  if (!isWindowDefined()) {
-    return component
-  }
-
-  const registeredComponent = HMR_DEV.registry.addComponent(
-    moduleId,
-    componentId,
-    component,
-  )
-  HMR_DEV.registry.notifyComponentUpdate(moduleId, componentId)
-
-  function renderComponent(
-    props: Props,
-    context: LibContext,
-    ignoreCache = false,
-  ) {
-    const instanceId = getComponentInstanceId(context)
-    const cachedInstance = registeredComponent.getCachedInstance(instanceId)
-
-    if (!ignoreCache && cachedInstance) {
-      return cachedInstance.element
-    }
-
-    HMR_DEV.currentInstance = {
-      states: cachedInstance ? cachedInstance.states : [],
-      stateIndex: 0,
-    }
-
-    const element = registeredComponent.component(props)
-    registeredComponent.addCachedInstance(
-      instanceId,
-      element,
-      HMR_DEV.currentInstance.states,
-    )
-    HMR_DEV.currentInstance = null
-
-    return element
-  }
-
-  return (props: Props) => {
-    return LibContextReader({
-      children(context) {
-        const value = createSignal({
-          element: renderComponent(props, context) as PotokElement | null,
-        })
-
-        const instanceId = getComponentInstanceId(context)
-
-        return Lifecycle({
-          onMounted() {
-            const unsubscribe = HMR_DEV.registry.subscribeToComponent(
-              moduleId,
-              componentId,
-              () => {
-                value.element = null
-                value.element = renderComponent(props, context, true)
-              },
-            )
-
-            registeredComponent.unmarkInstanceAsRemovable(instanceId)
-
-            return () => {
-              unsubscribe()
-
-              registeredComponent.markInstanceAsRemovable(instanceId)
-
-              setTimeout(() => {
-                const cachedInstance =
-                  registeredComponent.getCachedInstance(instanceId)
-
-                if (cachedInstance?.isRemovable) {
-                  registeredComponent.removeCachedInstance(instanceId)
-                }
-              })
-            }
-          },
-          children: [
-            Show({
-              get when() {
-                return value.element !== null
-              },
-              children: [
-                fragment({
-                  get children() {
-                    return [value.element!]
-                  },
-                }),
-              ],
-            }),
-          ],
-        })
-      },
-    })
-  }
-}

package/src/hmr/registered-component.ts

@@ -1,59 +0,0 @@
-import { Component, PotokElement } from '../types'
-import { HMRSubscriber } from './types'
-
-export type CachedInstanceState = {
-  current: unknown
-  initial: unknown
-}
-
-type CachedInstance = {
-  isRemovable: boolean
-  element: PotokElement
-  states: CachedInstanceState[]
-}
-
-export class RegisteredComponent {
-  component: Component<any>
-  subscribers: Set<HMRSubscriber>
-  private cachedInstances: Map<string, CachedInstance>
-
-  constructor(component: Component<any>) {
-    this.component = component
-    this.subscribers = new Set()
-    this.cachedInstances = new Map()
-  }
-
-  getCachedInstance(instanceId: string): CachedInstance | undefined {
-    return this.cachedInstances.get(instanceId)
-  }
-
-  addCachedInstance(
-    instanceId: string,
-    element: PotokElement,
-    states: CachedInstanceState[],
-  ) {
-    this.cachedInstances.set(instanceId, {
-      isRemovable: false,
-      element,
-      states,
-    })
-  }
-
-  markInstanceAsRemovable(instanceId: string) {
-    const cachedInstance = this.cachedInstances.get(instanceId)
-    if (cachedInstance) {
-      cachedInstance.isRemovable = true
-    }
-  }
-
-  unmarkInstanceAsRemovable(instanceId: string) {
-    const cachedInstance = this.cachedInstances.get(instanceId)
-    if (cachedInstance) {
-      cachedInstance.isRemovable = false
-    }
-  }
-
-  removeCachedInstance(instanceId: string) {
-    this.cachedInstances.delete(instanceId)
-  }
-}

package/src/hmr/registry.ts

@@ -1,78 +0,0 @@
-import { Component } from '../types'
-import { ComponentId, HMRSubscriber, ModudeId } from './types'
-import { RegisteredComponent } from './registered-component'
-
-export class HMRRegistry {
-  private components: Map<ModudeId, Map<ComponentId, RegisteredComponent>> =
-    new Map()
-
-  private getModuleComponentsMap(moduleId: ModudeId) {
-    if (!this.components.has(moduleId)) {
-      this.components.set(moduleId, new Map())
-    }
-
-    return this.components.get(moduleId)!
-  }
-
-  addComponent(
-    moduleId: ModudeId,
-    componentId: ComponentId,
-    component: Component<any>,
-  ): RegisteredComponent {
-    const moduleComponentsMap = this.getModuleComponentsMap(moduleId)
-
-    if (!moduleComponentsMap.has(componentId)) {
-      moduleComponentsMap.set(componentId, new RegisteredComponent(component))
-    }
-
-    const registeredComponent = moduleComponentsMap.get(componentId)!
-
-    registeredComponent.component = component
-
-    return registeredComponent
-  }
-
-  getRegisteredComponent(
-    moduleId: ModudeId,
-    componentId: ComponentId,
-  ): RegisteredComponent | undefined {
-    return this.getModuleComponentsMap(moduleId).get(componentId)
-  }
-
-  subscribeToComponent(
-    moduleId: ModudeId,
-    componentId: ComponentId,
-    subscriber: HMRSubscriber,
-  ) {
-    this.getRegisteredComponent(moduleId, componentId)?.subscribers.add(
-      subscriber,
-    )
-
-    return () => {
-      this.unsubscribeFromComponent(moduleId, componentId, subscriber)
-    }
-  }
-
-  unsubscribeFromComponent(
-    moduleId: ModudeId,
-    componentId: ComponentId,
-    subscriber: HMRSubscriber,
-  ) {
-    this.getRegisteredComponent(moduleId, componentId)?.subscribers.delete(
-      subscriber,
-    )
-  }
-
-  notifyComponentUpdate(moduleId: ModudeId, componentId: ComponentId) {
-    const registeredComponent = this.getRegisteredComponent(
-      moduleId,
-      componentId,
-    )
-
-    if (!registeredComponent) return
-
-    for (const subscriber of registeredComponent.subscribers) {
-      subscriber(registeredComponent)
-    }
-  }
-}

package/src/hmr/types.ts

@@ -1,6 +0,0 @@
-import { RegisteredComponent } from './registered-component'
-
-export type HMRSubscriber = (component: RegisteredComponent | undefined) => void
-
-export type ModudeId = string
-export type ComponentId = string

package/src/hmr/utils.ts

@@ -1,20 +0,0 @@
-import { LibContext } from '../types'
-
-export function isWindowDefined(): boolean {
-  return typeof window !== 'undefined'
-}
-
-export function getComponentInstanceId(context: LibContext): string {
-  const indexes: number[] = []
-
-  let currentContext: LibContext | null = context
-
-  while (currentContext) {
-    indexes.push(currentContext.index)
-    currentContext = currentContext.parentBlock
-      ? currentContext.parentBlock.context
-      : null
-  }
-
-  return indexes.reverse().join('_')
-}