mirror of
https://github.com/mickael-kerjean/filestash
synced 2025-12-25 09:42:53 +01:00
eedbfd42af
whenever clicking on the download link, there were issue with target=_blank + the download attribute. Effectively the download attribute remove the effect of target blank, hence this workaround to make sure the files that are downloaded are correctly named + open up in a new tab. The issue without target blank is if the user starts the download, he doesn't see a direct feedback telling him that something is working under the hood, hence the target blank
65 lines
2 KiB
JavaScript
65 lines
2 KiB
JavaScript
import { onDestroy } from "./skeleton/index.js";
|
|
import assert from "./assert.js";
|
|
import * as rxjs from "./vendor/rxjs/rxjs.min.js";
|
|
import * as ajaxModule from "./vendor/rxjs/rxjs-ajax.min.js"; // https://github.com/ReactiveX/rxjs/issues/4416#issuecomment-620847759
|
|
|
|
export default rxjs;
|
|
export const ajax = ajaxModule.ajax;
|
|
|
|
export function effect(obs) {
|
|
const sub = obs.subscribe(() => {}, (err) => { throw err; });
|
|
onDestroy(() => sub.unsubscribe());
|
|
return sub.unsubscribe.bind(sub);
|
|
}
|
|
|
|
const getFn = (obj, arg0, ...args) => {
|
|
if (arg0 === undefined) return obj;
|
|
const next = obj[arg0];
|
|
return getFn(next.bind ? next.bind(obj) : next, ...args);
|
|
};
|
|
|
|
export function applyMutation($node, ...keys) {
|
|
assert.type($node, HTMLElement);
|
|
const execute = getFn($node, ...keys);
|
|
return rxjs.tap((val) => Array.isArray(val) ? execute(...val) : execute(val));
|
|
}
|
|
|
|
export function applyMutations($node, ...keys) {
|
|
assert.type($node, HTMLElement);
|
|
const execute = getFn($node, ...keys);
|
|
return rxjs.tap((vals) => vals.forEach((val) => execute(val)));
|
|
}
|
|
|
|
export function stateMutation($node, attr) {
|
|
assert.type($node, HTMLElement);
|
|
return rxjs.tap((val) => $node[attr] = val);
|
|
}
|
|
|
|
export function preventDefault() {
|
|
return rxjs.tap((e) => e.preventDefault());
|
|
}
|
|
|
|
export function onClick($node, opts = { preventDefault: false }) {
|
|
const sideE = ($node) => {
|
|
assert.type($node, HTMLElement);
|
|
return rxjs.fromEvent($node, "click").pipe(
|
|
rxjs.tap((e) => (opts.preventDefault === true) && e.preventDefault()),
|
|
rxjs.map(() => $node)
|
|
);
|
|
};
|
|
if ($node instanceof NodeList) return rxjs.merge(
|
|
...[...$node].map(($n) => sideE($n)),
|
|
);
|
|
return sideE($node);
|
|
}
|
|
|
|
export function onLoad($node) {
|
|
assert.type($node, HTMLElement);
|
|
return new rxjs.Observable((observer) => {
|
|
$node.onload = () => {
|
|
observer.next($node);
|
|
observer.complete();
|
|
};
|
|
$node.onerror = (err) => observer.error(err);
|
|
});
|
|
}
|