npm - @htmlplus/element - Versions diffs - 0.1.2 → 0.1.5 - Mend

@htmlplus/element 0.1.2 → 0.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (66) hide show

package/README.md +123 -25
package/dist/client/decorators/bind.js +2 -1
package/dist/client/decorators/element.js +113 -3
package/dist/client/decorators/event.d.ts +19 -1
package/dist/client/decorators/event.js +2 -2
package/dist/client/decorators/index.js +0 -1
package/dist/client/decorators/listen.d.ts +8 -1
package/dist/client/decorators/method.js +2 -2
package/dist/client/decorators/property.d.ts +11 -1
package/dist/client/decorators/property.js +14 -5
package/dist/client/decorators/state.js +8 -4
package/dist/client/helpers/direction.d.ts +1 -1
package/dist/client/helpers/slots.js +2 -1
package/dist/client/services/link.js +3 -3
package/dist/client/utils/api.d.ts +5 -1
package/dist/client/utils/define-property.d.ts +1 -0
package/dist/client/utils/define-property.js +1 -0
package/dist/client/utils/host.js +1 -1
package/dist/client/utils/index.d.ts +1 -1
package/dist/client/utils/index.js +1 -1
package/dist/compiler/compiler.js +3 -3
package/dist/compiler/index.d.ts +1 -2
package/dist/compiler/index.js +1 -2
package/dist/compiler/plugins/attach.js +7 -10
package/dist/compiler/plugins/docs.js +1 -0
package/dist/compiler/plugins/extract.js +14 -2
package/dist/compiler/plugins/index.d.ts +1 -0
package/dist/compiler/plugins/index.js +1 -0
package/dist/compiler/plugins/react.proxy/index.d.ts +1 -0
package/dist/compiler/plugins/react.proxy/index.js +1 -0
package/dist/compiler/plugins/react.proxy/react.proxy.d.ts +9 -0
package/dist/compiler/plugins/react.proxy/react.proxy.js +60 -0
package/dist/compiler/plugins/react.proxy/templates/README.md.hbs +1 -0
package/dist/compiler/plugins/react.proxy/templates/_.gitignore.hbs +2 -0
package/dist/compiler/plugins/react.proxy/templates/package.json.hbs +36 -0
package/dist/compiler/plugins/react.proxy/templates/rollup.config.js.hbs +20 -0
package/dist/compiler/plugins/react.proxy/templates/src/components/index.ts.hbs +3 -0
package/dist/compiler/plugins/react.proxy/templates/src/components/{{fileName}}.ts.hbs +38 -0
package/dist/compiler/plugins/react.proxy/templates/src/index.ts.hbs +1 -0
package/dist/compiler/plugins/react.proxy/templates/src/proxy.ts.hbs +277 -0
package/dist/compiler/plugins/react.proxy/templates/tsconfig.json.hbs +17 -0
package/dist/compiler/utils/__dirname.d.ts +1 -0
package/dist/compiler/utils/__dirname.js +5 -0
package/dist/compiler/utils/index.d.ts +3 -0
package/dist/compiler/utils/index.js +3 -0
package/dist/compiler/utils/is-directory-empty.d.ts +1 -0
package/dist/compiler/utils/is-directory-empty.js +19 -0
package/dist/compiler/utils/render-template.d.ts +1 -0
package/dist/compiler/utils/render-template.js +25 -0
package/dist/types/context.d.ts +2 -0
package/dist/types/index.d.ts +0 -5
package/dist/types/index.js +0 -5
package/dist/types/plugin.d.ts +4 -3
package/package.json +10 -4
package/dist/client/decorators/listen-options.d.ts +0 -2
package/dist/client/decorators/listen-options.js +0 -2
package/dist/types/api.d.ts +0 -5
package/dist/types/api.js +0 -1
package/dist/types/direction.d.ts +0 -1
package/dist/types/direction.js +0 -1
package/dist/types/event-options.d.ts +0 -18
package/dist/types/event-options.js +0 -1
package/dist/types/listen-options.d.ts +0 -7
package/dist/types/listen-options.js +0 -1
package/dist/types/property-options.d.ts +0 -10
package/dist/types/property-options.js +0 -1

package/README.md CHANGED Viewed

