Merge pull request #167 from Neovici/feat/pion

feat: update to pion

package.json

@@ -71,7 +71,7 @@
 		"./memoize": "./dist/memoize.js"
 	},
 	"dependencies": {
-		"haunted": "^5.0.0"
+		"@pionjs/pion": "^2.0.0"
 	},
 	"devDependencies": {
 		"@commitlint/cli": "^18.0.0",

src/directives/consume.ts

@@ -1,5 +1,5 @@
-import { Context, ContextDetail } from 'haunted/lib/create-context';
-import { contextEvent } from 'haunted/lib/symbols';
+import { Context, ContextDetail } from '@pionjs/pion/lib/create-context';
+import { contextEvent } from '@pionjs/pion/lib/symbols';
 import { AttributePart, noChange } from 'lit-html';
 import { AsyncDirective, directive } from 'lit-html/async-directive.js';
 import { ChildPart, DirectiveParameters } from 'lit-html/directive.js';

src/directives/provide.ts

@@ -1,5 +1,5 @@
-import { Context, ContextDetail } from 'haunted/lib/create-context';
-import { contextEvent } from 'haunted/lib/symbols';
+import { Context, ContextDetail } from '@pionjs/pion/lib/create-context';
+import { contextEvent } from '@pionjs/pion/lib/symbols';
 import { noChange, nothing } from 'lit-html';
 import { AsyncDirective, directive } from 'lit-html/async-directive.js';
 import { ChildPart } from 'lit-html/directive.js';

src/elements/cz-icon.ts

@@ -1,6 +1,6 @@
 import { html, svg } from 'lit-html';
 import { ifDefined } from 'lit-html/directives/if-defined';
-import { component } from 'haunted';
+import { component } from '@pionjs/pion';
 
 interface Ico {
 	icon?: ReturnType<typeof svg>;

src/elements/cz-spinner.ts

@@ -1,4 +1,4 @@
-import { component, html } from 'haunted';
+import { component, html } from '@pionjs/pion';
 
 export const Spinner = () => html`<style>
 	@keyframes rotating {

src/haunted-polymer.ts

@@ -3,7 +3,7 @@ import {
 	render,
 	GenericRenderer,
 	ComponentOrVirtualComponent,
-} from 'haunted';
+} from '@pionjs/pion';
 import { ChildPart } from 'lit-html';
 import { Rec } from './object';
 

src/hooks/use-abort-signal.ts

@@ -1,4 +1,4 @@
-import { useEffect, useMemo } from 'haunted';
+import { useEffect, useMemo } from '@pionjs/pion';
 
 export const useAbortSignal = () => {
 	const { controller, signal } = useMemo(() => {

src/hooks/use-debounce-raf.ts

@@ -1,4 +1,4 @@
-import { useState, useEffect } from 'haunted';
+import { useState, useEffect } from '@pionjs/pion';
 
 /**
  * Debounces a value by updating it via a double requestAnimationFrame call.

src/hooks/use-drag-items.ts

@@ -1,4 +1,4 @@
-import { useCallback } from 'haunted';
+import { useCallback } from '@pionjs/pion';
 import { useMeta } from './use-meta';
 import { parse } from '../number';
 

src/hooks/use-dropped-files.ts

@@ -1,4 +1,4 @@
-import { useState, useCallback } from 'haunted';
+import { useState, useCallback } from '@pionjs/pion';
 import { useHandleDrop } from './use-handle-drop';
 
 export const useDroppedFiles = <T extends HTMLElement>(el: T) => {

src/hooks/use-handle-drop.ts

@@ -1,4 +1,4 @@
-import { useEffect } from 'haunted';
+import { useEffect } from '@pionjs/pion';
 
 export const useHandleDrop = <T extends HTMLElement>(
 	el: T,

src/hooks/use-host-bounds.ts

@@ -1,4 +1,4 @@
-import { useLayoutEffect, useState } from 'haunted';
+import { useLayoutEffect, useState } from '@pionjs/pion';
 import { useHost } from './use-host';
 
 const useHostBounds = () => {

src/hooks/use-host.ts

@@ -1,4 +1,4 @@
-import { hook, Hook } from 'haunted';
+import { hook, Hook } from '@pionjs/pion';
 
 type UseHost  = <T extends HTMLElement>()=>T;
 

src/hooks/use-imperative-api.ts

@@ -1,4 +1,4 @@
-import { Hook, hook, State } from 'haunted';
+import { Hook, hook, State } from '@pionjs/pion';
 
 export const useImperativeApi = hook(
 	class<A, D = unknown> extends Hook<[A, D[]], void> {

src/hooks/use-meta.ts

@@ -1,4 +1,4 @@
-import { useMemo } from 'haunted';
+import { useMemo } from '@pionjs/pion';
 import { Rec } from '../object';
 
 /**

src/hooks/use-notify-property.ts

@@ -1,4 +1,4 @@
-import { useEffect } from 'haunted';
+import { useEffect } from '@pionjs/pion';
 import { useHost } from './use-host';
 
 const UPPER = /([A-Z])/gu;

src/hooks/use-promise.js

@@ -1,55 +1,50 @@
-import {
-	useReducer,
-	useEffect
-} from 'haunted';
-import {
-	reduce,
-	action
-} from '../reduce';
+import { useReducer, useEffect } from '@pionjs/pion';
+import { reduce, action } from '../reduce';
 
-const
-	states = {
+const states = {
 		pending: 'pending',
 		rejected: 'rejected',
-		resolved: 'resolved'
+		resolved: 'resolved',
 	},
 	initial = {
 		error: undefined,
 		result: undefined,
-		state: states.pending
+		state: states.pending,
 	},
 	pending = action(states.pending),
-	resolved = action(states.resolved, result => ({ result })),
-	rejected = action(states.rejected, error => ({ error })),
+	resolved = action(states.resolved, (result) => ({ result })),
+	rejected = action(states.rejected, (error) => ({ error })),
 	reducer = reduce(initial, [
-		[pending, () => ({
-			error: undefined,
-			result: undefined,
-			state: states.pending
-		})],
+		[
+			pending,
+			() => ({
+				error: undefined,
+				result: undefined,
+				state: states.pending,
+			}),
+		],
 
-		[resolved, (state, { result }) => ({
-			error: undefined,
-			result,
-			state: states.resolved
-		})],
+		[
+			resolved,
+			(state, { result }) => ({
+				error: undefined,
+				result,
+				state: states.resolved,
+			}),
+		],
 
-		[rejected, (state, { error }) => ({
-			error,
-			result: undefined,
-			state: states.rejected
-		})]
+		[
+			rejected,
+			(state, { error }) => ({
+				error,
+				result: undefined,
+				state: states.rejected,
+			}),
+		],
 	]);
 
-export const usePromise = promise => {
-	const [
-		{
-			error,
-			result,
-			state
-		},
-		dispatch
-	] = useReducer(reducer, initial);
+export const usePromise = (promise) => {
+	const [{ error, result, state }, dispatch] = useReducer(reducer, initial);
 
 	useEffect(() => {
 		if (!promise) {
@@ -61,8 +56,8 @@ export const usePromise = promise => {
 		dispatch(pending());
 
 		promise.then(
-			result => !canceled && dispatch(resolved(result)),
-			error => !canceled && dispatch(rejected(error))
+			(result) => !canceled && dispatch(resolved(result)),
+			(error) => !canceled && dispatch(rejected(error)),
 		);
 
 		return () => {

src/hooks/use-property.ts

@@ -1,4 +1,4 @@
-import { useEffect, useCallback } from 'haunted';
+import { useEffect, useCallback } from '@pionjs/pion';
 import { useMeta } from './use-meta';
 import { useHost } from './use-host';
 import { invoke } from '../function';

src/tag.ts

@@ -1,13 +1,12 @@
-import { html as htm } from 'haunted';
+import { html as htm } from 'lit-html';
 
 const html: typeof htm = (arr, ...thru) =>
 	htm(
 		Object.assign(arr, { raw: true }) as unknown as TemplateStringsArray,
-		...thru
+		...thru,
 	);
 
-export const
-	/**
+export const /**
 	 * Dynamic component support for lit-html.
 	 *
 	 * Normally lit-html does not support interpolating the component tag, but we can trick it
@@ -28,7 +27,11 @@ export const
 	 *
 	 * @return  {TemplateResult}          The lit template result.
 	 */
-	tag = (strings: string[], component: string, ...values: unknown[]) => html([
-		strings[0] + component + strings[1],
-		...strings.slice(2)
-	] as unknown as  TemplateStringsArray, ...values);
+	tag = (strings: string[], component: string, ...values: unknown[]) =>
+		html(
+			[
+				strings[0] + component + strings[1],
+				...strings.slice(2),
+			] as unknown as TemplateStringsArray,
+			...values,
+		);

test/array.test.js

@@ -1,5 +1,4 @@
 import { assert } from '@open-wc/testing';
-
 import { array, without, chunk, intersect } from '../src/array';
 
 const empty = [],
@@ -24,9 +23,9 @@ suite('array', () => {
 		assert.lengthOf(
 			without(
 				[{ id: 1 }, { id: 2 }],
-				(o) => o.id
+				(o) => o.id,
 			)([{ id: 1 }, { id: 2 }, { id: 3 }]),
-			1
+			1,
 		);
 	});
 	test('chunk', () => {