pnpm biome check --write .

Author: jeremywiebe

.changeset/config.json

@@ -1,13 +1,13 @@
 {
-  "$schema": "https://unpkg.com/@changesets/config@2/schema.json",
-  "changelog": ["@changesets/changelog-github", {"repo": "Khan/perseus"}],
-  "commit": ["@changesets/cli/commit", { "skipCI": false }],
-  "linked": [],
-  "access": "public",
-  "baseBranch": "main",
-  "updateInternalDependencies": "patch",
-  "ignore": [],
-  "___experimentalUnsafeOptions_WILL_CHANGE_IN_PATCH": {
-    "updateInternalDependents": "always"
-  }
+    "$schema": "https://unpkg.com/@changesets/config@2/schema.json",
+    "changelog": ["@changesets/changelog-github", { "repo": "Khan/perseus" }],
+    "commit": ["@changesets/cli/commit", { "skipCI": false }],
+    "linked": [],
+    "access": "public",
+    "baseBranch": "main",
+    "updateInternalDependencies": "patch",
+    "ignore": [],
+    "___experimentalUnsafeOptions_WILL_CHANGE_IN_PATCH": {
+        "updateInternalDependents": "always"
+    }
 }

.devcontainer/devcontainer.json

@@ -1,22 +1,22 @@
 // For format details, see https://aka.ms/devcontainer.json. For config options, see the
 // README at: https://github.com/devcontainers/templates/tree/main/src/typescript-node
 {
-	"name": "Node.js & TypeScript",
-	// Or use a Dockerfile or Docker Compose file. More info: https://containers.dev/guide/dockerfile
-	"image": "mcr.microsoft.com/devcontainers/typescript-node:16",
+    "name": "Node.js & TypeScript",
+    // Or use a Dockerfile or Docker Compose file. More info: https://containers.dev/guide/dockerfile
+    "image": "mcr.microsoft.com/devcontainers/typescript-node:16",
 
-	// Features to add to the dev container. More info: https://containers.dev/features.
-	// "features": {},
+    // Features to add to the dev container. More info: https://containers.dev/features.
+    // "features": {},
 
-	// Use 'forwardPorts' to make a list of ports inside the container available locally.
-	"forwardPorts": [6006],
+    // Use 'forwardPorts' to make a list of ports inside the container available locally.
+    "forwardPorts": [6006],
 
-	// Use 'postCreateCommand' to run commands after the container is created.
-	"postCreateCommand": "pnpm install"
+    // Use 'postCreateCommand' to run commands after the container is created.
+    "postCreateCommand": "pnpm install"
 
-	// Configure tool-specific properties.
-	// "customizations": {},
+    // Configure tool-specific properties.
+    // "customizations": {},
 
-	// Uncomment to connect as root instead. More info: https://aka.ms/dev-containers-non-root.
-	// "remoteUser": "root"
+    // Uncomment to connect as root instead. More info: https://aka.ms/dev-containers-non-root.
+    // "remoteUser": "root"
 }

.nycrc.json

@@ -6,9 +6,5 @@
         "packages/*/src/**/*.ts",
         "packages/*/src/**/*.tsx"
     ],
-    "exclude": [
-        "**/*.stories.tsx",
-        "**/*.test.ts",
-        "**/*.test.tsx"
-    ]
-}
+    "exclude": ["**/*.stories.tsx", "**/*.test.ts", "**/*.test.tsx"]
+}

.storybook/main.ts

@@ -1,7 +1,6 @@
-import viteConfig from "../vite.config";
-import {mergeConfig} from "vite";
-
 import type {StorybookConfig} from "@storybook/react-vite";
+import {mergeConfig} from "vite";
+import viteConfig from "../vite.config";
 
 // This is a temporary plugin option to mimic what is in PROD in regard to cascade layers.
 // Perseus LESS files are wrapped in the 'shared' layer in Webapp.

.storybook/preview.tsx

@@ -1,18 +1,16 @@
-import * as React from "react";
-import {color} from "@khanacademy/wonder-blocks-tokens";
 import {RenderStateRoot} from "@khanacademy/wonder-blocks-core";
