@danielwh2/contribution-graph 1.0.14 → 1.0.15

package/README.md

@@ -1,7 +1,7 @@
 # contribution-graph
 
 <p>
-  <a href="https://www.npmjs.com/package/contribution-graph"><img src="https://img.shields.io/npm/v/contribution-graph?color=cb3837&label=npm" alt="npm version"></a>
+  <a href="https://www.npmjs.com/package/@danielwh2/contribution-graph"><img src="https://img.shields.io/npm/v/@danielwh2/contribution-graph?color=cb3837&label=npm" alt="npm version"></a>
   <img src="https://img.shields.io/badge/framework-agnostic-22c55e" alt="framework agnostic">
   <img src="https://img.shields.io/badge/bundle-7kB-8b5cf6" alt="bundle size">
   <img src="https://img.shields.io/badge/react-✓-61dafb" alt="react">
@@ -20,26 +20,26 @@ slot-text tooltips, custom cell colors, and click handlers.
 ## 📦 Install
 
 ```bash
-npm install contribution-graph
+npm install @danielwh2/contribution-graph
 ```
 
 ```bash
-pnpm add contribution-graph
+pnpm add @danielwh2/contribution-graph
 ```
 
 ```bash
-bun add contribution-graph
+bun add @danielwh2/contribution-graph
 ```
 
 ```bash
-yarn add contribution-graph
+yarn add @danielwh2/contribution-graph
 ```
 
 ## 🚀 Quick start
 
 ```ts
-import "contribution-graph/style.css";
-import { contributionGraph } from "contribution-graph";
+import "@danielwh2/contribution-graph/style.css";
+import { contributionGraph } from "@danielwh2/contribution-graph";
 
 const data = [
   { date: "2026-06-01", count: 3 },
@@ -88,8 +88,8 @@ function contributionGraph(
 ## ⚛️ React
 
 ```tsx
-import "contribution-graph/style.css";
-import { ContributionGraph } from "contribution-graph/react";
+import "@danielwh2/contribution-graph/style.css";
+import { ContributionGraph } from "@danielwh2/contribution-graph/react";
 
 <ContributionGraph
   data={data}
@@ -101,8 +101,8 @@ import { ContributionGraph } from "contribution-graph/react";
 
 ```vue
 <script setup lang="ts">
-import "contribution-graph/style.css";
-import { ContributionGraph } from "contribution-graph/vue";
+import "@danielwh2/contribution-graph/style.css";
+import { ContributionGraph } from "@danielwh2/contribution-graph/vue";
 </script>
 
 <template>
@@ -113,8 +113,8 @@ import { ContributionGraph } from "contribution-graph/vue";
 ## 🔷 Solid
 
 ```tsx
-import "contribution-graph/style.css";
-import { contributionGraph } from "contribution-graph/solid";
+import "@danielwh2/contribution-graph/style.css";
+import { contributionGraph } from "@danielwh2/contribution-graph/solid";
 
 <div use:contributionGraph={{ data, options: { until: "2026-06-22" } }} />
 ```
@@ -123,8 +123,8 @@ import { contributionGraph } from "contribution-graph/solid";
 
 ```svelte
 <script lang="ts">
-  import "contribution-graph/style.css";
-  import { contributionGraph } from "contribution-graph/svelte";
+  import "@danielwh2/contribution-graph/style.css";
+  import { contributionGraph } from "@danielwh2/contribution-graph/svelte";
 </script>
 
 <div use:contributionGraph={{ data, options: { until: "2026-06-22" } }} />
@@ -160,7 +160,7 @@ import { contributionGraph } from "contribution-graph/solid";
 Set `profile: { username: "yourname" }` to wrap the component in a stunning dark-mode GitHub profile card. It mimics the classic GitHub UI but elevates it with a deep `#0d1117` background, floating drop shadows, a smooth glowing effect on the activity cells, and a bold activity count.
 
 ```ts
-import "contribution-graph/style.css";
+import "@danielwh2/contribution-graph/style.css";
 
 contributionGraph(el, data, {
   profile: { username: "zzzzshawn" },
@@ -176,7 +176,7 @@ auto-computed week stats and commit streak rolling in via
 [slot-text](https://www.npmjs.com/package/slot-text).
 
 ```ts
