Skip to content

Commit

Permalink
Merge pull request #5 from williamtroup/1.3.0
Browse files Browse the repository at this point in the history
1.3.0
  • Loading branch information
William Troup authored Jul 11, 2024
2 parents bc10d4f + 0a1dcbf commit 32057a1
Show file tree
Hide file tree
Showing 30 changed files with 854 additions and 401 deletions.
16 changes: 9 additions & 7 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,15 +2,15 @@
Peek.js

[![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=Peek.js%2C%20a%20free%20JavaScript%json%20converter&url=https://github.com/williamtroup/Peek.js&hashtags=javascript,element,property,viewer)
[![npm](https://img.shields.io/badge/npmjs-v1.2.0-blue)](https://www.npmjs.com/package/jpeek.js)
[![nuget](https://img.shields.io/badge/nuget-v1.2.0-purple)](https://www.nuget.org/packages/Peek.js/)
[![npm](https://img.shields.io/badge/npmjs-v1.3.0-blue)](https://www.npmjs.com/package/jpeek.js)
[![nuget](https://img.shields.io/badge/nuget-v1.3.0-purple)](https://www.nuget.org/packages/Peek.js/)
[![license](https://img.shields.io/badge/license-MIT-green)](https://github.com/williamtroup/Peek.js/blob/main/LICENSE.txt)
[![discussions Welcome](https://img.shields.io/badge/discussions-Welcome-red)](https://github.com/williamtroup/Peek.js/discussions)
[![coded by William Troup](https://img.shields.io/badge/coded_by-William_Troup-yellow)](https://william-troup.com/)
</h1>

> <p align="center">🐛 A lightweight JavaScript library that attaches a viewer to a specific node type, allowing you to view the CSS properties, attributes, and size/position.</p>
> <p align="center">v1.2.0</p>
> <p align="center">v1.3.0</p>
<br />
![Peek.js - CSS Mode](docs/images/css-mode.png)
Expand All @@ -25,11 +25,13 @@ Peek.js
- Zero-dependencies and extremely lightweight!
- Written in TypeScript, allowing greater support for React, Angular, and other libraries!
- Full API available via public functions.
- 3 modes supported: CSS, Attributes, and Size/Position
- 4 modes supported: CSS, Attributes, Size/Position, and Classes.
- Fully configurable.
- Edit CSS / Attribute values on the fly!
- Edit CSS, Attribute, and Class values on the fly!
- Exclude specific DOM elements by using the ignore attribute!
- Show only the data your interested in!
- Copy, Paste, and Remove CSS, Attributes, and Classes!
- Move the dialog away from the element to lock it!
<br />
<br />

Expand Down Expand Up @@ -59,8 +61,8 @@ npm install jpeek.js
You can also use the following CDN links:

```markdown
https://cdn.jsdelivr.net/gh/williamtroup/Peek.js@1.2.0/dist/peek.min.js
https://cdn.jsdelivr.net/gh/williamtroup/Peek.js@1.2.0/dist/peek.js.min.css
https://cdn.jsdelivr.net/gh/williamtroup/Peek.js@1.3.0/dist/peek.min.js
https://cdn.jsdelivr.net/gh/williamtroup/Peek.js@1.3.0/dist/peek.js.min.css
```
<br>
<br>
Expand Down
16 changes: 9 additions & 7 deletions README_NUGET.md
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
# Peek.js v1.2.0
# Peek.js v1.3.0

[![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=Peek.js%2C%20a%20free%20JavaScript%json%20converter&url=https://github.com/williamtroup/Peek.js&hashtags=javascript,element,property,viewer)
[![npm](https://img.shields.io/badge/npmjs-v1.2.0-blue)](https://www.npmjs.com/package/jpeek.js)
[![nuget](https://img.shields.io/badge/nuget-v1.2.0-purple)](https://www.nuget.org/packages/Peek.js/)
[![npm](https://img.shields.io/badge/npmjs-v1.3.0-blue)](https://www.npmjs.com/package/jpeek.js)
[![nuget](https://img.shields.io/badge/nuget-v1.3.0-purple)](https://www.nuget.org/packages/Peek.js/)
[![license](https://img.shields.io/badge/license-MIT-green)](https://github.com/williamtroup/Peek.js/blob/main/LICENSE.txt)
[![discussions Welcome](https://img.shields.io/badge/discussions-Welcome-red)](https://github.com/williamtroup/Peek.js/discussions)
[![coded by William Troup](https://img.shields.io/badge/coded_by-William_Troup-yellow)](https://william-troup.com/)
Expand All @@ -15,11 +15,13 @@
- Zero-dependencies and extremely lightweight!
- Written in TypeScript, allowing greater support for React, Angular, and other libraries!
- Full API available via public functions.
- 3 modes supported: CSS, Attributes, and Size/Position
- 4 modes supported: CSS, Attributes, Size/Position, and Classes.
- Fully configurable.
- Edit CSS / Attribute values on the fly!
- Edit CSS, Attribute, and Class values on the fly!
- Exclude specific DOM elements by using the ignore attribute!
- Show only the data your interested in!
- Copy, Paste, and Remove CSS, Attributes, and Classes!
- Move the dialog away from the element to lock it!


## What browsers are supported?
Expand All @@ -43,8 +45,8 @@ npm install jpeek.js
You can also use the following CDN links:

```markdown
https://cdn.jsdelivr.net/gh/williamtroup/Peek.js@1.2.0/dist/peek.min.js
https://cdn.jsdelivr.net/gh/williamtroup/Peek.js@1.2.0/dist/peek.js.min.css
https://cdn.jsdelivr.net/gh/williamtroup/Peek.js@1.3.0/dist/peek.min.js
https://cdn.jsdelivr.net/gh/williamtroup/Peek.js@1.3.0/dist/peek.js.min.css
```


Expand Down
Loading

0 comments on commit 32057a1

Please sign in to comment.