@@ -109,7 +109,7 @@ For run any of the component, you must write element name tag into the `public/i
 <!-- public/index.html -->
 <body>
-    <my-element></my-element>
+  <my-element></my-element>
 </body>
 ```
@@ -399,7 +399,11 @@ export class MyButton {
 ## Helpers
-TODO
+What is helpers?
+Helpers are a versatile tool in the web component building project that eliminates the need for rewriting.
+You can import `Helpers` two ways:
 ```js
 import { direction } from '@htmlplus/element';
@@ -412,13 +416,14 @@ direction === Helpers.direction; // true
   <summary>classes</summary>
 TODO
+`¯\_(ツ)_/¯`
 </details>
 <details>
   <summary>direction</summary>
-TODO
+This helper returns `ltr` or `rtl` from component.
 ```js
 import { Element, direction } from '@htmlplus/element';
@@ -436,9 +441,14 @@ export class MyElement {
 <details>
   <summary>event</summary>
-TODO
+`Event` is a wrapper of event listener, in JavaScript. `on` is like a `addEventListener` and `off` is like `removeEventListener` and used when you want to add or remove event on `window | documnet | Element`.
+Options:
-Options: TODO
+- target: `window | documnet | Element`
+- event: `string`
+- handler: `EventListenerOrEventListenerObject`
+- options: `boolean | AddEventListenerOptions`
 ```js
 import { Bind, Element, on, off } from '@htmlplus/element';
@@ -466,7 +476,7 @@ export class MyElement {
 <details>
   <summary>host</summary>
-TODO
+Returns output element of component.
 ```js
 import { Element, host } from '@htmlplus/element';
@@ -484,7 +494,7 @@ export class MyElement {
 <details>
   <summary>isRTL</summary>
-TODO
+Returns a `boolean` to diagnosis direction style of element.
 ```js
 import { Element, isRTL } from '@htmlplus/element';
@@ -502,7 +512,7 @@ export class MyElement {
 <details>
   <summary>isServer</summary>
-TODO
+Is a way to understand to component is mounted in DOM or not.
 ```js
 import { Element, isServer } from '@htmlplus/element';
@@ -520,7 +530,12 @@ export class MyElement {
 <details>
   <summary>query</summary>
-TODO
+Is a wrapper of `querySelector` Is a way to find an element with a specific features.
+Options:
+- target: `HTML Element` or `Element Component(this)`
+- selectors: `string` any specific features such as `id`, `class`, `element name`, ...
 ```js
 import { Element, query } from '@htmlplus/element';
@@ -551,7 +566,12 @@ export class MyElement {
 <details>
   <summary>queryAll</summary>
-TODO
+Is a wrapper of `querySelectorAll` Is a way to find an array of elements with a specific features.
+Options:
+- target: `HTML Element` or `Element Component(this)`
+- selectors: `string` any specific features such as `id`, `class`, `element name`, ...
 ```js
 import { Element, queryAll } from '@htmlplus/element';
@@ -580,6 +600,10 @@ export class MyElement {
 <details>
   <summary>slots</summary>
+Sometimes components need to render dynamic children in specific locations in their component, so we use `slot` for separate these.
+`slots` return the state of the slots of a component (is empty or not).
 ```js
 import { Element, Property, slots } from '@htmlplus/element';
@@ -615,7 +639,11 @@ export class MyElement {
 <details>
   <summary>styles</summary>
-TODO
+Returns css style of your `array` or `object` style.
+Options:
+- input: `array | object`
 ```js
 import { Element, Property, styles } from '@htmlplus/element';
@@ -648,7 +676,12 @@ export class MyElement {
 <details>
   <summary>toUnit</summary>
-TODO
+Transformer to `number` type or make unit based on unit input.
+Options:
+- input: `number | string`
+- unit: `string`
 ```js
 import { Element, Property, toUnit } from '@htmlplus/element';
@@ -678,40 +711,105 @@ export class MyElement {
 ## Lifecycles
-TODO
+Components have numerous lifecycle methods which can be used to know when the component.
 <details>
   <summary>connectedCallback</summary>
-TODO
+Called every time the component is connected to the DOM. When the component is first connected, this method is called before `loadedCallback`.
+```js
+import { Element } from '@htmlplus/element';
+@Element()
+export class MyElement {
+  connectedCallback() {
+    console.log("Component is connected!")
+  }
+  render() {
+    return (
+      <slot />
+    )
+  }
+}
+```
 </details>
 <details>
   <summary>disconnectedCallback</summary>
-TODO
+Called every time the component is disconnected from the DOM.
+```js
+import { Element } from '@htmlplus/element';
+@Element()
+export class MyElement {
+  disconnectedCallback() {
+    console.log("Component is disconnected!")
+  }
+  render() {
+    return (
+      <slot />
+    )
+  }
+}
+```
 </details>
 <details>
   <summary>loadedCallback</summary>
-TODO
+Called once just after the component is fully loaded and the first `render()`.
-</details>
+```js
+import { Element } from '@htmlplus/element';
-<details>
-  <summary>updateCallback</summary>
+@Element()
+export class MyElement {
-TODO
+  loadedCallback() {
+    console.log("Component is loaded!")
+  }
+  render() {
+    return (
+      <slot />
+    )
+  }
+}
+```
 </details>
 <details>
   <summary>updatedCallback</summary>
-TODO
+Called everytime when `states` or `props` changed.It's never called during the first `render()`.
+```js
+import { Element } from '@htmlplus/element';
+@Element()
+export class MyElement {
+  loadedCallback(prevProps, prevState, snapshot) {
+    console.log("Component is updated!")
+  }
+  render() {
+    return (
+      <slot />
+    )
+  }
+}
+```
 </details>
@@ -740,7 +838,7 @@ All examples below produce output `<plus-button></plus-button>`
 <details>
   <summary>Explicitly tag name</summary>
-TODO
+You can give the final name of your component as an input to the `@Element`.
 ```js
 import { Element } from '@htmlplus/element';
@@ -754,13 +852,13 @@ export class Button {}
 <details>
   <summary>Class name with at least 2 syllables</summary>
-TODO
+The name of your element should eventually be `two` syllables.
 ```js
 import { Element } from '@htmlplus/element';
 @Element()
-export class PlusButton {}
+export class PlusButton {} // <plus-button></plus-button>
 ```
 </details>
@@ -768,7 +866,7 @@ export class PlusButton {}
 <details>
   <summary>With global prefix (recommended)</summary>
-TODO
+You can set a prefix for all elements and this prefix attached to all elements.
 ```js
 import { Element } from '@htmlplus/element';

package/dist/client/decorators/bind.js CHANGED Viewed

@@ -1,10 +1,11 @@
+import { defineProperty } from '../utils/index.js';
 export function Bind() {
     return function (target, propertyKey, descriptor) {
         return {
             configurable: true,
             get() {
                 const value = descriptor === null || descriptor === void 0 ? void 0 : descriptor.value.bind(this);
-                Object.defineProperty(this, propertyKey, {
+                defineProperty(this, propertyKey, {
                     value,
                     configurable: true,
                     writable: true

package/dist/client/decorators/element.js CHANGED Viewed

@@ -1,9 +1,119 @@
-import { isServer, proxy } from '../utils/index.js';
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { html, render } from 'uhtml';
+import * as CONSTANTS from '../../configs/constants.js';
+import { isServer, parseValue } from '../utils/index.js';
 export function Element(tag) {
     return function (constructor) {
         if (isServer())
             return;
-        // TODO: remove as any
-        customElements.define(tag, proxy(constructor));
+        const members = constructor[CONSTANTS.TOKEN_STATIC_MEMBERS];
+        const styles = constructor[CONSTANTS.TOKEN_STATIC_STYLES];
+        customElements.define(tag, class extends HTMLElement {
+            constructor() {
+                var _a, _b;
+                var _c, _d;
+                super();
+                // TODO
+                this.plus = new constructor();
+                // TODO
+                let states, isPending, updatePromise;
+                const request = (state) => {
+                    if (!true /*hasChange*/)
+                        return Promise.resolve(false);
+                    states = Object.assign(Object.assign({}, (states || {})), state);
+                    if (!isPending)
+                        updatePromise = enqueue();
+                    return updatePromise;
+                };
+                const enqueue = () => __awaiter(this, void 0, void 0, function* () {
+                    var _e;
+                    isPending = true;
+                    try {
+                        yield updatePromise;
+                    }
+                    catch (error) {
+                        Promise.reject(error);
+                    }
+                    // TODO: may be not used
+                    if (!isPending)
+                        return updatePromise;
+                    try {
+                        if (!true /*shouldUpdate*/)
+                            return (isPending = false);
+                        console.log('render');
+                        // TODO
+                        // call(CONSTANTS.TOKEN_LIFECYCLE_UPDATE, [allStates]);
+                        render(this.shadowRoot, () => {
+                            var _a;
+                            const markup = (_a = this.plus[CONSTANTS.TOKEN_METHOD_RENDER]) === null || _a === void 0 ? void 0 : _a.call(this.plus);
+                            if (!styles && !markup)
+                                return html ``;
+                            if (!styles)
+                                return markup;
+                            if (!markup)
+                                return html `<style>${styles}</style>`;
+                            return html `<style>${styles}</style>${markup}`;
+                        });
+                        // TODO
+                        (_e = this.plus[CONSTANTS.TOKEN_LIFECYCLE_UPDATED]) === null || _e === void 0 ? void 0 : _e.call(this.plus, states);
+                        states = undefined;
+                        isPending = false;
+                        return true;
+                    }
+                    catch (error) {
+                        isPending = false;
+                        throw error;
+                    }
+                });
+                (_a = (_c = this.plus)[_d = CONSTANTS.TOKEN_API]) !== null && _a !== void 0 ? _a : (_c[_d] = {
+                    [CONSTANTS.TOKEN_API_HOST]: () => this,
+                    [CONSTANTS.TOKEN_API_REQUEST]: request
+                });
+                // TODO
+                (_b = this.plus.setup) === null || _b === void 0 ? void 0 : _b.forEach((setup) => setup.call(this.plus));
+                this.attachShadow({ mode: 'open' });
+            }
+            static get observedAttributes() {
+                return Object.keys(members).filter((key) => members[key][0] != CONSTANTS.TYPE_FUNCTION);
+            }
+            adoptedCallback() {
+                var _a;
+                (_a = this.plus[CONSTANTS.TOKEN_LIFECYCLE_ADOPTED]) === null || _a === void 0 ? void 0 : _a.call(this.plus);
+            }
+            attributeChangedCallback(name, prev, next) {
+                const [type] = members[name];
+                this.plus[name] = parseValue(next, type);
+                if (!this.plus[CONSTANTS.TOKEN_API][CONSTANTS.TOKEN_API_READY])
+                    return;
+                this.plus[CONSTANTS.TOKEN_API][CONSTANTS.TOKEN_API_REQUEST]().catch((error) => {
+                    throw error;
+                });
+            }
+            connectedCallback() {
+                var _a;
+                (_a = this.plus[CONSTANTS.TOKEN_LIFECYCLE_CONNECTED]) === null || _a === void 0 ? void 0 : _a.call(this.plus);
+                this.plus[CONSTANTS.TOKEN_API][CONSTANTS.TOKEN_API_REQUEST]()
+                    .then(() => {
+                    var _a;
+                    (_a = this.plus[CONSTANTS.TOKEN_LIFECYCLE_LOADED]) === null || _a === void 0 ? void 0 : _a.call(this.plus);
+                })
+                    .catch((error) => {
+                    throw error;
+                });
+                this.plus[CONSTANTS.TOKEN_API][CONSTANTS.TOKEN_API_READY] = true;
+            }
+            disconnectedCallback() {
+                var _a;
+                (_a = this.plus[CONSTANTS.TOKEN_LIFECYCLE_DISCONNECTED]) === null || _a === void 0 ? void 0 : _a.call(this.plus);
+            }
+        });
     };
 }

package/dist/client/decorators/event.d.ts CHANGED Viewed

@@ -1,3 +1,21 @@
-import { EventOptions, PlusElement } from '../../types/index.js';
+import { PlusElement } from '../../types/index.js';
 export declare type EventEmitter<T = any> = (data?: T) => CustomEvent<T>;
+export interface EventOptions {
+    /**
+     * A string custom event name to override the default.
+     */
+    name?: string;
+    /**
+     * A Boolean indicating whether the event bubbles up through the DOM or not. default is `false`.
+     */
+    bubbles?: boolean;
+    /**
+     * A Boolean indicating whether the event is cancelable. default is `false`.
+     */
+    cancelable?: boolean;
+    /**
+     * A Boolean value indicating whether or not the event can bubble across the boundary between the shadow DOM and the regular DOM. The default is false.
+     */
+    composed?: boolean;
+}
 export declare function Event<T = any>(options?: EventOptions): (target: PlusElement, propertyKey: PropertyKey) => void;

package/dist/client/decorators/event.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import { host } from '../utils/index.js';
+import { defineProperty, host } from '../utils/index.js';
 // TODO: add global hook
 export function Event(options = {}) {
     return function (target, propertyKey) {
-        Object.defineProperty(target, propertyKey, {
+        defineProperty(target, propertyKey, {
             get() {
                 return (detail) => {
                     var _a;

package/dist/client/decorators/index.js CHANGED Viewed

@@ -3,7 +3,6 @@ export * from './bind.js';
 export * from './element.js';
 export * from './event.js';
 export * from './listen.js';
-// export * from './listen-options.js';
 export * from './method.js';
 export * from './property.js';
 export * from './state.js';

package/dist/client/decorators/listen.d.ts CHANGED Viewed

@@ -1,4 +1,11 @@
-import { ListenOptions, PlusElement } from '../../types/index.js';
+import { PlusElement } from '../../types/index.js';
+export interface ListenOptions {
+    target?: 'host' | 'body' | 'document' | 'window';
+    once?: boolean;
+    passive?: boolean;
+    signal?: AbortSignal;
+    capture?: boolean;
+}
 export declare function Listen(name: string, options?: ListenOptions): (target: PlusElement, propertyKey: PropertyKey, descriptor: PropertyDescriptor) => {
     configurable: boolean;
     get(): any;

package/dist/client/decorators/method.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import { host, onReady } from '../utils/index.js';
+import { defineProperty, host, onReady } from '../utils/index.js';
 export function Method() {
     return function (target, propertyKey) {
         onReady(target, function () {
-            Object.defineProperty(host(this), propertyKey, {
+            defineProperty(host(this), propertyKey, {
                 get: () => {
                     return this[propertyKey].bind(this);
                 }

package/dist/client/decorators/property.d.ts CHANGED Viewed

@@ -1,2 +1,12 @@
-import { PlusElement, PropertyOptions } from '../../types/index.js';
+import { PlusElement } from '../../types/index.js';
+export interface PropertyOptions {
+    /**
+     * TODO
+     */
+    attribute?: boolean | string;
+    /**
+     * Whether property value is reflected back to the associated attribute. default is `false`.
+     */
+    reflect?: boolean;
+}
 export declare function Property(options?: PropertyOptions): (target: PlusElement, propertyKey: PropertyKey) => void;

package/dist/client/decorators/property.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import * as CONSTANTS from '../../configs/constants.js';
-import { api, host, onReady, parseValue, updateAttribute } from '../utils/index.js';
+import { api, defineProperty, host, onReady, parseValue, updateAttribute } from '../utils/index.js';
 export function Property(options) {
     return function (target, propertyKey) {
         let prev, next;
-        Object.defineProperty(target, propertyKey, {
+        defineProperty(target, propertyKey, {
             get() {
                 return next;
             },
@@ -21,14 +21,23 @@ export function Property(options) {
                 const parsed = parseValue(raw, type);
                 if (parsed === next)
                     return;
-                if (options === null || options === void 0 ? void 0 : options.reflect)
+                api(this)
+                    .request({ [propertyKey]: [next, prev] })
+                    .then((renderd) => {
+                    if (!renderd)
+                        return;
+                    if (!(options === null || options === void 0 ? void 0 : options.reflect))
+                        return;
                     updateAttribute(element, name, next);
-                api(this).request({ [propertyKey]: [next, prev] });
+                })
+                    .catch((error) => {
+                    throw error;
+                });
                 prev = next;
             }
         });
         onReady(target, function () {
-            Object.defineProperty(host(this), propertyKey, {
+            defineProperty(host(this), propertyKey, {
                 get: () => {
                     return this[propertyKey];
                 },

package/dist/client/decorators/state.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import { api, host, onReady } from '../utils/index.js';
+import { api, defineProperty, host, onReady } from '../utils/index.js';
 export function State() {
     return function (target, propertyKey) {
         let prev, next;
-        Object.defineProperty(target, propertyKey, {
+        defineProperty(target, propertyKey, {
             get() {
                 return next;
             },
@@ -13,12 +13,16 @@ export function State() {
                 next = input;
                 if (!((_a = api(this)) === null || _a === void 0 ? void 0 : _a.ready))
                     return;
-                api(this).request({ [propertyKey]: [next, prev] });
+                api(this)
+                    .request({ [propertyKey]: [next, prev] })
+                    .catch((error) => {
+                    throw error;
+                });
                 prev = next;
             }
         });
         onReady(target, function () {
-            Object.defineProperty(host(this), propertyKey, {
+            defineProperty(host(this), propertyKey, {
                 get: () => {
                     return this[propertyKey];
                 },

package/dist/client/helpers/direction.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { Direction } from '../../types/index.js';
+export declare type Direction = 'ltr' | 'rtl';
 export declare const direction: (target: any) => Direction;

package/dist/client/helpers/slots.js CHANGED Viewed

@@ -1,10 +1,11 @@
+import { defineProperty } from '../utils/index.js';
 import { queryAll } from './query-all.js';
 export const slots = (target) => {
     var _a;
     const result = {};
     (_a = queryAll(target, 'slot')) === null || _a === void 0 ? void 0 : _a.forEach((slot) => {
         const name = slot.name || 'default';
-        Object.defineProperty(result, name, {
+        defineProperty(result, name, {
             get() {
                 return !!slot.assignedNodes().filter((node) => { var _a; return node.nodeName != '#text' || ((_a = node.nodeValue) === null || _a === void 0 ? void 0 : _a.trim()); }).length;
             }

package/dist/client/services/link.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { host } from '../utils/index.js';
+import { defineProperty, host } from '../utils/index.js';
 const links = new Map();
 // TODO: return type
 export const createLink = (namespace) => {
@@ -51,7 +51,7 @@ export const createLink = (namespace) => {
         if (source.type === 'inject')
             return set(source, source.value /* TODO */);
         // TODO: any
-        Object.defineProperty(source.instance, source.name, {
+        defineProperty(source.instance, source.name, {
             value: get(source) /* TODO */,
             enumerable: true,
             configurable: true
@@ -66,7 +66,7 @@ export const createLink = (namespace) => {
     const proxy = (source) => {
         let value = get(source);
         // TODO: any
-        Object.defineProperty(source.instance, source.name, {
+        defineProperty(source.instance, source.name, {
             enumerable: true,
             configurable: true,
             get() {

package/dist/client/utils/api.d.ts CHANGED Viewed

@@ -1,2 +1,6 @@
-import { Api } from '../../types/index.js';
+export interface Api {
+    ready: boolean;
+    host(): HTMLElement;
+    request(states?: any): Promise<boolean>;
+}
 export declare const api: (target: any) => Api;

package/dist/client/utils/define-property.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const defineProperty: <T>(o: T, p: PropertyKey, attributes: PropertyDescriptor & ThisType<any>) => T;

package/dist/client/utils/define-property.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export const defineProperty = Object.defineProperty;

package/dist/client/utils/host.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { api } from '../utils/index.js';
+import { api } from './api.js';
 export const host = (target) => api(target).host();

package/dist/client/utils/index.d.ts CHANGED Viewed

@@ -1,12 +1,12 @@
 export * from './api.js';
 export * from './append-to-method.js';
+export * from './define-property.js';
 export * from './event.js';
 export * from './host.js';
 export * from './is-event.js';
 export * from './is-server.js';
 export * from './on-ready.js';
 export * from './parse-value.js';
-export * from './proxy.js';
 export * from './sync.js';
 export * from './to-boolean.js';
 export * from './to-event.js';

package/dist/client/utils/index.js CHANGED Viewed

@@ -1,12 +1,12 @@
 export * from './api.js';
 export * from './append-to-method.js';
+export * from './define-property.js';
 export * from './event.js';
 export * from './host.js';
 export * from './is-event.js';
 export * from './is-server.js';
 export * from './on-ready.js';
 export * from './parse-value.js';
-export * from './proxy.js';
 export * from './sync.js';
 export * from './to-boolean.js';
 export * from './to-event.js';