This repository's code was moved to lou.codes.
🪟 Promised Window.open();.
Install @vangware/window-open-promise as a dependency:
pnpm add @vangware/window-open-promise
# or
npm install @vangware/window-open-promise
# or
yarn add @vangware/window-open-promiseImport it and use it:
import { windowOpenPromise } from "@vangware/window-open-promise";
const windowOpen = windowOpenPromise(globalThis);
windowOpen({
url: "https://example.com", // URL is not required, you can open a blank window
top: 10,
left: 10,
})
.then(newWindow => {
newWindow.console.log("This will log in the new window.");
newWindow.addEventListener("beforeunload", _event => {
console.log("This will log when the new window is closed.");
});
})
.catch(_error => {
console.error("This will log if the new window can't be opened.");
});Import @vangware/window-open-promise using the npm: prefix, and use it
directly:
import { windowOpenPromise } from "npm:@vangware/window-open-promise";
const windowOpen = windowOpenPromise(globalThis);
try {
const newWindow = await windowOpen({
url: "https://example.com", // URL is not required, you can open a blank window
top: 10,
left: 10,
});
newWindow.console.log("This will log in the new window.");
newWindow.addEventListener("beforeunload", _event => {
console.log("This will log when the new window is closed.");
});
} catch (_error) {
console.error("This will log if the new window can't be opened.");
}Import @vangware/window-open-promise using esm.sh, and use it
directly:
<script type="module">
import { windowOpenPromise } from "https://esm.sh/@vangware/window-open-promise";
const windowOpen = windowOpenPromise(globalThis);
try {
const newWindow = await windowOpen({
url: "https://example.com", // URL is not required, you can open a blank window
top: 10,
left: 10,
});
newWindow.console.log("This will log in the new window.");
newWindow.addEventListener("beforeunload", _event => {
console.log("This will log when the new window is closed.");
});
} catch (_error) {
console.error("This will log if the new window can't be opened.");
}
</script>- 📝 Documentation: TypeDoc generated documentation.
- ⏳ Changelog: List of changes between versions.
- ✅ Tests Coverage: Coveralls page with tests coverage.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent