valknar/home
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: format

Browse Source
This commit is contained in:
Sebastian Krüger
2025-10-10 16:43:21 +02:00
parent f0aabd63b6
commit 75c29e0ba4
551 changed files with 433948 additions and 94145 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
Projects/pivoine.art/packages/hydecorp/component/src/creators.ts
View File

@@ -1,39 +1,54 @@
import { Observable, animationFrames } from "rxjs";
import { map, takeWhile, endWith } from "rxjs/operators";
export function fetchRx(input: RequestInfo, init?: RequestInit): Observable<Response> {
return new Observable(observer => {
const controller = new AbortController();
const { signal } = controller;
export function fetchRx(
input: RequestInfo,
init?: RequestInit,
): Observable<Response> {
return new Observable((observer) => {
const controller = new AbortController();
const { signal } = controller;
let response: Response | null = null;
fetch(input, { ...init, signal })
.then(r => {
response = r;
observer.next(r);
observer.complete();
})
.catch(x => observer.error(x));
let response: Response | null = null;
fetch(input, { ...init, signal })
.then((r) => {
response = r;
observer.next(r);
observer.complete();
})
.catch((x) => observer.error(x));
return () => { if (!response) controller.abort(); };
});
return () => {
if (!response) controller.abort();
};
});
}
export function fromMediaQuery(mql: MediaQueryList): Observable<MediaQueryListEvent> {
return new Observable(o => {
const l = o.next.bind(o);
if (mql.onchange) mql.addEventListener('change', l); else mql.addListener(l);
return () => {
if (mql.onchange) mql.removeEventListener('change', l); else mql.removeListener(l);
}
});
export function fromMediaQuery(
mql: MediaQueryList,
): Observable<MediaQueryListEvent> {
return new Observable((o) => {
const l = o.next.bind(o);
if (mql.onchange) mql.addEventListener("change", l);
else mql.addListener(l);
return () => {
if (mql.onchange) mql.removeEventListener("change", l);
else mql.removeListener(l);
};
});
}
export function tween(easingFn: (t: number, b: number, c: number, d: number, s?: number) => number, b: number, c: number, d: number, s?: number): Observable<number> {
return animationFrames().pipe(
map(({ elapsed }) => elapsed),
takeWhile(t => t < d),
endWith(d),
map(t => easingFn(t, b, c, d, s)),
)
export function tween(
easingFn: (t: number, b: number, c: number, d: number, s?: number) => number,
b: number,
c: number,
d: number,
s?: number,
): Observable<number> {
return animationFrames().pipe(
map(({ elapsed }) => elapsed),
takeWhile((t) => t < d),
endWith(d),
map((t) => easingFn(t, b, c, d, s)),
);
}

73
Projects/pivoine.art/packages/hydecorp/component/src/element.ts
View File

@@ -1,46 +1,51 @@
import { LitElement } from 'lit';
import { Subject } from 'rxjs';
import { LitElement } from "lit";
import { Subject } from "rxjs";
export class RxLitElement extends LitElement {
$connected = new Subject<boolean>();
$connected = new Subject<boolean>();
connectedCallback() {
super.connectedCallback();
this.$connected.next(true);
}
connectedCallback() {
super.connectedCallback();
this.$connected.next(true);
}
disconnectedCallback() {
super.disconnectedCallback();
this.$connected.next(false);
}
disconnectedCallback() {
super.disconnectedCallback();
this.$connected.next(false);
}
#firstUpdate!: boolean;
#firstUpdate!: boolean;
$: any = {};
$: any = {};
firstUpdated() {
this.#firstUpdate = true;
}
firstUpdated() {
this.#firstUpdate = true;
}
updated(changedProperties: Map<string, any>) {
if (!this.#firstUpdate)
for (const prop of changedProperties.keys()) {
if (prop in this.$) this.$[prop].next((<any>this)[prop]);
}
this.#firstUpdate = false;
}
updated(changedProperties: Map<string, any>) {
if (!this.#firstUpdate)
for (const prop of changedProperties.keys()) {
if (prop in this.$) this.$[prop].next((<any>this)[prop]);
}
this.#firstUpdate = false;
}
fireEvent<T>(name: string, eventInitDict?: CustomEventInit<T>) {
this.dispatchEvent(new CustomEvent(name, eventInitDict));
this.dispatchEvent(new CustomEvent(`${this.tagName.toLowerCase()}-${name}`, eventInitDict));
}
fireEvent<T>(name: string, eventInitDict?: CustomEventInit<T>) {
this.dispatchEvent(new CustomEvent(name, eventInitDict));
this.dispatchEvent(
new CustomEvent(`${this.tagName.toLowerCase()}-${name}`, eventInitDict),
);
}
}
export function applyMixins<T>(derivedCtor: Constructor<T>, baseCtors: Constructor<any>[]) {
baseCtors.forEach((baseCtor) => {
Object.getOwnPropertyNames(baseCtor.prototype).forEach((name) => {
derivedCtor.prototype[name] = baseCtor.prototype[name];
});
});
return derivedCtor;
export function applyMixins<T>(
derivedCtor: Constructor<T>,
baseCtors: Constructor<any>[],
) {
baseCtors.forEach((baseCtor) => {
Object.getOwnPropertyNames(baseCtor.prototype).forEach((name) => {
derivedCtor.prototype[name] = baseCtor.prototype[name];
});
});
return derivedCtor;
}

10
Projects/pivoine.art/packages/hydecorp/component/src/index.ts
View File

@@ -1,5 +1,5 @@
export * from './creators';
export * from './element';
export * from './observers';
export * from './operators';
export * from './util';
export * from "./creators";
export * from "./element";
export * from "./observers";
export * from "./operators";
export * from "./util";

60
Projects/pivoine.art/packages/hydecorp/component/src/observers.ts
View File

@@ -1,31 +1,45 @@
import { Observable } from "rxjs";
export function createResizeObservable(el: HTMLElement): Observable<ResizeObserverEntry> {
return new Observable((obs) => {
const observer = new ResizeObserver(xs => xs.forEach(x => obs.next(x)));
observer.observe(el);
return () => { observer.unobserve(el); };
});
export function createResizeObservable(
el: HTMLElement,
): Observable<ResizeObserverEntry> {
return new Observable((obs) => {
const observer = new ResizeObserver((xs) => xs.forEach((x) => obs.next(x)));
observer.observe(el);
return () => {
observer.unobserve(el);
};
});
}
export function createMutationObservable(el: HTMLElement, options?: MutationObserverInit): Observable<MutationRecord> {
return new Observable((obs) => {
const observer = new MutationObserver(xs => xs.forEach(x => obs.next(x)));
observer.observe(el, options);
return () => { observer.disconnect(); };
});
export function createMutationObservable(
el: HTMLElement,
options?: MutationObserverInit,
): Observable<MutationRecord> {
return new Observable((obs) => {
const observer = new MutationObserver((xs) =>
xs.forEach((x) => obs.next(x)),
);
observer.observe(el, options);
return () => {
observer.disconnect();
};
});
}
export function createIntersectionObservable(els: HTMLElement|HTMLElement[], options?: IntersectionObserverInit): Observable<IntersectionObserverEntry[]> {
return new Observable((obs) => {
const observer = new IntersectionObserver(xs => obs.next(xs), options);
export function createIntersectionObservable(
els: HTMLElement | HTMLElement[],
options?: IntersectionObserverInit,
): Observable<IntersectionObserverEntry[]> {
return new Observable((obs) => {
const observer = new IntersectionObserver((xs) => obs.next(xs), options);
if (Array.isArray(els)) els.forEach(el => observer.observe(el));
else observer.observe(els);
if (Array.isArray(els)) els.forEach((el) => observer.observe(el));
else observer.observe(els);
return () => {
if (Array.isArray(els)) els.forEach(el => observer.unobserve(el));
else observer.unobserve(els);
};
});
}
return () => {
if (Array.isArray(els)) els.forEach((el) => observer.unobserve(el));
else observer.unobserve(els);
};
});
}

82
Projects/pivoine.art/packages/hydecorp/component/src/operators.ts
View File

@@ -1,16 +1,23 @@
import { Observable, NEVER, OperatorFunction } from "rxjs";
import { filter, map, switchMap, withLatestFrom, tap, debounceTime } from "rxjs/operators";
import {
filter,
map,
switchMap,
withLatestFrom,
tap,
debounceTime,
} from "rxjs/operators";
export function subscribeWhen<T>(p$: Observable<boolean>) {
return (source: Observable<T>) => {
return p$.pipe(switchMap(p => (p ? source : NEVER)));
};
return (source: Observable<T>) => {
return p$.pipe(switchMap((p) => (p ? source : NEVER)));
};
}
export function unsubscribeWhen<T>(p$: Observable<boolean>) {
return (source: Observable<T>) => {
return p$.pipe(switchMap(p => (p ? NEVER : source)));
};
return (source: Observable<T>) => {
return p$.pipe(switchMap((p) => (p ? NEVER : source)));
};
}
// export function filterWhen<T>(p$: Observable<boolean>) {
@@ -23,33 +30,38 @@ export function unsubscribeWhen<T>(p$: Observable<boolean>) {
// };
// };
export function filterWhen<T>(p$: Observable<boolean>, ...others: Observable<boolean>[]) {
return (source: Observable<T>) => {
if (others.length === 0) {
return source.pipe(
withLatestFrom(p$),
filter(([, p]) => p),
map(([x]) => x)
);
}
export function filterWhen<T>(
p$: Observable<boolean>,
...others: Observable<boolean>[]
) {
return (source: Observable<T>) => {
if (others.length === 0) {
return source.pipe(
withLatestFrom(p$),
filter(([, p]) => p),
map(([x]) => x),
);
}
return source.pipe(
withLatestFrom(p$, ...others),
filter(([, ...ps]) => ps.every(p => p)),
map(([x]) => x as T)
);
};
};
export function bufferDebounceTime<T>(time: number = 0): OperatorFunction<T, T[]> {
return (source: Observable<T>) => {
let bufferedValues: T[] = [];
return source.pipe(
tap(value => bufferedValues.push(value)),
debounceTime(time),
map(() => bufferedValues),
tap(() => bufferedValues = []),
);
};
return source.pipe(
withLatestFrom(p$, ...others),
filter(([, ...ps]) => ps.every((p) => p)),
map(([x]) => x as T),
);
};
}
export function bufferDebounceTime<T>(
time: number = 0,
): OperatorFunction<T, T[]> {
return (source: Observable<T>) => {
let bufferedValues: T[] = [];
return source.pipe(
tap((value) => bufferedValues.push(value)),
debounceTime(time),
map(() => bufferedValues),
tap(() => (bufferedValues = [])),
);
};
}

53
Projects/pivoine.art/packages/hydecorp/component/src/util.ts
View File

@@ -1,42 +1,51 @@
export function getScrollHeight() {
const h = document.documentElement;
const b = document.body;
const sh = "scrollHeight";
return h[sh] || b[sh];
const h = document.documentElement;
const b = document.body;
const sh = "scrollHeight";
return h[sh] || b[sh];
}
export function getScrollLeft() {
return window.pageXOffset || document.body.scrollLeft;
return window.pageXOffset || document.body.scrollLeft;
}
export function getScrollTop() {
return window.pageYOffset || document.body.scrollTop;
return window.pageYOffset || document.body.scrollTop;
}
export const matches = (el: Element, selector: string) => (el.matches || (<any>el)['msMatchesSelector']).call(el, selector);
export const matches = (el: Element, selector: string) =>
(el.matches || (<any>el)["msMatchesSelector"]).call(el, selector);
// Checks if this element or any of its parents matches a given `selector`.
export function matchesAncestors(el: Element | null, selector: string): Element | null {
let curr = el;
while (curr != null) {
if (matches(curr, selector)) return curr;
curr = curr.parentNode instanceof Element ? curr.parentNode : null;
}
return null;
export function matchesAncestors(
el: Element | null,
selector: string,
): Element | null {
let curr = el;
while (curr != null) {
if (matches(curr, selector)) return curr;
curr = curr.parentNode instanceof Element ? curr.parentNode : null;
}
return null;
}
export function fragmentFromString(strHTML: string): DocumentFragment {
return document.createRange().createContextualFragment(strHTML);
return document.createRange().createContextualFragment(strHTML);
}
type Resolver<T> = (value: T | PromiseLike<T>) => void;
type Rejector = (reason?: any) => void;
type ResolvablePromise<T> = Promise<T> & { resolve: Resolver<T>, reject: Rejector }
type ResolvablePromise<T> = Promise<T> & {
resolve: Resolver<T>;
reject: Rejector;
};
export function createResolvablePromise<T>(): ResolvablePromise<T> {
let res!: Resolver<T>;
let rej!: Rejector;
const promise = new Promise((r, s) => (res = r, rej = s)) as ResolvablePromise<T>;
promise.resolve = res;
promise.reject = rej;
return promise;
let res!: Resolver<T>;
let rej!: Rejector;
const promise = new Promise(
(r, s) => ((res = r), (rej = s)),
) as ResolvablePromise<T>;
promise.resolve = res;
promise.reject = rej;
return promise;
}