web-toolkit-x 0.0.1 → 0.70.0

package/src/globals.d.ts

@@ -0,0 +1,10 @@
+import type { ToolkitAPI } from './index.js'
+
+declare global {
+  /**
+   * The Toolkit exposed to non-module scripts.
+   */
+  var toolkit: ToolkitAPI | undefined
+}
+
+export {}

package/src/index.ts

@@ -0,0 +1,62 @@
+import { Component, Root, WebComponent } from './core/nodes.js'
+import Service from './core/service.js'
+import Toolkit, { toolkit } from './core/toolkit.js'
+import utils from './core/utils.js'
+
+/* The classes and helpers available on the Toolkit instance. */
+type ToolkitClasses = {
+  Component: typeof Component
+  WebComponent: typeof WebComponent
+  Root: typeof Root
+  Service: typeof Service
+  utils: typeof utils
+  noop: () => void
+}
+
+const classes: ToolkitClasses = {
+  Component,
+  WebComponent,
+  Root,
+  Service,
+  utils,
+  noop: () => {},
+}
+
+Object.assign(Toolkit.prototype, classes)
+
+export type {
+  AttributeValue,
+  Child,
+  ClassName,
+  ComponentTemplate,
+  ComponentType,
+  ElementProps,
+  ElementTemplate,
+  EventListenerFor,
+  Listener,
+  PureComponent,
+  RenderResult,
+  Style,
+  TagName,
+  Template,
+} from './core/bragi.js'
+export type { AttributeName, EventName } from './core/browser.js'
+export type { Props } from './core/description.js'
+export type {
+  BoundCommands,
+  CommandMethod,
+  Commands,
+  CommandsAPI,
+  State,
+} from './core/dispatcher.js'
+export type { ComponentClass, Connectable } from './core/nodes.js'
+export type { PluginManifest, PluginSandbox } from './core/plugins.js'
+export type { Update } from './core/renderer.js'
+export type { Options, Settings } from './core/toolkit.js'
+
+export { Component, Root, Service, WebComponent, utils }
+
+/* The Toolkit instance, with the classes and helpers assigned above. */
+export type ToolkitAPI = Toolkit & ToolkitClasses
+
+export default toolkit as ToolkitAPI

package/src/plugins/logger.ts

@@ -0,0 +1,38 @@
+import type { WebComponent } from '../core/nodes.js'
+import type { PluginManifest } from '../core/plugins.js'
+import type { Update } from '../core/renderer.js'
+
+const RENDER_TIME = 'Render time'
+const title = (update: Update) =>
+  `==> ${(update.root.constructor as typeof WebComponent).displayName} <==`
+
+/* eslint-disable no-console */
+
+const Logger: PluginManifest = {
+  name: 'logger',
+  permissions: ['listen-for-updates'],
+
+  onBeforeUpdate(update: Update) {
+    console.group(title(update))
+    console.log(
+      'Commands:',
+      update.commands.map(command => command.name),
+    )
+    console.time(RENDER_TIME)
+  },
+
+  onAfterUpdate(update: Update) {
+    if (update.patches!.length) {
+      console.log('%cPatches:', 'color: hsl(54, 70%, 45%)', update.patches)
+    } else {
+      console.log('%c=> No update', 'color: #07a707')
+    }
+    console.timeEnd(RENDER_TIME)
+    console.log('--------------------------------')
+    console.groupEnd()
+  },
+}
+
+/* eslint-enable no-console */
+
+export default Logger

package/src/release.ts

@@ -0,0 +1,3 @@
+import toolkit from './index.js'
+
+globalThis.toolkit = toolkit

package/index.js

@@ -1 +0,0 @@
-export {};