@danielwh2/contribution-graph 1.0.14

package/dist/vue.js

@@ -0,0 +1,33 @@
+import { defineComponent, h, onBeforeUnmount, onMounted, ref, watch, } from "vue";
+import { contributionGraph, } from "./index.js";
+export const ContributionGraph = defineComponent({
+    name: "ContributionGraph",
+    inheritAttrs: false,
+    props: {
+        data: {
+            type: Array,
+            required: true,
+        },
+        options: {
+            type: Object,
+            default: undefined,
+        },
+    },
+    setup(props, { attrs }) {
+        const element = ref(null);
+        let controller = null;
+        onMounted(() => {
+            if (element.value) {
+                controller = contributionGraph(element.value, props.data, props.options);
+            }
+        });
+        watch(() => [props.data, props.options], ([data, options]) => {
+            controller?.set(data, options);
+        }, { deep: true });
+        onBeforeUnmount(() => {
+            controller?.destroy();
+            controller = null;
+        });
+        return () => h("div", { ...attrs, ref: element });
+    },
+});

package/package.json

@@ -0,0 +1,101 @@
+{
+  "name": "@danielwh2/contribution-graph",
+  "version": "1.0.14",
+  "description": "Framework-agnostic GitHub-style contribution heatmap for any app.",
+  "type": "module",
+  "license": "MIT",
+  "author": "Daniel Belyi",
+  "sideEffects": [
+    "./style.css"
+  ],
+  "files": [
+    "dist",
+    "style.css",
+    "style.css.d.ts",
+    "README.md",
+    "LICENSE"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./react": {
+      "types": "./dist/react.d.ts",
+      "import": "./dist/react.js"
+    },
+    "./vue": {
+      "types": "./dist/vue.d.ts",
+      "import": "./dist/vue.js"
+    },
+    "./solid": {
+      "types": "./dist/solid.d.ts",
+      "import": "./dist/solid.js"
+    },
+    "./svelte": {
+      "types": "./dist/svelte.d.ts",
+      "import": "./dist/svelte.js"
+    },
+    "./github": {
+      "types": "./dist/github.d.ts",
+      "import": "./dist/github.js"
+    },
+    "./style.css": {
+      "types": "./style.css.d.ts",
+      "default": "./style.css"
+    }
+  },
+  "types": "./dist/index.d.ts",
+  "dependencies": {
+    "dayjs": "^1.11.21",
+    "slot-text": "^0.3.1"
+  },
+  "peerDependencies": {
+    "react": ">=18 <20",
+    "solid-js": ">=1.8 <2",
+    "svelte": ">=4 <6",
+    "vue": ">=3.4 <4"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    },
+    "solid-js": {
+      "optional": true
+    },
+    "svelte": {
+      "optional": true
+    }
+  },
+  "scripts": {
+    "prepublishOnly": "npm run build",
+    "build": "tsc -p tsconfig.json",
+    "check": "tsc -p tsconfig.json --noEmit",
+    "pack:check": "npm pack --dry-run",
+    "test": "vitest run"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.17",
+    "happy-dom": "^20.10.2",
+    "react": "^19.2.7",
+    "solid-js": "^1.9.13",
+    "svelte": "^5.56.3",
+    "typescript": "^5.8.3",
+    "vitest": "^4.1.8",
+    "vue": "^3.5.35"
+  },
+  "keywords": [
+    "contribution-graph",
+    "heatmap",
+    "github",
+    "calendar",
+    "activity",
+    "react",
+    "vue",
+    "solid",
+    "svelte"
+  ]
+}