@helpwave/hightide 0.0.13 → 0.0.16

package/dist/components/TechRadar.js

@@ -1,191 +1,243 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import Script from 'next/script';
-const helpwaveTechRadar = {
-    date: new Date('1/28/2024'),
-    config: {
-        colors: {
-            background: '#fff',
-            grid: '#dddde0',
-            inactive: '#ddd'
-        },
-        title: 'helpwave Tech-Radar',
-        quadrants: [
-            { name: 'Languages' },
-            { name: 'Language dependencies' },
-            { name: 'Infrastructure' },
-            { name: 'Datastores' },
-        ],
-        rings: [
-            { name: 'ADOPT', color: '#5ba300' },
-            { name: 'TRIAL', color: '#009eb0' },
-            { name: 'ASSESS', color: '#c7ba00' },
-            { name: 'HOLD', color: '#e09b96' }
-        ],
-        print_layout: true,
-        links_in_new_tabs: true,
-    },
-    entries: [
-        // Languages
-        {
-            label: 'Golang',
-            active: true,
-            quadrant: 0,
-            ring: 0,
-            moved: 0,
-        },
-        {
-            label: 'Python',
-            active: true,
-            quadrant: 0,
-            ring: 2,
-            moved: 0,
-        },
-        {
-            label: 'TypeScript',
-            active: true,
-            quadrant: 0,
-            ring: 0,
-            moved: 0,
-        },
-        {
-            label: 'Dart',
-            active: true,
-            quadrant: 0,
-            ring: 0,
-            moved: 0,
-        },
-        // Language dependencies
-        {
-            label: 'Dapr',
-            link: 'https://dapr.io/',
-            active: true,
-            quadrant: 1,
-            ring: 0,
-            moved: 0,
-        },
-        {
-            label: 'GORM',
-            active: true,
-            quadrant: 1,
-            ring: 3,
-            moved: -1,
-        },
-        {
-            label: 'SQLc',
-            active: true,
-            quadrant: 1,
-            ring: 0,
-            moved: 1,
-        },
-        {
-            label: 'Flutter',
-            active: true,
-            quadrant: 1,
-            ring: 0,
-            moved: 0,
-        },
-        {
-            label: 'Next.js',
-            active: true,
-            quadrant: 1,
-            ring: 0,
-            moved: 0,
-        },
-        // Infrastructure
-        {
-            label: 'Docker',
-            active: true,
-            quadrant: 2,
-            ring: 0,
-            moved: 0,
-        },
-        {
-            label: 'Kubernetes',
-            active: true,
-            quadrant: 2,
-            ring: 2,
-            moved: 1,
-        },
-        {
-            label: 'gRPC',
-            active: true,
-            quadrant: 2,
-            ring: 0,
-            moved: 0,
-        },
-        {
-            label: 'APISIX',
-            active: true,
-            quadrant: 2,
-            ring: 0,
-            moved: 0,
-        },
-        {
-            label: 'GitHub Actions',
-            active: true,
-            quadrant: 2,
-            ring: 0,
-            moved: 0,
-        },
-        {
-            label: 'devenv',
-            active: true,
-            quadrant: 2,
-            ring: 1,
-            moved: 0,
-        },
-        // Datastores
-        {
-            label: 'PostgreSQL',
-            active: true,
-            quadrant: 3,
-            ring: 0,
-            moved: 0,
-        },
-        {
-            label: 'Redis',
-            active: true,
-            quadrant: 3,
-            ring: 0,
-            moved: 0,
-        },
-        {
-            label: 'EventStoreDB',
-            active: true,
-            quadrant: 3,
-            ring: 1,
-            moved: 0,
-        },
-    ]
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-/**
- * This component wraps https://github.com/zalando/tech-radar
- */
-export const TechRadar = ({ date = helpwaveTechRadar.date, config = helpwaveTechRadar.config, entries = helpwaveTechRadar.entries, }) => {
-    const [isD3Loaded, setIsD3Loaded] = useState(false);
-    const [isRadarLoaded, setIsRadarLoaded] = useState(false);
-    const dateString = date.toLocaleDateString('en-US', { year: 'numeric', month: 'numeric', day: 'numeric' });
-    useEffect(() => {
-        if (!isD3Loaded || !isRadarLoaded)
-            return;
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-expect-error
-        d3.select('svg#radar').select('*').remove();
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-expect-error
-        radar_visualization({
-            svg_id: 'radar',
-            width: 1500,
-            height: 1000,
-            date: dateString,
-            entries,
-            ...config,
-        });
-    }, [isD3Loaded, isRadarLoaded, config, entries]); // eslint-disable-line react-hooks/exhaustive-deps
-    return (_jsxs(_Fragment, { children: [_jsx(Script, { src: "https://cdn.helpwave.de/js/d3.v4.min.js", onLoad: () => {
-                    setIsD3Loaded(true);
-                } }), _jsx(Script, { src: "https://cdn.helpwave.de/js/radar-0.8.js", onLoad: () => {
-                    setIsRadarLoaded(true);
-                } }), _jsx("svg", { id: "radar" })] }));
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/TechRadar.tsx
+var TechRadar_exports = {};
+__export(TechRadar_exports, {
+  TechRadar: () => TechRadar
+});
+module.exports = __toCommonJS(TechRadar_exports);
+var import_react = require("react");
+var import_script = __toESM(require("next/script"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var helpwaveTechRadar = {
+  date: /* @__PURE__ */ new Date("1/28/2024"),
+  config: {
+    colors: {
+      background: "#fff",
+      grid: "#dddde0",
+      inactive: "#ddd"
+    },
+    title: "helpwave Tech-Radar",
+    quadrants: [
+      { name: "Languages" },
+      { name: "Language dependencies" },
+      { name: "Infrastructure" },
+      { name: "Datastores" }
+    ],
+    rings: [
+      { name: "ADOPT", color: "#5ba300" },
+      { name: "TRIAL", color: "#009eb0" },
+      { name: "ASSESS", color: "#c7ba00" },
+      { name: "HOLD", color: "#e09b96" }
+    ],
+    print_layout: true,
+    links_in_new_tabs: true
+  },
+  entries: [
+    // Languages
+    {
+      label: "Golang",
+      active: true,
+      quadrant: 0,
+      ring: 0,
+      moved: 0
+    },
+    {
+      label: "Python",
+      active: true,
+      quadrant: 0,
+      ring: 2,
+      moved: 0
+    },
+    {
+      label: "TypeScript",
+      active: true,
+      quadrant: 0,
+      ring: 0,
+      moved: 0
+    },
+    {
+      label: "Dart",
+      active: true,
+      quadrant: 0,
+      ring: 0,
+      moved: 0
+    },
+    // Language dependencies
+    {
+      label: "Dapr",
+      link: "https://dapr.io/",
+      active: true,
+      quadrant: 1,
+      ring: 0,
+      moved: 0
+    },
+    {
+      label: "GORM",
+      active: true,
+      quadrant: 1,
+      ring: 3,
+      moved: -1
+    },
+    {
+      label: "SQLc",
+      active: true,
+      quadrant: 1,
+      ring: 0,
+      moved: 1
+    },
+    {
+      label: "Flutter",
+      active: true,
+      quadrant: 1,
+      ring: 0,
+      moved: 0
+    },
+    {
+      label: "Next.js",
+      active: true,
+      quadrant: 1,
+      ring: 0,
+      moved: 0
+    },
+    // Infrastructure
+    {
+      label: "Docker",
+      active: true,
+      quadrant: 2,
+      ring: 0,
+      moved: 0
+    },
+    {
+      label: "Kubernetes",
+      active: true,
+      quadrant: 2,
+      ring: 2,
+      moved: 1
+    },
+    {
+      label: "gRPC",
+      active: true,
+      quadrant: 2,
+      ring: 0,
+      moved: 0
+    },
+    {
+      label: "APISIX",
+      active: true,
+      quadrant: 2,
+      ring: 0,
+      moved: 0
+    },
+    {
+      label: "GitHub Actions",
+      active: true,
+      quadrant: 2,
+      ring: 0,
+      moved: 0
+    },
+    {
+      label: "devenv",
+      active: true,
+      quadrant: 2,
+      ring: 1,
+      moved: 0
+    },
+    // Datastores
+    {
+      label: "PostgreSQL",
+      active: true,
+      quadrant: 3,
+      ring: 0,
+      moved: 0
+    },
+    {
+      label: "Redis",
+      active: true,
+      quadrant: 3,
+      ring: 0,
+      moved: 0
+    },
+    {
+      label: "EventStoreDB",
+      active: true,
+      quadrant: 3,
+      ring: 1,
+      moved: 0
+    }
+  ]
+};
+var TechRadar = ({
+  date = helpwaveTechRadar.date,
+  config = helpwaveTechRadar.config,
+  entries = helpwaveTechRadar.entries
+}) => {
+  const [isD3Loaded, setIsD3Loaded] = (0, import_react.useState)(false);
+  const [isRadarLoaded, setIsRadarLoaded] = (0, import_react.useState)(false);
+  const dateString = date.toLocaleDateString("en-US", { year: "numeric", month: "numeric", day: "numeric" });
+  (0, import_react.useEffect)(() => {
+    if (!isD3Loaded || !isRadarLoaded) return;
+    d3.select("svg#radar").select("*").remove();
+    radar_visualization({
+      svg_id: "radar",
+      width: 1500,
+      height: 1e3,
+      date: dateString,
+      entries,
+      ...config
+    });
+  }, [isD3Loaded, isRadarLoaded, config, entries]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_script.default,
+      {
+        src: "https://cdn.helpwave.de/js/d3.v4.min.js",
+        onLoad: () => {
+          setIsD3Loaded(true);
+        }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_script.default,
+      {
+        src: "https://cdn.helpwave.de/js/radar-0.8.js",
+        onLoad: () => {
+          setIsRadarLoaded(true);
+        }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { id: "radar" })
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TechRadar
+});
+//# sourceMappingURL=TechRadar.js.map

package/dist/components/TechRadar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/TechRadar.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport Script from 'next/script'\n\ntype Config = {\n  colors: {\n    background: string, // hex\n    grid: string, // hex\n    inactive: string, // hex\n  },\n  title: string,\n  quadrants: {\n    name: string,\n  }[],\n  rings: {\n    name: string,\n    color: string, // hex\n  }[],\n  print_layout: boolean,\n  links_in_new_tabs: boolean,\n  zoomed_quadrant?: 0 | 1 | 2 | 3,\n}\n\ntype Entry = {\n  label: string,\n  link?: string,\n  active: boolean,\n  quadrant: 0 | 1 | 2 | 3, // Clockwise, starts from bottom right\n  ring: 0 | 1 | 2 | 3, // Starts from the inside\n  moved: -1 | 0 | 1, // -1: moved out, 0: not moved, 1: moved in\n}\n\nconst helpwaveTechRadar = {\n  date: new Date('1/28/2024'),\n  config: {\n    colors: {\n      background: '#fff',\n      grid: '#dddde0',\n      inactive: '#ddd'\n    },\n    title: 'helpwave Tech-Radar',\n    quadrants: [\n      { name: 'Languages' },\n      { name: 'Language dependencies' },\n      { name: 'Infrastructure' },\n      { name: 'Datastores' },\n    ],\n    rings: [\n      { name: 'ADOPT', color: '#5ba300' },\n      { name: 'TRIAL', color: '#009eb0' },\n      { name: 'ASSESS', color: '#c7ba00' },\n      { name: 'HOLD', color: '#e09b96' }\n    ],\n    print_layout: true,\n    links_in_new_tabs: true,\n  } satisfies Config,\n  entries: [\n    // Languages\n    {\n      label: 'Golang',\n      active: true,\n      quadrant: 0,\n      ring: 0,\n      moved: 0,\n    },\n    {\n      label: 'Python',\n      active: true,\n      quadrant: 0,\n      ring: 2,\n      moved: 0,\n    },\n    {\n      label: 'TypeScript',\n      active: true,\n      quadrant: 0,\n      ring: 0,\n      moved: 0,\n    },\n    {\n      label: 'Dart',\n      active: true,\n      quadrant: 0,\n      ring: 0,\n      moved: 0,\n    },\n    // Language dependencies\n    {\n      label: 'Dapr',\n      link: 'https://dapr.io/',\n      active: true,\n      quadrant: 1,\n      ring: 0,\n      moved: 0,\n    },\n    {\n      label: 'GORM',\n      active: true,\n      quadrant: 1,\n      ring: 3,\n      moved: -1,\n    },\n    {\n      label: 'SQLc',\n      active: true,\n      quadrant: 1,\n      ring: 0,\n      moved: 1,\n    },\n\n    {\n      label: 'Flutter',\n      active: true,\n      quadrant: 1,\n      ring: 0,\n      moved: 0,\n    },\n    {\n      label: 'Next.js',\n      active: true,\n      quadrant: 1,\n      ring: 0,\n      moved: 0,\n    },\n    // Infrastructure\n    {\n      label: 'Docker',\n      active: true,\n      quadrant: 2,\n      ring: 0,\n      moved: 0,\n    },\n    {\n      label: 'Kubernetes',\n      active: true,\n      quadrant: 2,\n      ring: 2,\n      moved: 1,\n    },\n    {\n      label: 'gRPC',\n      active: true,\n      quadrant: 2,\n      ring: 0,\n      moved: 0,\n    },\n    {\n      label: 'APISIX',\n      active: true,\n      quadrant: 2,\n      ring: 0,\n      moved: 0,\n    },\n    {\n      label: 'GitHub Actions',\n      active: true,\n      quadrant: 2,\n      ring: 0,\n      moved: 0,\n    },\n    {\n      label: 'devenv',\n      active: true,\n      quadrant: 2,\n      ring: 1,\n      moved: 0,\n    },\n    // Datastores\n    {\n      label: 'PostgreSQL',\n      active: true,\n      quadrant: 3,\n      ring: 0,\n      moved: 0,\n    },\n    {\n      label: 'Redis',\n      active: true,\n      quadrant: 3,\n      ring: 0,\n      moved: 0,\n    },\n    {\n      label: 'EventStoreDB',\n      active: true,\n      quadrant: 3,\n      ring: 1,\n      moved: 0,\n    },\n  ] satisfies Entry[]\n}\n\ntype TechRadarProps = {\n  date?: Date,\n  config?: Config,\n  entries?: Entry[],\n}\n\n/**\n * This component wraps https://github.com/zalando/tech-radar\n */\nexport const TechRadar = ({\n  date = helpwaveTechRadar.date,\n  config = helpwaveTechRadar.config,\n  entries = helpwaveTechRadar.entries,\n}: TechRadarProps) => {\n  const [isD3Loaded, setIsD3Loaded] = useState(false)\n  const [isRadarLoaded, setIsRadarLoaded] = useState(false)\n\n  const dateString = date.toLocaleDateString('en-US', { year: 'numeric', month: 'numeric', day: 'numeric' })\n\n  useEffect(() => {\n    if (!isD3Loaded || !isRadarLoaded) return\n\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-expect-error\n    d3.select('svg#radar').select('*').remove()\n\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-expect-error\n    radar_visualization({\n      svg_id: 'radar',\n      width: 1500,\n      height: 1000,\n      date: dateString,\n      entries,\n      ...config,\n    })\n  }, [isD3Loaded, isRadarLoaded, config, entries]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  return (\n    <>\n      <Script\n        src=\"https://cdn.helpwave.de/js/d3.v4.min.js\"\n        onLoad={() => {\n          setIsD3Loaded(true)\n        }}\n      />\n      <Script\n        src=\"https://cdn.helpwave.de/js/radar-0.8.js\"\n        onLoad={() => {\n          setIsRadarLoaded(true)\n        }}\n      />\n      <svg id=\"radar\"></svg>\n    </>\n  )\n}\n"],"mappings":"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","names":["Script"]}

package/dist/components/TechRadar.mjs

@@ -0,0 +1,208 @@
+// src/components/TechRadar.tsx
+import { useEffect, useState } from "react";
+import Script from "next/script";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var helpwaveTechRadar = {
+  date: /* @__PURE__ */ new Date("1/28/2024"),
+  config: {
+    colors: {
+      background: "#fff",
+      grid: "#dddde0",
+      inactive: "#ddd"
+    },
+    title: "helpwave Tech-Radar",
+    quadrants: [
+      { name: "Languages" },
+      { name: "Language dependencies" },
+      { name: "Infrastructure" },
+      { name: "Datastores" }
+    ],
+    rings: [
+      { name: "ADOPT", color: "#5ba300" },
+      { name: "TRIAL", color: "#009eb0" },
+      { name: "ASSESS", color: "#c7ba00" },
+      { name: "HOLD", color: "#e09b96" }
+    ],
+    print_layout: true,
+    links_in_new_tabs: true
+  },
+  entries: [
+    // Languages
+    {
+      label: "Golang",
+      active: true,
+      quadrant: 0,
+      ring: 0,
+      moved: 0
+    },
+    {
+      label: "Python",
+      active: true,
+      quadrant: 0,
+      ring: 2,
+      moved: 0
+    },
+    {
+      label: "TypeScript",
+      active: true,
+      quadrant: 0,
+      ring: 0,
+      moved: 0
+    },
+    {
+      label: "Dart",
+      active: true,
+      quadrant: 0,
+      ring: 0,
+      moved: 0
+    },
+    // Language dependencies
+    {
+      label: "Dapr",
+      link: "https://dapr.io/",
+      active: true,
+      quadrant: 1,
+      ring: 0,
+      moved: 0
+    },
+    {
+      label: "GORM",
+      active: true,
+      quadrant: 1,
+      ring: 3,
+      moved: -1
+    },
+    {
+      label: "SQLc",
+      active: true,
+      quadrant: 1,
+      ring: 0,
+      moved: 1
+    },
+    {
+      label: "Flutter",
+      active: true,
+      quadrant: 1,
+      ring: 0,
+      moved: 0
+    },
+    {
+      label: "Next.js",
+      active: true,
+      quadrant: 1,
+      ring: 0,
+      moved: 0
+    },
+    // Infrastructure
+    {
+      label: "Docker",
+      active: true,
+      quadrant: 2,
+      ring: 0,
+      moved: 0
+    },
+    {
+      label: "Kubernetes",
+      active: true,
+      quadrant: 2,
+      ring: 2,
+      moved: 1
+    },
+    {
+      label: "gRPC",
+      active: true,
+      quadrant: 2,
+      ring: 0,
+      moved: 0
+    },
+    {
+      label: "APISIX",
+      active: true,
+      quadrant: 2,
+      ring: 0,
+      moved: 0
+    },
+    {
+      label: "GitHub Actions",
+      active: true,
+      quadrant: 2,
+      ring: 0,
+      moved: 0
+    },
+    {
+      label: "devenv",
+      active: true,
+      quadrant: 2,
+      ring: 1,
+      moved: 0
+    },
+    // Datastores
+    {
+      label: "PostgreSQL",
+      active: true,
+      quadrant: 3,
+      ring: 0,
+      moved: 0
+    },
+    {
+      label: "Redis",
+      active: true,
+      quadrant: 3,
+      ring: 0,
+      moved: 0
+    },
+    {
+      label: "EventStoreDB",
+      active: true,
+      quadrant: 3,
+      ring: 1,
+      moved: 0
+    }
+  ]
+};
+var TechRadar = ({
+  date = helpwaveTechRadar.date,
+  config = helpwaveTechRadar.config,
+  entries = helpwaveTechRadar.entries
+}) => {
+  const [isD3Loaded, setIsD3Loaded] = useState(false);
+  const [isRadarLoaded, setIsRadarLoaded] = useState(false);
+  const dateString = date.toLocaleDateString("en-US", { year: "numeric", month: "numeric", day: "numeric" });
+  useEffect(() => {
+    if (!isD3Loaded || !isRadarLoaded) return;
+    d3.select("svg#radar").select("*").remove();
+    radar_visualization({
+      svg_id: "radar",
+      width: 1500,
+      height: 1e3,
+      date: dateString,
+      entries,
+      ...config
+    });
+  }, [isD3Loaded, isRadarLoaded, config, entries]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Script,
+      {
+        src: "https://cdn.helpwave.de/js/d3.v4.min.js",
+        onLoad: () => {
+          setIsD3Loaded(true);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Script,
+      {
+        src: "https://cdn.helpwave.de/js/radar-0.8.js",
+        onLoad: () => {
+          setIsRadarLoaded(true);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx("svg", { id: "radar" })
+  ] });
+};
+export {
+  TechRadar
+};
+//# sourceMappingURL=TechRadar.mjs.map

package/dist/components/TechRadar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/TechRadar.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport Script from 'next/script'\n\ntype Config = {\n  colors: {\n    background: string, // hex\n    grid: string, // hex\n    inactive: string, // hex\n  },\n  title: string,\n  quadrants: {\n    name: string,\n  }[],\n  rings: {\n    name: string,\n    color: string, // hex\n  }[],\n  print_layout: boolean,\n  links_in_new_tabs: boolean,\n  zoomed_quadrant?: 0 | 1 | 2 | 3,\n}\n\ntype Entry = {\n  label: string,\n  link?: string,\n  active: boolean,\n  quadrant: 0 | 1 | 2 | 3, // Clockwise, starts from bottom right\n  ring: 0 | 1 | 2 | 3, // Starts from the inside\n  moved: -1 | 0 | 1, // -1: moved out, 0: not moved, 1: moved in\n}\n\nconst helpwaveTechRadar = {\n  date: new Date('1/28/2024'),\n  config: {\n    colors: {\n      background: '#fff',\n      grid: '#dddde0',\n      inactive: '#ddd'\n    },\n    title: 'helpwave Tech-Radar',\n    quadrants: [\n      { name: 'Languages' },\n      { name: 'Language dependencies' },\n      { name: 'Infrastructure' },\n      { name: 'Datastores' },\n    ],\n    rings: [\n      { name: 'ADOPT', color: '#5ba300' },\n      { name: 'TRIAL', color: '#009eb0' },\n      { name: 'ASSESS', color: '#c7ba00' },\n      { name: 'HOLD', color: '#e09b96' }\n    ],\n    print_layout: true,\n    links_in_new_tabs: true,\n  } satisfies Config,\n  entries: [\n    // Languages\n    {\n      label: 'Golang',\n      active: true,\n      quadrant: 0,\n      ring: 0,\n      moved: 0,\n    },\n    {\n      label: 'Python',\n      active: true,\n      quadrant: 0,\n      ring: 2,\n      moved: 0,\n    },\n    {\n      label: 'TypeScript',\n      active: true,\n      quadrant: 0,\n      ring: 0,\n      moved: 0,\n    },\n    {\n      label: 'Dart',\n      active: true,\n      quadrant: 0,\n      ring: 0,\n      moved: 0,\n    },\n    // Language dependencies\n    {\n      label: 'Dapr',\n      link: 'https://dapr.io/',\n      active: true,\n      quadrant: 1,\n      ring: 0,\n      moved: 0,\n    },\n    {\n      label: 'GORM',\n      active: true,\n      quadrant: 1,\n      ring: 3,\n      moved: -1,\n    },\n    {\n      label: 'SQLc',\n      active: true,\n      quadrant: 1,\n      ring: 0,\n      moved: 1,\n    },\n\n    {\n      label: 'Flutter',\n      active: true,\n      quadrant: 1,\n      ring: 0,\n      moved: 0,\n    },\n    {\n      label: 'Next.js',\n      active: true,\n      quadrant: 1,\n      ring: 0,\n      moved: 0,\n    },\n    // Infrastructure\n    {\n      label: 'Docker',\n      active: true,\n      quadrant: 2,\n      ring: 0,\n      moved: 0,\n    },\n    {\n      label: 'Kubernetes',\n      active: true,\n      quadrant: 2,\n      ring: 2,\n      moved: 1,\n    },\n    {\n      label: 'gRPC',\n      active: true,\n      quadrant: 2,\n      ring: 0,\n      moved: 0,\n    },\n    {\n      label: 'APISIX',\n      active: true,\n      quadrant: 2,\n      ring: 0,\n      moved: 0,\n    },\n    {\n      label: 'GitHub Actions',\n      active: true,\n      quadrant: 2,\n      ring: 0,\n      moved: 0,\n    },\n    {\n      label: 'devenv',\n      active: true,\n      quadrant: 2,\n      ring: 1,\n      moved: 0,\n    },\n    // Datastores\n    {\n      label: 'PostgreSQL',\n      active: true,\n      quadrant: 3,\n      ring: 0,\n      moved: 0,\n    },\n    {\n      label: 'Redis',\n      active: true,\n      quadrant: 3,\n      ring: 0,\n      moved: 0,\n    },\n    {\n      label: 'EventStoreDB',\n      active: true,\n      quadrant: 3,\n      ring: 1,\n      moved: 0,\n    },\n  ] satisfies Entry[]\n}\n\ntype TechRadarProps = {\n  date?: Date,\n  config?: Config,\n  entries?: Entry[],\n}\n\n/**\n * This component wraps https://github.com/zalando/tech-radar\n */\nexport const TechRadar = ({\n  date = helpwaveTechRadar.date,\n  config = helpwaveTechRadar.config,\n  entries = helpwaveTechRadar.entries,\n}: TechRadarProps) => {\n  const [isD3Loaded, setIsD3Loaded] = useState(false)\n  const [isRadarLoaded, setIsRadarLoaded] = useState(false)\n\n  const dateString = date.toLocaleDateString('en-US', { year: 'numeric', month: 'numeric', day: 'numeric' })\n\n  useEffect(() => {\n    if (!isD3Loaded || !isRadarLoaded) return\n\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-expect-error\n    d3.select('svg#radar').select('*').remove()\n\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-expect-error\n    radar_visualization({\n      svg_id: 'radar',\n      width: 1500,\n      height: 1000,\n      date: dateString,\n      entries,\n      ...config,\n    })\n  }, [isD3Loaded, isRadarLoaded, config, entries]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  return (\n    <>\n      <Script\n        src=\"https://cdn.helpwave.de/js/d3.v4.min.js\"\n        onLoad={() => {\n          setIsD3Loaded(true)\n        }}\n      />\n      <Script\n        src=\"https://cdn.helpwave.de/js/radar-0.8.js\"\n        onLoad={() => {\n          setIsRadarLoaded(true)\n        }}\n      />\n      <svg id=\"radar\"></svg>\n    </>\n  )\n}\n"],"mappings":"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","names":[]}