some refactoring

index.ts

@@ -3,5 +3,5 @@ import 'reflect-metadata'
 export { configure } from './configure.js'
 
 export { defineConfig } from './src/define_config.js'
-export { Component } from './src/component.js'
+export { Component } from './src/component/main.js'
 export { view } from './src/view.js'

providers/edgewire_provider.ts

@@ -1,7 +1,7 @@
 import edge from 'edge.js'
 import { edgewireTag } from '../src/edge/tags/edgewire.js'
 import { ApplicationService } from '@adonisjs/core/types'
-import { ComponentRegistry } from '../src/component_registry.js'
+import { ComponentRegistry } from '../src/component/registry.js'
 import { edgewireScriptsTag } from '../src/edge/tags/edgewire_scripts.js'
 import { Edgewire } from '../src/edgewire.js'
 import { LifecycleComponentHook } from '../src/features/lifecycle/component_hook.js'

src/component_context.ts → src/component/context.ts

@@ -1,4 +1,4 @@
-import { Component } from './component.js'
+import { Component } from './main.js'
 
 export class ComponentContext {
   readonly isMounting: boolean

src/component.ts → src/component/main.ts

@@ -1,8 +1,8 @@
 import { HttpContext } from '@adonisjs/core/http'
-import { View } from './view.js'
 import { compose } from '@adonisjs/core/helpers'
-import { WithAttributes } from './mixins/with_attributes.js'
-import { LifecycleHooks } from './features/lifecycle/mixins/lifecycle_hooks.js'
+import { LifecycleHooks } from '../features/lifecycle/mixins/lifecycle_hooks.js'
+import { WithAttributes } from '../mixins/with_attributes.js'
+import { View } from '../view.js'
 
 class BaseComponent {}
 

src/handle_components.ts → src/component/manager.ts

@@ -1,22 +1,21 @@
 import { inject } from '@adonisjs/core'
-import { Component } from './component.js'
-import { ComponentRegistry } from './component_registry.js'
-import { insertAttributesIntoHtmlRoot } from './utils.js'
-import { ComponentSnapshot, ComponentCall, ComponentUpdates } from './types.js'
-import { ComponentContext } from './component_context.js'
-import { E_INVALID_CHECKSUM } from './errors.js'
-import { generateChecksum, verifyChecksum } from './utils/checksum.js'
-import { View } from './view.js'
 import string from '@adonisjs/core/helpers/string'
-import { getPublicProperties } from './utils/object.js'
 import { HttpContext } from '@adonisjs/core/http'
 import app from '@adonisjs/core/services/app'
-import emitter from '@adonisjs/core/services/emitter'
-import { ComponentHookRegistry } from './component_hook_registry.js'
-import { ViewContext } from './view_context.js'
+import { ComponentRegistry } from './registry.js'
+import { ComponentHookRegistry } from '../component_hook/registry.js'
+import { insertAttributesIntoHtmlRoot } from '../utils.js'
+import { ComponentCall, ComponentSnapshot, ComponentUpdates } from '../types.js'
+import { Component } from './main.js'
+import { getPublicProperties } from '../utils/object.js'
+import { View } from '../view.js'
+import { ViewContext } from '../view_context.js'
+import { ComponentContext } from './context.js'
+import { generateChecksum, verifyChecksum } from '../utils/checksum.js'
+import { E_INVALID_CHECKSUM } from '../errors.js'
 
 @inject()
-export class HandleComponents {
+export class ComponentManager {
   #componentsRegistry: ComponentRegistry
   #componentHookRegistry: ComponentHookRegistry
 
@@ -60,7 +59,6 @@ export class HandleComponents {
 
     let html = await this.#render(component)
     html = insertAttributesIntoHtmlRoot(html, {
-      'wire:effects': [],
       'wire:snapshot': newSnapshot,
     })
 

src/component_hook.ts → src/component_hook/main.ts

@@ -1,7 +1,7 @@
 import Hooks from '@poppinss/hooks'
-import { Component } from './component.js'
-import { View } from './view.js'
-import { ViewContext } from './view_context.js'
+import { Component } from '../component/main.js'
+import { View } from '../view.js'
+import { ViewContext } from '../view_context.js'
 
 export type ComponentHookEvents = {
   boot: [[Component], []]

src/component_hook_registry.ts → src/component_hook/registry.ts

@@ -1,5 +1,5 @@
-import { ComponentHook, ComponentHookEvents } from './component_hook.js'
 import Hooks from '@poppinss/hooks'
+import { ComponentHook, ComponentHookEvents } from './main.js'
 
 export class ComponentHookRegistry {
   components: ComponentHook[] = []

src/edgewire.ts

@@ -1,41 +1,42 @@
 import { inject } from '@adonisjs/core'
-import { ComponentRegistry } from './component_registry.js'
-import { HandleComponents } from './handle_components.js'
-import { HandleRequests } from './handle_requests.js'
 import { HttpContext } from '@adonisjs/core/http'
 import { View } from './view.js'
-import { ComponentHook } from './component_hook.js'
-import { ComponentHookRegistry } from './component_hook_registry.js'
+import { ComponentRegistry } from './component/registry.js'
+import { ComponentHookRegistry } from './component_hook/registry.js'
+import { ComponentHook } from './component_hook/main.js'
+import { ComponentManager } from './component/manager.js'
+import { RequestManager } from './request/manager.js'
 
 @inject()
 export class Edgewire {
   #componentRegistry: ComponentRegistry
   #componentHookRegistry: ComponentHookRegistry
-  #handleComponents: HandleComponents
-  #handleRequests: HandleRequests
+
+  #componentsManager: ComponentManager
+  #requestManager: RequestManager
 
   constructor(
     componentRegistry: ComponentRegistry,
     componentHookRegistry: ComponentHookRegistry,
-    handleComponents: HandleComponents,
-    handleRequests: HandleRequests
+    componentManager: ComponentManager,
+    requestManager: RequestManager
   ) {
     this.#componentRegistry = componentRegistry
     this.#componentHookRegistry = componentHookRegistry
-    this.#handleComponents = handleComponents
-    this.#handleRequests = handleRequests
+    this.#componentsManager = componentManager
+    this.#requestManager = requestManager
   }
 
   component(name: string, component: any) {
     this.#componentRegistry.component(name, component)
   }
 
   mount(name: string, ctx: HttpContext) {
-    return this.#handleComponents.mount(name, ctx)
+    return this.#componentsManager.mount(name, ctx)
   }
 
   handleUpdate(ctx: HttpContext) {
-    return this.#handleRequests.handleUpdate(ctx)
+    return this.#requestManager.handleUpdate(ctx)
   }
 
   view(templatePath: string, state: Record<string, any> = {}) {

src/handle_requests.ts → src/request/manager.ts

@@ -1,21 +1,21 @@
 import { HttpContext } from '@adonisjs/core/http'
-import { HandleComponents } from './handle_components.js'
 import { inject } from '@adonisjs/core'
+import { ComponentManager } from '../component/manager.js'
 
 @inject()
-export class HandleRequests {
-  #handleComponents: HandleComponents
+export class RequestManager {
+  #componentManager: ComponentManager
 
-  constructor(handleComponents: HandleComponents) {
-    this.#handleComponents = handleComponents
+  constructor(componentManager: ComponentManager) {
+    this.#componentManager = componentManager
   }
 
   public async handleUpdate(ctx: HttpContext) {
     const payloads = ctx.request.body().components // TODO: Type this
 
     const componentResponses = []
     for (const payload of payloads) {
-      const { snapshot, effects } = await this.#handleComponents.update(
+      const { snapshot, effects } = await this.#componentManager.update(
         JSON.parse(payload.snapshot),
         payload.updates,
         payload.calls,