aidos-ui 3.0.19 → 3.0.21

package/dist/ListLinkItem.d.ts

@@ -4,7 +4,6 @@ import { InteractableColor } from "./Interactable";
 interface ListLinkItemProps extends BaseListItemProps {
     color?: InteractableColor;
     children?: void;
-    onClick?: () => void;
     href: string;
     headline: string;
     body?: string;

package/dist/ListLinkItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListLinkItem.js","sourceRoot":"","sources":["../src/ListLinkItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAEL,aAAa,EACb,+BAA+B,GAChC,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAexC,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAC1C,CACE,EACE,OAAO,EACP,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,QAAQ,EAClB,OAAO,EACP,GAAG,EACH,QAAQ,EACR,KAAK,GAAG,SAAS,EACjB,MAAM,EACN,GAAG,UAAU,EACK,EACpB,GAAkC,EAClC,EAAE;IACF,MAAM,EAAE,IAAI,EAAE,GAAG,cAAc,EAAE,CAAC;IAElC,OAAO,CACL,KAAC,YAAY,IACX,WAAW,EAAE,CAAC,IAAI,EAClB,QAAQ,EAAE,QAAQ,mBACH,QAAQ,EACvB,OAAO,EAAC,MAAM,EACd,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,EACnD,SAAS,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,EAC/C,QAAQ,EAAE,QAAQ,KACd,UAAU,EACd,OAAO,EAAE,OAAO,YAEf,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChB,KAAC,QAAQ,IACP,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,kBACF,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC3C,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,KAAK,EACzB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,+BAA+B,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAC5D,OAAO,EAAE,OAAO,YAEf,OAAO,GACC,CACZ,GACY,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"ListLinkItem.js","sourceRoot":"","sources":["../src/ListLinkItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAEL,aAAa,EACb,+BAA+B,GAChC,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAcxC,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAC1C,CACE,EACE,OAAO,EACP,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,QAAQ,EAClB,OAAO,EACP,GAAG,EACH,QAAQ,EACR,KAAK,GAAG,SAAS,EACjB,MAAM,EACN,GAAG,UAAU,EACK,EACpB,GAAkC,EAClC,EAAE;IACF,MAAM,EAAE,IAAI,EAAE,GAAG,cAAc,EAAE,CAAC;IAElC,OAAO,CACL,KAAC,YAAY,IACX,WAAW,EAAE,CAAC,IAAI,EAClB,QAAQ,EAAE,QAAQ,mBACH,QAAQ,EACvB,OAAO,EAAC,MAAM,EACd,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,EACnD,SAAS,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,EAC/C,QAAQ,EAAE,QAAQ,KACd,UAAU,EACd,OAAO,EAAE,OAAO,YAEf,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChB,KAAC,QAAQ,IACP,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,kBACF,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC3C,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,KAAK,EACzB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,+BAA+B,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAC5D,OAAO,EAAE,OAAO,YAEf,OAAO,GACC,CACZ,GACY,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/OnVisible.js

@@ -22,7 +22,7 @@ export function OnVisible({ children, onVisible, }) {
             intersectionObserverRef.current = null;
         };
         // eslint-disable-next-line
-    }, []);
+    }, [onVisible]);
     return children(refCallback);
 }
 //# sourceMappingURL=OnVisible.js.map

package/dist/OnVisible.js.map

