fubi 1.0.0-beta.8 → 1.0.0-beta.80
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 +17 -13
- package/dist/fubi.css +2 -0
- package/dist/index.es.js +2 -22290
- package/dist/index.iife.js +1 -6
- package/package.json +38 -36
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Fubi
|
|
2
2
|
|
|
3
|
-
Fubi is a lightweight, universal in-page feedback and collaboration tool. It allows users to leave contextual comments on specific elements of any web application, streamlining the feedback process for teams. For more information, visit [fubi.dev](https://fubi.dev).
|
|
3
|
+
Fubi is a lightweight, universal in-page feedback and collaboration tool. It allows users to leave contextual comments on specific elements of any web application, streamlining the feedback process for teams. For more information, visit [fubi.dev](https://fubi.dev).
|
|
4
4
|
|
|
5
5
|
## Features
|
|
6
6
|
|
|
@@ -21,14 +21,14 @@ npm install fubi
|
|
|
21
21
|
## Basic Usage
|
|
22
22
|
|
|
23
23
|
```js
|
|
24
|
-
import { fubi } from
|
|
24
|
+
import { fubi } from "fubi";
|
|
25
25
|
|
|
26
26
|
// Initialize Fubi with your configuration
|
|
27
27
|
const app = fubi({
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
28
|
+
project: "my-project",
|
|
29
|
+
content: "body", // any valid CSS selector
|
|
30
|
+
ignore: ["script", "style", "noscript", "br", "hr"], // array of elements to ignore
|
|
31
|
+
target: "body", // where to mount the Fubi container
|
|
32
32
|
});
|
|
33
33
|
```
|
|
34
34
|
|
|
@@ -63,15 +63,19 @@ Example usage:
|
|
|
63
63
|
|
|
64
64
|
<!-- Container where nothing can be selected -->
|
|
65
65
|
<ul class="fubi-ignore-all">
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
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
72
|
</ul>
|
|
73
73
|
```
|
|
74
74
|
|
|
75
75
|
## Getting Started
|
|
76
76
|
|
|
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.
|
|
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.
|
|
78
|
+
|
|
79
|
+
### Last deploy
|
|
80
|
+
|
|
81
|
+
Date: 1. 3. 2026, 12:00
|
package/dist/fubi.css
ADDED