@qbix/q.js 1.0.5 → 1.0.6
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 +4 -6
- package/dist/Metrics.js +2013 -1
- package/dist/Metrics.min.js +159 -94
- package/dist/handlebars.minimal.min.js +12 -1
- package/dist/jquery.minimal.min.js +10 -18
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -6,8 +6,8 @@ Size: ~40KB (Minified + GZipped), [compare to other frameworks](https://gist.git
|
|
|
6
6
|
How to use: copy contents of `dist` into your project, and then include it like this:
|
|
7
7
|
| File Type | Code to Use |
|
|
8
8
|
|------------|-------------|
|
|
9
|
-
|`.html` files| `<script type="module" src="https://unpkg.com/@qbix/q
|
|
10
|
-
|`.js` or `.ts` files|`import Q from 'https://unpkg.com/@qbix/q
|
|
9
|
+
|`.html` files| `<script type="module" src="https://unpkg.com/@qbix/q/dist/Q.min.js">`|
|
|
10
|
+
|`.js` or `.ts` files|`import Q from 'https://unpkg.com/@qbix/q/dist/Q.min.js';`
|
|
11
11
|
|<img src="https://github.com/user-attachments/assets/ba3df93e-0cd8-4189-93fc-11947b63b684" alt="Description" width="100" height="87"> | Full documentation here: https://qbix.com/platform/guide/javascript |
|
|
12
12
|
|
|
13
13
|
This is part of the much larger full-stack [Qbix Platform](https://github.com/Qbix/Platform) that contains many pre-built reusable tools, plugins, and requires PHP and Node.js on the back-end. If you want to build an entire full-stack social network like Facebook you're well-advised to go with that. But if you just want to use the lightweight front-end core, with your own back-end and other frameworks, then start with this framework here.
|
|
@@ -646,17 +646,15 @@ In it, you will define the tools, methods, and other things. Here is an example:
|
|
|
646
646
|
| **Learning Curve** 📚 | **Simple (declarative, minimal magic)** | Medium-high (hooks, context, JSX) | Medium (directives, reactivity caveats) | High (decorators, DI, RxJS) | Medium |
|
|
647
647
|
| **Best For** ✅ | **High-performance apps, real-time dashboards, low-latency UI, social platforms** | Full-scale apps, large component hierarchies | Small-to-medium apps, good DX | Enterprise-scale apps | Small-to-medium apps, hobby projects |
|
|
648
648
|
|
|
649
|
-
```
|
|
650
|
-
|
|
651
649
|
|
|
652
650
|
# 📊 Metrics.js — Standalone Telemetry
|
|
653
651
|
|
|
654
652
|
This repo also includes **Metrics.js** — a standalone telemetry library that tracks scroll depth, section engagement, and video/audio playback across 9 embed providers. No dependencies, no build step, works on any website.
|
|
655
653
|
|
|
656
654
|
```html
|
|
657
|
-
<script src="https://unpkg.com/@qbix/q
|
|
655
|
+
<script src="https://unpkg.com/@qbix/q/dist/Metrics.js"></script>
|
|
658
656
|
<script>
|
|
659
|
-
Metrics.init({
|
|
657
|
+
Metrics.init(); // sends to invites.to by default — or pass {endpoint: '/your-own'}
|
|
660
658
|
Metrics.ScrollTracker.init({ sections: 'h2[id]' });
|
|
661
659
|
Metrics.MediaTracker.init(); // auto-discovers YouTube, Vimeo, SoundCloud, Wistia, JW Player, Dailymotion, Spotify, Twitch, Muse.ai
|
|
662
660
|
</script>
|