@knowdev/trace v0.1.2

KnowDev Trace 🧶

Project browser tagging and tracking

📋 Usage

Installation

npm install --save @knowdev/trace

Example

src/plugins/trace.js

import trace from "@knowdev/trace";

export default function (app) {
  app.use(trace, {
    // cookieName: "_kds-tr",

    // Options from vue-cookie-next (defaults shown)
    // domain: ""
    // expire: "395d"
    // path: "/"
    // sameSite: ""
    // secure: ""
  });
}

src/plugins/index.js

// ...
import trace from "./trace";

export function registerPlugins(app) {
  // ...
  app.use(trace);
}

src/App.vue

<script setup>
import trace from "@knowdev/trace";
import { onBeforeMount } from "vue";

onBeforeMount(() => {
  console.log("id :>> ", trace.getBrowserId());
});
</script>

<template>
  <router-view />
</template>

📖 Reference

💻 Development

When the plugin is registered, when app.use(trace) is called, the object's install method is called. That is src/install.function.js.

📝 Changelog

🛣 Roadmap

• 0.1.X - Give browser id an advanced (infinite?) expiration
• 0.2.0 - Send a trace ping to a server

Wishlist 🌠

📎 Footnotes

Why 395d? It it closer to the recommended maximum (400d) but easier to spot the day it was generated since it will be 13 months-ish.

📜 License

All rights reserved. Safe for use around pets.