@d3plus/docs 3.0.3 → 3.0.4

package/.storybook/favicon.js

@@ -0,0 +1,23 @@
+import {addons} from "storybook/manager-api";
+
+addons.register("Favicon", api => {
+
+  const setFavicon = () => {
+    
+    const elem = document.querySelector("link[rel='icon']");
+    elem.href = "/images/favicon.ico?v=4";
+    elem.type = "image/png";
+    elem.sizes = "256x256";
+    
+  }
+
+  const detector = () => {
+    const elem = document.querySelector("link[rel='icon']");
+    if (elem && elem.href.endsWith("favicon.svg")) setFavicon();
+  };
+
+  const observerOpts = {childList: true, subtree: true, characterData: true};
+
+  return new MutationObserver(detector).observe(document.head, observerOpts);
+
+});

package/.storybook/main.js

@@ -57,7 +57,6 @@ module.exports = {
         }
         return aliases;
       }, {});
-      console.log(workspacePackages);
 
       config.resolve.alias = {
         ...workspacePackages,

package/.storybook/manager-head.html

@@ -1,14 +1,19 @@
-<title>D3plus Documentation</title>
-<meta name="description" content="Data visualization made easy. A javascript library that extends the popular D3.js to enable fast and beautiful visualizations."/>
+<meta name="description" content="An open-source JavaScript visualization library that streamlines the creation of beautiful and accessible SVG data visualizations."/>
 
-<link rel="shortcut icon" type="image/png" href="/images/favicon.ico?v=3">
-<link rel="apple-touch-icon" sizes="256x256" href="/images/touchicon.png?v=3">
+<link rel="apple-touch-icon" href="/images/touchicon.png?v=4" sizes="256x256">
 
 <!-- Inter -->
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">
 
+<!--  Social Sharing META Tags -->
+<meta property="og:title" content="D3plus">
+<meta property="og:type" content="website" />
+<meta property="og:image" content="https://d3plus.org/images/share.png?v=1">
+<meta property="og:url" content="https://d3plus.org">
+<meta name="twitter:card" content="summary">
+
 <style>
 
   /* styles logo text */
@@ -18,6 +23,7 @@
     letter-spacing: 0;
   }
 
+  /* hides top control bar */
   .sb-bar {
     display: none;
   }

package/.storybook/manager.js

@@ -1,6 +1,9 @@
 import {addons} from "storybook/manager-api";
 import theme from "./theme.js";
 
+import "./title.js";
+import "./favicon.js";
+
 addons.setConfig({
   navSize: 250,
   sidebar: {

package/.storybook/title.js

@@ -0,0 +1,30 @@
+import {addons} from "storybook/manager-api";
+
+const SITE_TITLE = "D3plus";
+
+addons.register("Title", api => {
+
+  const setTitle = () => {
+    
+    try {
+      const storyData = api.getCurrentStoryData();
+      const prefix = storyData.title ? storyData.title.replace(/\//g, ' / ') : false;
+      document.title = prefix ? `${prefix} - ${SITE_TITLE}` : SITE_TITLE;
+    } 
+    catch (e) {
+      document.title = SITE_TITLE;
+    }
+    
+  }
+
+  const detector = () => {
+    if (document.title.endsWith("Storybook")) setTitle();
+  };
+
+  const elem = document.querySelector("title");
+
+  const observerOpts = {childList: true, subtree: true, characterData: true};
+
+  return new MutationObserver(detector).observe(elem, observerOpts);
+
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@d3plus/docs",
-  "version": "3.0.3",
+  "version": "3.0.4",
   "description": "Documentation and examples for the d3plus visualization library.",
   "license": "MIT",
   "homepage": "https://d3plus.org",
@@ -16,11 +16,11 @@
     "dev:local": "storybook dev --docs --ci --no-version-updates --port=4000"
   },
   "dependencies": {
-    "@d3plus/core": "3.0.3",
-    "@d3plus/dom": "3.0.3",
-    "@d3plus/format": "3.0.3",
-    "@d3plus/locales": "3.0.3",
-    "@d3plus/react": "3.0.3",
+    "@d3plus/core": "3.0.4",
+    "@d3plus/dom": "3.0.4",
+    "@d3plus/format": "3.0.4",
+    "@d3plus/locales": "3.0.4",
+    "@d3plus/react": "3.0.4",
     "@types/react": "^19.1.0",
     "next": "^15.2.4",
     "react": "^18.2.0",

package/packages/text/titleCase.stories.jsx

@@ -12,7 +12,7 @@ export default {
   parameters: {
     docs: {
       description: {
-        component: "Capitalizes the first letter of each word in a phrase/sentence.",
+        component: "Capitalizes the first letter of each word in a phrase/sentence, accounting for words in English that should be kept lowercase such as \"and\" or \"of\", as well as acronym that should be kept uppercase such as \"CEO\" or \"TVs\".",
       },
     },
   }