-import "contribution-graph/style.css";
+import "@danielwh2/contribution-graph/style.css";
 import "slot-text/style.css"; // required — powers the rolling numbers
 
 contributionGraph(el, data, { hud: true, until: "2026-06-22" });
@@ -216,7 +216,7 @@ const data = [
 GitHub's contribution calendar is available through the official GraphQL API. Use the exported helper to fetch and normalize it into `ContributionDay[]`:
 
 ```ts
-import { contributionGraph, fetchGitHubContributions } from "contribution-graph";
+import { contributionGraph, fetchGitHubContributions } from "@danielwh2/contribution-graph";
 
 const result = await fetchGitHubContributions({
   username: "octocat",
@@ -274,9 +274,9 @@ stay hidden by default for compact graphs. Add `countFontSize` to show animated
 in-cell count labels powered by [slot-text](https://www.npmjs.com/package/slot-text).
 
 ```ts
-import "contribution-graph/style.css";
+import "@danielwh2/contribution-graph/style.css";
 import "slot-text/style.css";
-import { contributionGraph } from "contribution-graph";
+import { contributionGraph } from "@danielwh2/contribution-graph";
 
 const graph = contributionGraph(el, data, {
   showCounts: true,
@@ -315,7 +315,7 @@ in UTC mode via the exported `formatHumanDate` helper.
 - Smooth tooltips and optional in-cell count labels are powered by `slot-text`.
 - React, Vue, Solid, and Svelte are optional peer dependencies — plain JS users
   don't need them.
-- Import `contribution-graph/style.css` once before rendering. Import
+- Import `@danielwh2/contribution-graph/style.css` once before rendering. Import
   `slot-text/style.css` when you use the animated tooltip or count label styles.
 - Low-level helpers also exported: `buildGraph`, `clearGraph`, `buildHtmlGraph`,
   `clearHtmlGraph`, `buildHudGraph`, `clearHudGraph`, `computeGrid`,

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 /**
  * contribution-graph — GitHub-style contribution heatmap for any framework.
  *
- * Import `contribution-graph/style.css` once in your app, then:
+ * Import `@danielwh2/contribution-graph/style.css` once in your app, then:
  *
- *   import { contributionGraph } from "contribution-graph";
+ *   import { contributionGraph } from "@danielwh2/contribution-graph";
  *
  *   const graph = contributionGraph(element, data, {
  *     until: "2026-06-22",
@@ -16,7 +16,7 @@
  * For HTML cells and optional animated count labels, set `showCounts: true`
  * and import `slot-text/style.css` with the graph stylesheet:
  *
- *   import "contribution-graph/style.css";
+ *   import "@danielwh2/contribution-graph/style.css";
  *   import "slot-text/style.css";
  *
  *   contributionGraph(element, data, { showCounts: true, countFontSize: 9 });

package/dist/index.js

@@ -1,9 +1,9 @@
 /**
  * contribution-graph — GitHub-style contribution heatmap for any framework.
  *
- * Import `contribution-graph/style.css` once in your app, then:
+ * Import `@danielwh2/contribution-graph/style.css` once in your app, then:
  *
- *   import { contributionGraph } from "contribution-graph";
+ *   import { contributionGraph } from "@danielwh2/contribution-graph";
  *
  *   const graph = contributionGraph(element, data, {
  *     until: "2026-06-22",
@@ -16,7 +16,7 @@
  * For HTML cells and optional animated count labels, set `showCounts: true`
  * and import `slot-text/style.css` with the graph stylesheet:
  *
- *   import "contribution-graph/style.css";
+ *   import "@danielwh2/contribution-graph/style.css";
  *   import "slot-text/style.css";
  *
  *   contributionGraph(element, data, { showCounts: true, countFontSize: 9 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danielwh2/contribution-graph",
-  "version": "1.0.14",
+  "version": "1.0.15",
   "description": "Framework-agnostic GitHub-style contribution heatmap for any app.",
   "type": "module",
   "license": "MIT",