Packages/aiinfo/coursea11ychecker (#200)

* aiinfo@2.10.1

* nutritionfacts@2.0.14

* remove default exports

* update dependencies

* default chuck sizes

* merge chunking to root confing

* lint

* update cache

* lint

* release

* lint

Author: thedannywahl

apps/nutritionfacts/coverage/coverage.yml

@@ -1,10 +1,10 @@
 coverage:
   totals:
-    statements: 7.38%
+    statements: 7.9%
     branches: 2.99%
     functions: 8.33%
-    lines: 7.64%
-    total: 6.59%
+    lines: 8.18%
+    total: 6.85%
   src:
     totals:
       statements: 30.63%

apps/nutritionfacts/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure.ai/nutritionfacts",
-  "version": "2.0.13",
+  "version": "2.0.14",
   "private": true,
   "repository": {
     "type": "git",
@@ -19,9 +19,9 @@
   },
   "dependencies": {
     "@instructure.ai/aiinfo": "workspace:^",
-    "@instructure/ui": "^11.2.0",
-    "react": "^19.2.3",
-    "react-dom": "^19.2.3"
+    "@instructure/ui": "^11.6.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4"
   },
   "devDependencies": {
     "@instructure.ai/shared-configs": "workspace:^"

apps/nutritionfacts/src/app.tsx

@@ -9,7 +9,7 @@ import { EmbedControl, LinkControl } from "./components/export";
 import { NutritionFactsForm, getLayoutFromParams } from "./components/layout";
 
 const App: FC = () => {
-  const searchParams = new URLSearchParams(window.location.search);
+  const searchParams = new URLSearchParams(globalThis.location.search);
   const id = searchParams.get("id")?.toLowerCase();
 
   const [product, setProduct] = useState<AiInfoFeatureProps | undefined>(undefined);
@@ -41,11 +41,11 @@ const App: FC = () => {
   const [isInIframe, setIsInIframe] = useState(false);
 
   useEffect(() => {
-    setIsInIframe(window.self !== window.top);
+    setIsInIframe(globalThis.self !== window.top);
   }, []);
 
   useEffect(() => {
-    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+    const mediaQuery = globalThis.matchMedia("(prefers-color-scheme: dark)");
     setIsDark(mediaQuery.matches);
 
     const handler = (e: MediaQueryListEvent) => setIsDark(e.matches);

apps/nutritionfacts/src/assets/consts.tsx

@@ -6,8 +6,8 @@ import { CanvasBug, IgniteBug, InstructureBug, MasteryBug, ParchmentBug } from "
 import { type SVGWrapperProps } from "./";
 
 const baseUrl =
-  typeof window !== "undefined"
-    ? `${window.location.origin}${window.location.pathname}`
+  typeof globalThis.window !== "undefined"
+    ? `${globalThis.location.origin}${globalThis.location.pathname}`
     : "https://instructure.ai/nutritionfacts";
 
 const brands: Record<

apps/nutritionfacts/src/components/layout/getLayoutFromParams.ts

@@ -1,7 +1,7 @@
 import { type PageLayout } from "../../types";
 
 export function getLayoutFromParams(defaultLayout: PageLayout) {
-  const params = new URLSearchParams(window.location.search);
+  const params = new URLSearchParams(globalThis.location.search);
   const newLayout = { ...defaultLayout };
 
   const keys: (keyof PageLayout)[] = ["copyright", "disclaimer", "revision", "permissions"];

apps/nutritionfacts/src/components/layout/presets.tsx

@@ -70,9 +70,9 @@ const Presets = ({ setProduct, product }: PresetsProps) => {
     }
     if (data.id && products[data.id]) {
       setProduct(products[data.id]);
-      const url = new URL(window.location.href);
+      const url = new URL(globalThis.location.href);
       url.searchParams.set("id", data.id);
-      window.history.replaceState({}, "", url.toString());
+      globalThis.history.replaceState({}, "", url.toString());
     }
   };
 

apps/nutritionfacts/src/main.tsx

@@ -23,7 +23,7 @@ const mountApp = () => {
   );
 };
 
-if (typeof window !== "undefined" && import.meta.env?.MODE !== "test") {
+if (typeof globalThis.window !== "undefined" && import.meta.env?.MODE !== "test") {
   mountApp();
 }
 

apps/nutritionfacts/src/types.ts

@@ -4,11 +4,8 @@
 import { type Dispatch, type SetStateAction } from "react";
 import { type NutritionFactsProps } from "@instructure/ui";
 
-type StateProp<Type, Key extends string> = {
-  [key in Key]: Type;
-} & {
-  [key in `set${Capitalize<Key>}`]: Dispatch<SetStateAction<Type>>;
-};
+type StateProp<Type, Key extends string> = Record<Key, Type> &
+  Record<`set${Capitalize<Key>}`, Dispatch<SetStateAction<Type>>>;
 
 interface PageLayout {
   disclaimer: boolean;

apps/nutritionfacts/tests/readme.test.ts

@@ -6,7 +6,7 @@ import { name } from "../package.json" with { type: "json" };
 
 const pkgRoot = new URL("..", import.meta.url);
 
-const readReadme = async () => readFile(new URL("./README.md", pkgRoot), "utf8");
+const readReadme = async () => readFile(new URL("README.md", pkgRoot), "utf8");
 
 describe("rEADME.md", () => {
   it('starts with "# <package name>"', async () => {

apps/nutritionfacts/vite.config.mts

@@ -1,5 +1,5 @@
-import baseConfig from "@instructure.ai/shared-configs/react";
 import { defineConfig, mergeConfig } from "vite";
+import baseConfig from "@instructure.ai/shared-configs/react";
 
 export default mergeConfig(
   baseConfig,