https://github.com/klashdevelopment/gloe
Gloe is a library for creating window style debugging tools on the fly.
https://github.com/klashdevelopment/gloe
Last synced: 11 months ago
JSON representation
Gloe is a library for creating window style debugging tools on the fly.
- Host: GitHub
- URL: https://github.com/klashdevelopment/gloe
- Owner: klashdevelopment
- License: mit
- Created: 2025-01-28T02:12:20.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-14T22:39:07.000Z (12 months ago)
- Last Synced: 2025-02-14T23:26:20.571Z (12 months ago)
- Language: JavaScript
- Size: 48.8 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# GloeLIB
Gloe is a library for creating window style debugging tools on the fly.
### Usage
1. Pick Gloe CDN link (or self host, it doesnt matter) - You can replace gloe.js with gloe.min.js if needed (HEAVILY in beta. Classnames minified)
```py
# Pick from one of these:
https://rawcdn.githack.com/klashdevelopment/gloe/main/gloe.js
https://raw.githack.com/klashdevelopment/gloe/refs/heads/main/gloe.js
https://raw.githubusercontent.com/klashdevelopment/gloe/refs/heads/main/gloe.js
```
2. Fetch gloe to register
```js
fetch('https://raw.githubusercontent.com/klashdevelopment/gloe/refs/heads/main/gloe.js')
.then(gloeScript => gloeScript.text())
.then(gloeScript => eval(gloeScript))
.then(_ => {
// do step 3 here!!
});
```
3. Make your windows
```js
window.gloe.create({ ... });
```
All parameters are optional, see below for more information:
| Name | Type | Example |
| --- | --- | --- |
| `title` | String | "Awesome Title" |
| `id` | HTML ID compiliant String | "awesome-title" |
| `content` | String or HTMLElement | "Hello, World!" |
| `onCreated` | Function | (window)=>{ ... } |
Use **onCreated** to add event listeners to inputs/buttons. Takes in the generated gloe-window
### Manual minification
```
Minify and make this as small as physically possible, removing all unused funcs and minifying variable names (however keep the syntax window.gloe.create({title: "", content: "", id: "", onCreated: ()=>{}})
```