chore: update library-ts example

Author: DylanPiercey

examples/library-ts/.storybook/main.ts

@@ -3,7 +3,6 @@ import type { StorybookConfig } from "@storybook/marko-vite";
 export default {
   framework: "@storybook/marko-vite",
   stories: ["../src/**/{,*.}stories.ts"],
-  addons: ["@storybook/addon-essentials"],
   core: {
     disableTelemetry: true,
     disableWhatsNewNotifications: true,

examples/library-ts/package.json

@@ -24,39 +24,37 @@
     "test": "vitest"
   },
   "devDependencies": {
-    "@eslint/js": "^9.22.0",
-    "@marko/compiler": "^5.39.13",
-    "@marko/testing-library": "^6.2.0",
-    "@marko/type-check": "^1.3.19",
-    "@marko/vite": "^5.0.14",
-    "@storybook/addon-essentials": "^8.6.4",
-    "@storybook/addon-interactions": "^8.6.4",
-    "@storybook/marko": "^9.0.3",
-    "@storybook/marko-vite": "^2.0.4",
-    "@vitest/browser": "^3.0.8",
-    "@vitest/coverage-istanbul": "^3.0.8",
-    "eslint": "^9.22.0",
+    "@eslint/js": "^9.30.0",
+    "@marko/compiler": "^5.39.28",
+    "@marko/testing-library": "^6.3.1",
+    "@marko/type-check": "^1.3.22",
+    "@marko/vite": "^5.1.7",
+    "@storybook/marko": "^10.0.0",
+    "@storybook/marko-vite": "^3.0.0",
+    "@vitest/browser": "^3.2.4",
+    "@vitest/coverage-istanbul": "^3.2.4",
+    "eslint": "^9.30.0",
     "eslint-formatter-unix": "^8.40.0",
     "eslint-plugin-simple-import-sort": "^12.1.1",
-    "globals": "^16.0.0",
+    "globals": "^16.3.0",
     "husky": "^9.1.7",
-    "lint-staged": "^15.5.0",
-    "marko": "^5.37.20",
-    "playwright": "^1.51.0",
+    "lint-staged": "^16.1.2",
+    "marko": "^5.37.40",
+    "playwright": "^1.53.2",
     "postcss-auto-modules": "^1.0.1",
     "postcss-cli": "^11.0.1",
-    "prettier": "^3.5.3",
+    "prettier": "^3.6.2",
     "prettier-plugin-marko": "^3.1.12",
-    "prettier-plugin-packagejson": "^2.5.10",
-    "storybook": "^8.6.4",
-    "stylelint": "^16.16.0",
-    "stylelint-config-standard": "^37.0.0",
-    "typescript": "^5.8.2",
-    "typescript-eslint": "^8.26.1",
-    "vite": "^6.2.2",
-    "vitest": "^3.0.8"
+    "prettier-plugin-packagejson": "^2.5.17",
+    "storybook": "^9.0.15",
+    "stylelint": "^16.21.0",
+    "stylelint-config-standard": "^38.0.0",
+    "typescript": "^5.8.3",
+    "typescript-eslint": "^8.35.1",
+    "vite": "^7.0.0",
+    "vitest": "^3.2.4"
   },
   "peerDependencies": {
-    "marko": "4 - 5"
+    "marko": "5 - 6"
   }
 }

examples/library-ts/src/components/counter/__snapshots__/server.test.ts.snap

@@ -2,15 +2,15 @@
 
 exports[`Default 1`] = `
 <button
-  class="_test_9ad46f"
+  class="_test_df99c5"
 >
   0
 </button>
 `;
 
 exports[`Double 1`] = `
 <button
-  class="_test_9ad46f"
+  class="_test_df99c5"
 >
   0
 </button>

examples/library-ts/src/components/counter/server.test.ts

@@ -1,11 +1,11 @@
-import { render, screen } from "@marko/testing-library";
+import { normalize, render, screen } from "@marko/testing-library";
 import { composeStories } from "@storybook/marko";
 
 import * as stories from "./stories";
 
 for (const [name, story] of Object.entries(composeStories(stories))) {
   test(name, async () => {
     await render(story);
-    expect(screen.getByRole("button")).toMatchSnapshot();
+    expect(normalize(screen.getByRole("button"))).toMatchSnapshot();
   });
 }

examples/library-ts/vitest.config.ts

@@ -11,5 +11,27 @@ export default defineConfig({
       provider: "istanbul",
       include: ["src/**/*"],
     },
+    projects: [
+      {
+        extends: true,
+        test: {
+          name: "server",
+          environment: "node",
+          include: ["src/**/{,*.}server.test.ts"],
+        },
+      },
+      {
+        extends: true,
+        test: {
+          name: "browser",
+          browser: {
+            enabled: true,
+            provider: isCI ? "playwright" : "preview",
+            instances: [{ browser: "chromium" }],
+          },
+          include: ["src/**/{,*.}browser.test.ts"],
+        },
+      },
+    ],
   },
 });