open-index/open-npm huggingface dataset:
npm package: @oshx/dom-tools
Description: Trivial shorthand tool for specific fits
Author: 오승환
Latest version: 1.0.5

# @oshx/dom-tools

[![Node.js Package](https://github.com/oshx/dom-tools/actions/workflows/npm-publish.yml/badge.svg)](https://github.com/oshx/dom-tools/actions/workflows/npm-publish.yml)

Trivial shorthand tool for specific fits.

## Installation
```sh
~$ npm i @oshx/dom-tools
```

## APIs
### Once-series

`onceIframe`

Hidden iframe will be created temporarily.

Imagine this situation. You have role in web development, and your web application will be launched in a webview of that
app. Sometimes, you should call some `appscheme` or `deeplink` in your hidden iframe.

It should be useful!

`onceScript`

Script file called with memoized.

You can use that while dynamic import with legacy javascript files. Sometimes you can use that with logging.

```typescript
import { onceIframe, onceScript } from '@oshx/dom-tools';

onceIframe('app://scheme');
// call that app scheme then iframe will be disappeared after 300 miliseconds

onceIframe('https://deeplink.page', 100);
// call that deeplink page then iframe will be disappeared after 100 miliseconds

onceScript('https://lib.site/temp/logger.js');
```

### Unique DOM

It has objects like html, head, body. And you can check your `once` series called list.

```typescript
import { uniqueDOM } from '@oshx/dom-tools';

/** 
 * uniqueDOM {
 *  root
 *  head
 *  body
 *  iframe {
 *   [...iframeSrcs...]: <...iframe elements...>
 *  }
 *  script {
 *   [...scriptSrcs...]: <...script elements...>
 *  }
 * }
 */
```

### Page Events

It contains event handler for page events what is frequently used.

```typescript
import { keepFresher, unKeepFresher } from '@oshx/dom-tools';

/**
 * keepFresher(); - When visitors move to another page and then return, it should be a refreshed page.
 */

// React example with unmount handler
useEffect(function afterMount() {
  keepFresher();
  return unKeepFresher;
}, []);

// React example without unmount handler
useEffect(keepFresher, []);
```

`keepFresher`

- `pageshow` to `window`
- `visibilitychange` to `window.document`
- listed up into `registeredEvents`

The page will be refreshed when visitors move to another page and then return.

`unKeepFresher`

- run `removeEventListener` for each items of `registeredEvents`

### Constants

It contains some trivial Regular Expressions.

```typescript
import { REGEXP_VALID_URI, REGEXP_VALID_PATH } from '@oshx/dom-tools';

// Regular Expressions
REGEXP_VALID_URI.test('https://hostname:port/path/?searchParams');
REGEXP_VALID_PATH.test('./path/to/valid');
```

### Types

Do you need assistance?

```typescript
import { UniqueDOM } from '@oshx/dom-tools/@types';
```

## For fun!
It made for fun to me.
Honestly, I made it for trying to use 'rollup'.

```
initial created at 2023-03-10
```
npm package: @osiastedian/check-updates
Description: Check for available same-major-version updates in your package.json
Author: Osiastedian
Latest version: 1.0.1

# @osiastedian/check-updates

> 🔍 CLI tool to check for available **same-major-version** updates in your `package.json` dependencies.

---

## ✨ Features

- ✅ Checks both `dependencies` and `devDependencies`
- 🔢 Only shows updates within the same **major version**
- 📦 Uses the latest published version on [npmjs.com](https://www.npmjs.com)
- 🧪 No installation required — run it instantly via `npx`

---

## 🚀 Usage

```bash
npx @osiastedian/check-updates [path/to/package.json]
```