-
+import {color} from "@khanacademy/wonder-blocks-tokens";
+import type {Preview} from "@storybook/react";
+import * as React from "react";
 import {
-    setDependencies,
     DependenciesContext,
+    setDependencies,
 } from "../packages/perseus/src/dependencies";
 import {
-    storybookTestDependencies,
     storybookDependenciesV2,
+    storybookTestDependencies,
 } from "../testing/test-dependencies";
 
-import type {Preview} from "@storybook/react";
-
 // IMPORTANT: This code runs ONCE per story file, not per story within that file.
 // If you want code to run once per story, see `StorybookWrapper`.
 

biome.jsonc

@@ -1,58 +1,64 @@
 {
-    "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
+    "$schema": "./node_modules/@biomejs/biome/configuration_schema.json",
     "files": {
         "ignoreUnknown": false,
-        "ignore": [
-            "data/questions/",
-            "__genfiles__/",
-            "dist/",
-            "vendor/",
-            "storybook-static/",
-            "styles/khan-exercise.css"
-        ]
+        "includes": [
+            "**",
+            "!data/questions",
+            "!**/__genfiles__",
+            "!dist/",
+            "!vendor",
+            "!storybook-static",
+        ],
     },
     "vcs": {
+        "enabled": true,
         "clientKind": "git",
-        "useIgnoreFile": true
+        "useIgnoreFile": true,
     },
     "formatter": {
         "enabled": true,
-        "useEditorconfig": true
-    },
-    "organizeImports": {
-        "enabled": false
+        "useEditorconfig": true,
     },
     "linter": {
         "enabled": false,
         "rules": {
-            "recommended": true
-        }
+            "recommended": true,
+        },
+    },
+    "assist": {
+        "actions": {
+            "source": {
+                "organizeImports": "on",
+            },
+        },
     },
     "javascript": {
         "formatter": {
             "quoteStyle": "double",
             "trailingCommas": "all",
 
-            "bracketSpacing": false
-        }
+            "bracketSpacing": false,
+        },
     },
     "overrides": [
         {
-            "include": [
+            "includes": [
                 "tsconfig-build.json",
                 "tsconfig-common.json",
                 "tsconfig-shared.json",
-                "tsconfig.json"
+                "tsconfig.json",
+                "biome.jsonc",
             ],
             "json": {
                 "formatter": {
-                    "trailingCommas": "all"
+                    "trailingCommas": "all",
                 },
                 "parser": {
+                    "allowComments": true,
                     "allowTrailingCommas": true,
-                    "allowComments": true
-                }
-            }
-        }
-    ]
+                },
+            },
+        },
+    ],
 }

config/build/rollup.config.js

@@ -1,13 +1,13 @@
 /* eslint-disable import/no-commonjs */
-import fs from "fs";
-import path from "path";
 
 import alias from "@rollup/plugin-alias";
 import {babel} from "@rollup/plugin-babel";
 import commonjs from "@rollup/plugin-commonjs";
 import resolve from "@rollup/plugin-node-resolve";
 import replace from "@rollup/plugin-replace";
 import ancesdir from "ancesdir";
+import fs from "fs";
+import path from "path";
 import autoExternal from "rollup-plugin-auto-external";
 import filesize from "rollup-plugin-filesize";
 import styles from "rollup-plugin-styles";

config/cypress/cypress.config.ts

@@ -1,9 +1,8 @@
+import {defineConfig} from "cypress";
 import fs from "fs";
 import path from "path";
 import {mergeConfig} from "vite";
 import istanbul from "vite-plugin-istanbul";
-
-import {defineConfig} from "cypress";
 import viteConfig from "../../vite.config";
 
 const aliases = {};

data/find-questions.ts

@@ -7,11 +7,10 @@
  * - run: ./find-questions.js
  */
 
+import type {PerseusRenderer} from "@khanacademy/perseus-core";
 import fs from "fs";
 import path from "path";
 
-import type {PerseusRenderer} from "@khanacademy/perseus-core";
-
 // ==========================
 // MODIFY THIS WHEN SEARCHING
 // ==========================

dev/editable-controlled-input.tsx

@@ -1,8 +1,7 @@
+import type {PropsFor} from "@khanacademy/wonder-blocks-core";
 import * as React from "react";
 import {useState} from "react";
 
-import type {PropsFor} from "@khanacademy/wonder-blocks-core";
-
 type Props = Omit<PropsFor<"input">, "value" | "onInput"> & {
     value: string;
     onInput: (newValue: string) => unknown;