@@ -1 +1 @@
-{"version":3,"file":"OnVisible.js","sourceRoot":"","sources":["../src/OnVisible.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,MAAM,EAAE,WAAW,EAAgB,MAAM,OAAO,CAAC;AAEjE,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,SAAS,GAIV;IACC,MAAM,uBAAuB,GAAG,MAAM,CAA8B,IAAI,CAAC,CAAC;IAE1E,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,OAAO,EAAE,EAAE;QAC1C,IAAI,OAAO,IAAI,IAAI,EAAE;YACnB,OAAO;SACR;QAED,MAAM,oBAAoB,GAAG,IAAI,oBAAoB,CACnD,CAAC,OAAO,EAAE,EAAE;YACV,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;gBACxB,IAAI,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,iBAAiB,GAAG,CAAC,EAAE;oBACvD,SAAS,EAAE,CAAC;iBACb;YACH,CAAC,CAAC,CAAC;QACL,CAAC,EACD;YACE,IAAI,EAAE,IAAI;YACV,UAAU,EAAE,KAAK;SAClB,CACF,CAAC;QAEF,uBAAuB,CAAC,OAAO,GAAG,oBAAoB,CAAC;QACvD,oBAAoB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAEtC,OAAO,GAAG,EAAE;YACV,oBAAoB,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YACxC,uBAAuB,CAAC,OAAO,GAAG,IAAI,CAAC;QACzC,CAAC,CAAC;QACF,2BAA2B;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,QAAQ,CAAC,WAAW,CAAC,CAAC;AAC/B,CAAC"}
+{"version":3,"file":"OnVisible.js","sourceRoot":"","sources":["../src/OnVisible.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,MAAM,EAAE,WAAW,EAAgB,MAAM,OAAO,CAAC;AAEjE,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,SAAS,GAIV;IACC,MAAM,uBAAuB,GAAG,MAAM,CAA8B,IAAI,CAAC,CAAC;IAE1E,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,OAAO,EAAE,EAAE;QACV,IAAI,OAAO,IAAI,IAAI,EAAE;YACnB,OAAO;SACR;QAED,MAAM,oBAAoB,GAAG,IAAI,oBAAoB,CACnD,CAAC,OAAO,EAAE,EAAE;YACV,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;gBACxB,IAAI,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,iBAAiB,GAAG,CAAC,EAAE;oBACvD,SAAS,EAAE,CAAC;iBACb;YACH,CAAC,CAAC,CAAC;QACL,CAAC,EACD;YACE,IAAI,EAAE,IAAI;YACV,UAAU,EAAE,KAAK;SAClB,CACF,CAAC;QAEF,uBAAuB,CAAC,OAAO,GAAG,oBAAoB,CAAC;QACvD,oBAAoB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAEtC,OAAO,GAAG,EAAE;YACV,oBAAoB,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YACxC,uBAAuB,CAAC,OAAO,GAAG,IAAI,CAAC;QACzC,CAAC,CAAC;QACF,2BAA2B;IAC7B,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,OAAO,QAAQ,CAAC,WAAW,CAAC,CAAC;AAC/B,CAAC"}

package/next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/pages/api-reference/config/typescript for more information.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aidos-ui",
-  "version": "3.0.19",
+  "version": "3.0.21",
   "description": "A simple UI framework",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -31,7 +31,6 @@
     "install": "^0.13.0",
     "next": "latest",
     "npm": "^9.8.0",
-    "openai": "^3.3.0",
     "prismjs": "^1.29.0",
     "process": "^0.11.10",
     "react-dom": "latest",

package/src/Interactable.tsx

@@ -125,7 +125,7 @@ export function getInteractableJSStyles({
 export const getGlyphColor = (
   color: InteractableColor,
   disabled: boolean | undefined,
-  bare: boolean | undefined
+  bare: boolean | undefined,
 ): TextColor => {
   if (disabled) {
     return "subtle";
@@ -148,7 +148,7 @@ export const getGlyphColor = (
 export const getCSSColor = (
   color: InteractableColor,
   disabled: boolean | undefined,
-  bare: boolean | undefined
+  bare: boolean | undefined,
 ): string => {
   if (disabled) {
     return cssVar("--subtle-text");

package/src/ListLinkItem.tsx

@@ -13,7 +13,6 @@ import { useListContext } from "./List";
 interface ListLinkItemProps extends BaseListItemProps {
   color?: InteractableColor;
   children?: void;
-  onClick?: () => void;
   href: string;
   headline: string;
   body?: string;
@@ -36,7 +35,7 @@ export const ListLinkItem = React.forwardRef(
       target,
       ...otherProps
     }: ListLinkItemProps,
-    ref?: React.Ref<HTMLAnchorElement>
+    ref?: React.Ref<HTMLAnchorElement>,
   ) => {
     const { bare } = useListContext();
 
@@ -72,5 +71,5 @@ export const ListLinkItem = React.forwardRef(
         )}
       </BaseListItem>
     );
-  }
+  },
 );

package/src/OnVisible.tsx

@@ -9,34 +9,37 @@ export function OnVisible({
 }) {
   const intersectionObserverRef = useRef<IntersectionObserver | null>(null);
 
-  const refCallback = useCallback((element) => {
-    if (element == null) {
-      return;
-    }
-
-    const intersectionObserver = new IntersectionObserver(
-      (entries) => {
-        entries.forEach((entry) => {
-          if (entry.isIntersecting || entry.intersectionRatio > 0) {
-            onVisible();
-          }
-        });
-      },
-      {
-        root: null,
-        rootMargin: "0px",
+  const refCallback = useCallback(
+    (element) => {
+      if (element == null) {
+        return;
       }
-    );
 
-    intersectionObserverRef.current = intersectionObserver;
-    intersectionObserver.observe(element);
+      const intersectionObserver = new IntersectionObserver(
+        (entries) => {
+          entries.forEach((entry) => {
+            if (entry.isIntersecting || entry.intersectionRatio > 0) {
+              onVisible();
+            }
+          });
+        },
+        {
+          root: null,
+          rootMargin: "0px",
+        },
+      );
+
+      intersectionObserverRef.current = intersectionObserver;
+      intersectionObserver.observe(element);
 
-    return () => {
-      intersectionObserver.unobserve(element);
-      intersectionObserverRef.current = null;
-    };
-    // eslint-disable-next-line
-  }, []);
+      return () => {
+        intersectionObserver.unobserve(element);
+        intersectionObserverRef.current = null;
+      };
+      // eslint-disable-next-line
+    },
+    [onVisible],
+  );
 
   return children(refCallback);
 }

package/src/pages/_app.tsx

@@ -36,6 +36,10 @@ import { DocsMDXProvider, labelToID } from "../docs/mdx";
 import { Pipeline, dot, pipeline } from "@xenova/transformers";
 import { pages } from "../docs/pages";
 
+import { Inter } from "next/font/google";
+
+const inter = Inter({ subsets: ["latin"] });
+
 const transformers = import("@xenova/transformers");
 const searchIndex = import("../docs/searchIndex").then(
   (module) => module.index
@@ -227,6 +231,13 @@ export default function App({ Component, pageProps }: AppProps) {
         <meta name="viewport" content="width=device-width, initial-scale=1" />
       </Head>
       <BaseLinkComponentOverrideContext.Provider value={link}>
+        {/* @ts-ignore */}
+        <style jsx global>{`
+          html {
+            font-family: ${inter.style.fontFamily};
+          }
+        `}</style>
+
         <Providers themes={{ light: lightTheme, dark: darkTheme }}>
           <DocsMDXProvider>
             <BaseView

package/scripts/openai_embeddings.js

@@ -1,100 +0,0 @@
-import fs from "fs/promises";
-import path from "path";
-import { fileURLToPath } from "url";
-import { unified } from "unified";
-import remarkParse from "remark-parse";
-import remarkMdx from "remark-mdx";
-import { Configuration, OpenAIApi } from "openai";
-import dotenv from "dotenv";
-
-dotenv.config();
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-const __rootdir = path.join(__dirname, "..");
-const __pages = path.join(__rootdir, "src", "pages");
-const __target = path.join(__rootdir, "src", "docs");
-
-const configuration = new Configuration({
-  organization: "org-Q89d8tyY2MChQVFEbhp27pB3",
-  apiKey: process.env.OPENAI_API_KEY,
-});
-const openai = new OpenAIApi(configuration);
-
-const files = await fs.readdir(__pages);
-
-const index = [];
-
-for (const file of files) {
-  if (path.extname(file) !== ".mdx") {
-    continue;
-  }
-
-  const filepath = path.join(__pages, file);
-  const filename = path.parse(file).name;
-  const content = await fs.readFile(filepath, "utf-8");
-  const sections = parseContent(content);
-
-  const embeddings = await Promise.all(
-    sections.map(async ({ text, heading, headingDepth }) => {
-      const embedding = await openai
-        .createEmbedding({
-          model: "text-embedding-ada-002",
-          input: text,
-        })
-        .then((response) => response.data[0].embedding);
-
-      return {
-        heading,
-        headingDepth,
-        filename,
-        embedding: Array.from(embedding.data),
-      };
-    })
-  );
-
-  index.push(...embeddings);
-}
-
-await fs.writeFile(
-  path.join(__target, "searchIndex.ts"),
-  `export const index = ${JSON.stringify({ index })}`
-);
-
-function parseChildren(children) {
-  const result = [];
-
-  for (const node of children) {
-    if (node.type === "text") {
-      result.push(node.value);
-    } else if (node.type === "inlineCode") {
-      result.push(node.value);
-    } else if (node.type === "link") {
-      result.push(parseChildren(node.children));
-    }
-  }
-
-  return result.join(" ");
-}
-
-function parseContent(content) {
-  const ast = unified().use(remarkParse).use(remarkMdx).parse(content);
-  const result = [];
-  let headingDepth = 1;
-  let heading = "";
-
-  for (const node of ast.children) {
-    if (node.type === "paragraph") {
-      result.push({
-        text: heading + ": " + parseChildren(node.children),
-        heading,
-        headingDepth,
-      });
-    } else if (node.type === "heading") {
-      headingDepth = node.depth;
-      heading = parseChildren(node.children);
-    }
-  }
-
-  return result;
-}