Skip to content

Commit 2f72065

Browse files
koirodevkoirodev
committed
fix: bug that caused a module to crash on Vue.js & erroneous console.log() call
1 parent ef4b577 commit 2f72065

15 files changed

Lines changed: 56 additions & 41 deletions

File tree

‎CHANGELOG.md‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,11 @@
1+
## 1.1.0 - Released on 2025-06-13
2+
3+
### Fixes
4+
5+
- Fixed a bug that caused a module to crash on Vue.js
6+
- Fixed an erroneous console.log() call;
7+
8+
19
## 1.0.8 - Released on 2025-06-13
210

311
### nothing happened...

‎README.md‎

Lines changed: 15 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -16,8 +16,9 @@ Liquid Web is a modern JavaScript library for easy creation of Apple liquid glas
1616

1717
Simply plug it into your project and get a modern liquid glass effect.
1818

19-
![Liquid Glass Card](https://raw.githubusercontent.com/koirodev/liquid-web/refs/heads/main/images/card.png)
20-
![Liquid Glass Button](https://raw.githubusercontent.com/koirodev/liquid-web/refs/heads/main/images/button.png)
19+
[Go to the website](https://koirodev.github.io/liquid-web/) see it in action and customize your Liquid Glass effect!
20+
21+
[![Liquid Glass Gif](https://raw.githubusercontent.com/koirodev/liquid-web/refs/heads/main/images/preview.gif)](https://liquid.prismify.in)
2122

2223
## Table of Contents
2324

@@ -105,18 +106,18 @@ export default () => {
105106

106107
## Options
107108

108-
| Option | Type | Default | Description |
109-
| ------------- | ------------------------------------------------ | -------- | ------------------------------------------------- |
110-
| `el?` | `string \| HTMLElement` | - | Element selector to apply liquid effect. |
111-
| `init?` | `boolean` | `true` | Whether to initialize the effect on load. |
112-
| `scale?` | `number` | `22` | Changes the intensity of the displacement effect. |
113-
| `blur?` | `number \| string` | `2` | Changes the intensity of the blur effect. |
114-
| `saturation?` | `number \| string` | `170` | Changes the intensity of the saturation effect. |
115-
| `aberration?` | `number` | `50` | Changes the intensity of the aberration effect. |
116-
| `mode?` | 'standard' \| 'polar' \| 'prominent' \| 'shader' | `shader` | Toggles the glass effect. |
117-
| `on?` | `LiquidWebEventListeners` | - | Event listeners for the liquid effect. |
118-
| `events?` | `LiquidWebEventListeners` | - | Event listeners for the liquid effect. |
119-
| `onAny?` | `LiquidWebEventCallback` | - | Callback for any event. |
109+
| Option | Type | Default | Description |
110+
| ------------- | ------------------------------------------------ | ---------- | ------------------------------------------------- |
111+
| `el?` | `string \| HTMLElement` | - | Element selector to apply liquid effect. |
112+
| `init?` | `boolean` | `true` | Whether to initialize the effect on load. |
113+
| `scale?` | `number` | `22` | Changes the intensity of the displacement effect. |
114+
| `blur?` | `number \| string` | `2` | Changes the intensity of the blur effect. |
115+
| `saturation?` | `number \| string` | `170` | Changes the intensity of the saturation effect. |
116+
| `aberration?` | `number` | `50` | Changes the intensity of the aberration effect. |
117+
| `mode?` | 'standard' \| 'polar' \| 'prominent' \| 'shader' | `standard` | Toggles the glass effect. |
118+
| `on?` | `LiquidWebEventListeners` | - | Event listeners for the liquid effect. |
119+
| `events?` | `LiquidWebEventListeners` | - | Event listeners for the liquid effect. |
120+
| `onAny?` | `LiquidWebEventCallback` | - | Callback for any event. |
120121

121122
## Events
122123

‎images/button.png‎

-596 KB
Binary file not shown.

‎images/card.png‎

-842 KB
Binary file not shown.

‎images/preview.gif‎

99 MB
Loading

‎package-lock.json‎

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "liquid-web-src",
3-
"version": "1.0.8",
3+
"version": "1.1.0",
44
"description": "Modern JavaScript library for easy creation of liquid glass effect for Vue, React, VanillaJS",
55
"main": "index.js",
66
"scripts": {
@@ -27,7 +27,7 @@
2727
"bugs": {
2828
"url": "https://github.com/koirodev/liquid-web/issues"
2929
},
30-
"homepage": "https://github.com/koirodev/liquid-web#readme",
30+
"homepage": "https://liquid.prismify.in",
3131
"devDependencies": {
3232
"@csstools/postcss-is-pseudo-class": "^5.0.1",
3333
"autoprefixer": "^10.4.20",

‎src/copy/README.md‎

Lines changed: 15 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -16,8 +16,9 @@ Liquid Web is a modern JavaScript library for easy creation of Apple liquid glas
1616

1717
Simply plug it into your project and get a modern liquid glass effect.
1818

19-
![Liquid Glass Card](https://raw.githubusercontent.com/koirodev/liquid-web/refs/heads/main/images/card.png)
20-
![Liquid Glass Button](https://raw.githubusercontent.com/koirodev/liquid-web/refs/heads/main/images/button.png)
19+
[Go to the website](https://koirodev.github.io/liquid-web/) see it in action and customize your Liquid Glass effect!
20+
21+
[![Liquid Glass Gif](https://raw.githubusercontent.com/koirodev/liquid-web/refs/heads/main/images/preview.gif)](https://liquid.prismify.in)
2122

2223
## Table of Contents
2324

@@ -105,18 +106,18 @@ export default () => {
105106

106107
## Options
107108

108-
| Option | Type | Default | Description |
109-
| ------------- | ------------------------------------------------ | -------- | ------------------------------------------------- |
110-
| `el?` | `string \| HTMLElement` | - | Element selector to apply liquid effect. |
111-
| `init?` | `boolean` | `true` | Whether to initialize the effect on load. |
112-
| `scale?` | `number` | `22` | Changes the intensity of the displacement effect. |
113-
| `blur?` | `number \| string` | `2` | Changes the intensity of the blur effect. |
114-
| `saturation?` | `number \| string` | `170` | Changes the intensity of the saturation effect. |
115-
| `aberration?` | `number` | `50` | Changes the intensity of the aberration effect. |
116-
| `mode?` | 'standard' \| 'polar' \| 'prominent' \| 'shader' | `shader` | Toggles the glass effect. |
117-
| `on?` | `LiquidWebEventListeners` | - | Event listeners for the liquid effect. |
118-
| `events?` | `LiquidWebEventListeners` | - | Event listeners for the liquid effect. |
119-
| `onAny?` | `LiquidWebEventCallback` | - | Callback for any event. |
109+
| Option | Type | Default | Description |
110+
| ------------- | ------------------------------------------------ | ---------- | ------------------------------------------------- |
111+
| `el?` | `string \| HTMLElement` | - | Element selector to apply liquid effect. |
112+
| `init?` | `boolean` | `true` | Whether to initialize the effect on load. |
113+
| `scale?` | `number` | `22` | Changes the intensity of the displacement effect. |
114+
| `blur?` | `number \| string` | `2` | Changes the intensity of the blur effect. |
115+
| `saturation?` | `number \| string` | `170` | Changes the intensity of the saturation effect. |
116+
| `aberration?` | `number` | `50` | Changes the intensity of the aberration effect. |
117+
| `mode?` | 'standard' \| 'polar' \| 'prominent' \| 'shader' | `standard` | Toggles the glass effect. |
118+
| `on?` | `LiquidWebEventListeners` | - | Event listeners for the liquid effect. |
119+
| `events?` | `LiquidWebEventListeners` | - | Event listeners for the liquid effect. |
120+
| `onAny?` | `LiquidWebEventCallback` | - | Callback for any event. |
120121

121122
## Events
122123

‎src/core/core.mjs‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -207,7 +207,6 @@ class LiquidWeb {
207207

208208
this.update();
209209
} catch (error) {
210-
console.error('Initialization error:', error);
211210
throw new LiquidWebError('Initialization failed', error);
212211
}
213212

‎src/core/methods/destroy.mjs‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,6 @@ export default {
1919
this.$svg = null;
2020
this.$backdrop?.remove();
2121
this.$backdrop = null;
22-
console.log(this);
2322
this.$el?.appendChild?.(this.$content);
2423
this.$el?.querySelector('.liquidweb__content')?.remove();
2524
this.$el?.classList.remove('liquidweb');
@@ -41,6 +40,7 @@ export default {
4140

4241
this.eventsListeners = {};
4342
this.eventsAnyListeners = [];
43+
this.initialized = false;
4444
this.destroyed = true;
4545

4646
this.emit('afterDestroy');

0 commit comments

Comments
 (0)