fubi 0.1.3 → 0.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +30 -0
- package/package.json +2 -1
- package/src/dist/feedback.js +4 -6628
- package/src/dist/index-Ckde0azm.js +6720 -0
- package/src/dist/keys-BCArKQcG.js +31 -0
- package/src/dist/notifications.svelte-DAqzRURB.js +116 -0
package/README.md
CHANGED
|
@@ -42,6 +42,36 @@ https://yourwebsite.com/?fubi
|
|
|
42
42
|
|
|
43
43
|
This makes it easy to share feedback-enabled links with your team.
|
|
44
44
|
|
|
45
|
+
## Helper Classes
|
|
46
|
+
|
|
47
|
+
Fubi provides several helper classes to control which elements can be selected for feedback:
|
|
48
|
+
|
|
49
|
+
- **`fubi-ignore`**: Add this class to any element you want Fubi to ignore. The element itself won't be selectable for feedback.
|
|
50
|
+
|
|
51
|
+
- **`fubi-ignore-all`**: Add this class to a container element to make all of its contents unselectable. This is useful for UI components that shouldn't receive feedback.
|
|
52
|
+
|
|
53
|
+
- **`fubi-ignore-stop`**: This class can be used inside a `fubi-ignore-all` container to re-enable element selection. Any element with this class (and its children) will be selectable again, effectively stopping the ignore behavior.
|
|
54
|
+
|
|
55
|
+
Example usage:
|
|
56
|
+
|
|
57
|
+
```html
|
|
58
|
+
<!-- Regular element that can be selected -->
|
|
59
|
+
<div>This element can be selected</div>
|
|
60
|
+
|
|
61
|
+
<!-- Single element that can't be selected -->
|
|
62
|
+
<div class="fubi-ignore">This element can't be selected</div>
|
|
63
|
+
|
|
64
|
+
<!-- Container where nothing can be selected -->
|
|
65
|
+
<ul class="fubi-ignore-all">
|
|
66
|
+
<li>Can't be selected</li>
|
|
67
|
+
<li>Can't be selected</li>
|
|
68
|
+
<!-- This element and its children become selectable again -->
|
|
69
|
+
<li class="fubi-ignore-stop">
|
|
70
|
+
<a href="/page">This can be selected</a>
|
|
71
|
+
</li>
|
|
72
|
+
</ul>
|
|
73
|
+
```
|
|
74
|
+
|
|
45
75
|
## Getting Started
|
|
46
76
|
|
|
47
77
|
To use Fubi, you'll need to create an account at [fubi.dev](https://fubi.dev) where you can set up your projects and manage your feedback.
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "fubi",
|
|
3
3
|
"description": "A lightweight, universal in-page feedback and collaboration tool for web applications.",
|
|
4
4
|
"author": "Wonder Makers",
|
|
5
|
-
"version": "0.1.
|
|
5
|
+
"version": "0.1.4",
|
|
6
6
|
"homepage": "https://fubi.dev",
|
|
7
7
|
"type": "module",
|
|
8
8
|
"scripts": {
|
|
@@ -30,6 +30,7 @@
|
|
|
30
30
|
"vite": "^6.2.0"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
|
+
"@svelte-put/clickoutside": "^4.0.0",
|
|
33
34
|
"@tailwindcss/postcss": "^4.0.12",
|
|
34
35
|
"@wmdigi/dom": "^2.1.30",
|
|
35
36
|
"pocketbase": "^0.25.2",
|