lightnet 3.11.0 → 3.12.1

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # lightnet
 
+## 3.12.1
+
+### Patch Changes
+
+- [#356](https://github.com/LightNetDev/LightNet/pull/356) [`81e5749`](https://github.com/LightNetDev/LightNet/commit/81e57498caa24c480bab43b1f368c9028637dad6) Thanks [@smn-cds](https://github.com/smn-cds)! - **Remove code for experimental Admin UI.**
+
+  We are exploring a different way to implement it. Yet we consider reusing this code later.
+
+- [#358](https://github.com/LightNetDev/LightNet/pull/358) [`ca9f983`](https://github.com/LightNetDev/LightNet/commit/ca9f98337e35878761d353916b189ce7364ddbf2) Thanks [@smn-cds](https://github.com/smn-cds)! - Update dependencies, disable i18next support notice
+
+- [#356](https://github.com/LightNetDev/LightNet/pull/356) [`81e5749`](https://github.com/LightNetDev/LightNet/commit/81e57498caa24c480bab43b1f368c9028637dad6) Thanks [@smn-cds](https://github.com/smn-cds)! - Remove unused internal `getRawMediaItems` function.
+
+- [#354](https://github.com/LightNetDev/LightNet/pull/354) [`1c3c7ea`](https://github.com/LightNetDev/LightNet/commit/1c3c7eac0384f9c57da89c2abddabd91c20dcfa2) Thanks [@smn-cds](https://github.com/smn-cds)! - Fix search input background on IOS safari
+
+- [#354](https://github.com/LightNetDev/LightNet/pull/354) [`1c3c7ea`](https://github.com/LightNetDev/LightNet/commit/1c3c7eac0384f9c57da89c2abddabd91c20dcfa2) Thanks [@smn-cds](https://github.com/smn-cds)! - Do not apply TailwindCSS base styles to every page by default.
+
+## 3.12.0
+
+### Minor Changes
+
+- [#351](https://github.com/LightNetDev/LightNet/pull/351) [`a1f63bf`](https://github.com/LightNetDev/LightNet/commit/a1f63bfa30448fdf58bfb1ff24007caa750349e0) Thanks [@smn-cds](https://github.com/smn-cds)! - Add an external fallback UI for audio content so non-mp3 URLs show a player-style link that opens in a new tab.
+
+- [#351](https://github.com/LightNetDev/LightNet/pull/351) [`a1f63bf`](https://github.com/LightNetDev/LightNet/commit/a1f63bfa30448fdf58bfb1ff24007caa750349e0) Thanks [@smn-cds](https://github.com/smn-cds)! - Add a fallback in the video player so any video URL can be used on the "video" details page. Unsupported providers now render a poster-style link that opens the video on the external site.
+
 ## 3.11.0
 
 ### Minor Changes

package/__e2e__/admin.spec.ts

@@ -1,14 +1,7 @@
-import { readFile } from "node:fs/promises"
-
-import { expect, type Page } from "@playwright/test"
+import { expect } from "@playwright/test"
 
 import { test } from "./basics-fixture"
 
-const faithfulFreestyleMediaUrl = new URL(
-  "./fixtures/basics/src/content/media/faithful-freestyle--en.json",
-  import.meta.url,
-)
-
 test.describe("Edit button on details page", () => {
   test("Should not show `Edit` button on details page by default.", async ({
     page,
@@ -24,361 +17,4 @@ test.describe("Edit button on details page", () => {
     const editButton = page.locator("#edit-btn")
     await expect(editButton).toBeHidden()
   })
-
-  test("Should show `Edit` button on book details page after visiting `/admin/` path.", async ({
-    page,
-    lightnet,
-  }) => {
-    const ln = await lightnet()
-
-    await page.goto(ln.resolveURL("/admin/"))
-    await expect(
-      page.getByText("Admin features are enabled now.", { exact: true }),
-    ).toBeVisible()
-
-    await page.goto(ln.resolveURL("/en/media/faithful-freestyle--en"))
-    await expect(
-      page.getByRole("heading", { name: "Faithful Freestyle" }),
-    ).toBeVisible()
-
-    const editButton = page.locator("#edit-btn")
-    await expect(editButton).toBeVisible()
-    await expect(editButton).toHaveAttribute(
-      "href",
-      "/admin/media/faithful-freestyle--en",
-    )
-  })
-
-  test("Should show `Edit` button on video details page after visiting `/admin/` path.", async ({
-    page,
-    lightnet,
-  }) => {
-    const ln = await lightnet("/admin/")
-
-    await expect(
-      page.getByText("Admin features are enabled now.", { exact: true }),
-    ).toBeVisible()
-
-    await page.goto(ln.resolveURL("/en/media/how-to-kickflip--de"))
-    await expect(
-      page.getByRole("heading", { name: "Kickflip Anleitung" }),
-    ).toBeVisible()
-
-    const editButton = page.locator("#edit-btn")
-    await expect(editButton).toBeVisible()
-    await expect(editButton).toHaveAttribute(
-      "href",
-      "/admin/media/how-to-kickflip--de",
-    )
-  })
-
-  test("Should show `Edit` button on audio details page after visiting `/admin/` path.", async ({
-    page,
-    lightnet,
-  }) => {
-    const ln = await lightnet("/admin/")
-
-    await expect(
-      page.getByText("Admin features are enabled now.", { exact: true }),
-    ).toBeVisible()
-
-    await page.goto(ln.resolveURL("/en/media/skate-sounds--en"))
-    await expect(
-      page.getByRole("heading", { name: "Skate Sounds" }),
-    ).toBeVisible()
-
-    const editButton = page.locator("#edit-btn")
-    await expect(editButton).toBeVisible()
-    await expect(editButton).toHaveAttribute(
-      "href",
-      "/admin/media/skate-sounds--en",
-    )
-  })
-
-  test("Edit button on details page should navigate to media item edit page", async ({
-    page,
-    lightnet,
-  }) => {
-    const ln = await lightnet("/admin/")
-    await ln.goto("/en/media/faithful-freestyle--en")
-
-    const editButton = page.locator("#edit-btn")
-    await expect(editButton).toBeVisible()
-
-    await editButton.click()
-    await expect(page).toHaveURL(
-      ln.resolveURL("/admin/media/faithful-freestyle--en"),
-    )
-    await expect(
-      page.getByText("Edit media item", { exact: false }),
-    ).toBeVisible()
-  })
-})
-
-test.describe("Media item edit page", () => {
-  const recordWriteFile = async (page: Page) => {
-    type WriteFileRequest = { url: string; body: unknown }
-    let resolveWriteFileRequest: ((value: WriteFileRequest) => void) | null =
-      null
-    const writeFileRequestPromise = new Promise<WriteFileRequest>((resolve) => {
-      resolveWriteFileRequest = resolve
-    })
-    await page.route("**/api/internal/fs/write-file?*", async (route) => {
-      const request = route.request()
-      resolveWriteFileRequest?.({
-        url: request.url(),
-        body: JSON.parse(request.postData() ?? ""),
-      })
-      await route.fulfill({
-        status: 200,
-        contentType: "application/json",
-        body: JSON.stringify({ status: "ok" }),
-      })
-    })
-    return () => writeFileRequestPromise
-  }
-
-  const getPublishButton = (page: Page) =>
-    page.getByRole("button", { name: "Publish changes" }).first()
-
-  const expectPublishedMessage = (page: Page) =>
-    expect(
-      page.getByRole("button", { name: "Published" }).first(),
-    ).toBeVisible()
-
-  test("should edit title", async ({ page, lightnet }) => {
-    await lightnet("/admin/media/faithful-freestyle--en")
-    const writeFileRequest = await recordWriteFile(page)
-
-    const updatedTitle = "Faithful Freestyle (Edited)"
-    const titleInput = page.getByLabel("Title")
-    await expect(titleInput).toHaveValue("Faithful Freestyle")
-    await titleInput.fill(updatedTitle)
-
-    const saveButton = getPublishButton(page)
-    await expect(saveButton).toBeEnabled()
-    await saveButton.click()
-
-    const { url, body } = await writeFileRequest()
-    expect(url).toContain(
-      "/api/internal/fs/write-file?path=src%2Fcontent%2Fmedia%2Ffaithful-freestyle--en.json",
-    )
-
-    const expectedMediaItem = JSON.parse(
-      await readFile(faithfulFreestyleMediaUrl, "utf-8"),
-    )
-    expect(body).toEqual({
-      ...expectedMediaItem,
-      title: updatedTitle,
-    })
-    await expectPublishedMessage(page)
-  })
-
-  test("Should update media type", async ({ page, lightnet }) => {
-    await lightnet("/admin/media/faithful-freestyle--en")
-    const writeFileRequest = await recordWriteFile(page)
-
-    const typeSelect = page.getByLabel("Type").first()
-    await expect(typeSelect).toHaveValue("book")
-    await typeSelect.selectOption("video")
-
-    const saveButton = getPublishButton(page)
-    await expect(saveButton).toBeEnabled()
-    await saveButton.click()
-
-    const { body } = await writeFileRequest()
-    const expectedMediaItem = JSON.parse(
-      await readFile(faithfulFreestyleMediaUrl, "utf-8"),
-    )
-    expect(body).toEqual({
-      ...expectedMediaItem,
-      type: "video",
-    })
-    await expectPublishedMessage(page)
-  })
-
-  test("Should update author name", async ({ page, lightnet }) => {
-    await lightnet("/admin/media/faithful-freestyle--en")
-    const writeFileRequest = await recordWriteFile(page)
-
-    const authorsFieldset = page.getByRole("group", { name: "Authors" })
-    const firstAuthorInput = authorsFieldset.getByRole("textbox").first()
-    const updatedAuthor = "Sk8 Ministries International"
-    await expect(firstAuthorInput).toHaveValue("Sk8 Ministries")
-    await firstAuthorInput.fill(updatedAuthor)
-
-    const saveButton = getPublishButton(page)
-    await expect(saveButton).toBeEnabled()
-    await saveButton.click()
-
-    const { body } = await writeFileRequest()
-    const expectedMediaItem = JSON.parse(
-      await readFile(faithfulFreestyleMediaUrl, "utf-8"),
-    )
-    expect(body).toEqual({
-      ...expectedMediaItem,
-      authors: [updatedAuthor],
-    })
-    await expectPublishedMessage(page)
-  })
-
-  test("Should add author", async ({ page, lightnet }) => {
-    await lightnet("/admin/media/faithful-freestyle--en")
-    const writeFileRequest = await recordWriteFile(page)
-
-    const authorsFieldset = page.getByRole("group", { name: "Authors" })
-    const addAuthorButton = page.getByRole("button", { name: "Add Author" })
-    await addAuthorButton.click()
-    const newAuthorInput = authorsFieldset.getByRole("textbox").last()
-    const additionalAuthor = "Tony Hawk"
-    await newAuthorInput.fill(additionalAuthor)
-
-    const saveButton = getPublishButton(page)
-    await expect(saveButton).toBeEnabled()
-    await saveButton.click()
-
-    const { body } = await writeFileRequest()
-    const expectedMediaItem = JSON.parse(
-      await readFile(faithfulFreestyleMediaUrl, "utf-8"),
-    )
-    expect(body).toEqual({
-      ...expectedMediaItem,
-      authors: ["Sk8 Ministries", additionalAuthor],
-    })
-    await expectPublishedMessage(page)
-  })
-
-  test("Should remove author", async ({ page, lightnet }) => {
-    await lightnet("/admin/media/faithful-freestyle--en")
-    const writeFileRequest = await recordWriteFile(page)
-
-    const authorsFieldset = page.getByRole("group", { name: "Authors" })
-    const addAuthorButton = page.getByRole("button", { name: "Add Author" })
-    const replacementAuthor = "Skate Evangelists"
-    await addAuthorButton.click()
-    const addedAuthorInput = authorsFieldset.getByRole("textbox").last()
-    await addedAuthorInput.fill(replacementAuthor)
-
-    const removeButtons = authorsFieldset.getByRole("button", {
-      name: "Remove",
-    })
-    await removeButtons.first().click()
-
-    const saveButton = getPublishButton(page)
-    await expect(saveButton).toBeEnabled()
-    await saveButton.click()
-
-    const { body } = await writeFileRequest()
-    const expectedMediaItem = JSON.parse(
-      await readFile(faithfulFreestyleMediaUrl, "utf-8"),
-    )
-    expect(body).toEqual({
-      ...expectedMediaItem,
-      authors: [replacementAuthor],
-    })
-    await expectPublishedMessage(page)
-  })
-
-  test("should show error message if common id is set empty", async ({
-    page,
-    lightnet,
-  }) => {
-    await lightnet("/admin/media/faithful-freestyle--en")
-
-    const commonIdInput = page.getByLabel("Common ID")
-    await expect(commonIdInput).toHaveValue("faithful-freestyle")
-
-    await commonIdInput.fill("")
-    await commonIdInput.blur()
-
-    await expect(
-      page
-        .getByRole("alert")
-        .filter({ hasText: "Please enter at least one character." }),
-    ).toBeVisible()
-  })
-
-  test("should focus invalid field when submitting invalid form data", async ({
-    page,
-    lightnet,
-  }) => {
-    await lightnet("/admin/media/faithful-freestyle--en")
-
-    const categoriesFieldset = page.getByRole("group", { name: "Categories" })
-    await page.getByRole("button", { name: "Add Category" }).click()
-    const newCategorySelect = categoriesFieldset.getByRole("combobox").last()
-    await expect(newCategorySelect).toHaveValue("")
-
-    // move focus away so the submission handler needs to return focus
-    await page.getByLabel("Title").click()
-
-    const saveButton = getPublishButton(page)
-    await saveButton.click()
-
-    await expect(
-      page.getByRole("alert").filter({ hasText: "This field is required." }),
-    ).toBeVisible()
-    await expect(newCategorySelect).toBeFocused()
-  })
-
-  test("should not allow assigning duplicate categories", async ({
-    page,
-    lightnet,
-  }) => {
-    await lightnet("/admin/media/faithful-freestyle--en")
-
-    const categoriesFieldset = page.getByRole("group", { name: "Categories" })
-    await page.getByRole("button", { name: "Add Category" }).click()
-
-    const categorySelects = categoriesFieldset.getByRole("combobox")
-    const firstCategoryValue = await categorySelects.first().inputValue()
-    const duplicateCategorySelect = categorySelects.last()
-    await duplicateCategorySelect.selectOption(firstCategoryValue)
-
-    const publishButton = getPublishButton(page)
-    await publishButton.click()
-
-    const duplicateCategoryError = categoriesFieldset
-      .getByRole("alert")
-      .filter({ hasText: "Please choose a different value for each entry." })
-    await expect(duplicateCategoryError).toBeVisible()
-    await expect(duplicateCategorySelect).toHaveAttribute(
-      "aria-invalid",
-      "true",
-    )
-  })
-
-  test("should not submit the form on enter", async ({ page, lightnet }) => {
-    await lightnet("/admin/media/faithful-freestyle--en")
-    const writeFileRequest = await recordWriteFile(page)
-    const writePromise = writeFileRequest()
-
-    const updatedTitle = "Faithful Freestyle (Enter key)"
-    const titleInput = page.getByLabel("Title")
-    await titleInput.fill(updatedTitle)
-
-    const publishButton = getPublishButton(page)
-    await expect(publishButton).toBeEnabled()
-
-    await titleInput.press("Enter")
-
-    const enterResult = await Promise.race([
-      writePromise.then(() => "submitted"),
-      page.waitForTimeout(500).then(() => "timeout"),
-    ])
-    expect(enterResult).toBe("timeout")
-    await expect(publishButton).toBeEnabled()
-
-    await publishButton.click()
-
-    const expectedMediaItem = JSON.parse(
-      await readFile(faithfulFreestyleMediaUrl, "utf-8"),
-    )
-    const { body } = await writePromise
-    expect(body).toEqual({
-      ...expectedMediaItem,
-      title: updatedTitle,
-    })
-    await expectPublishedMessage(page)
-  })
 })

package/__e2e__/fixtures/basics/node_modules/.bin/astro

@@ -10,9 +10,9 @@ case `uname` in
 esac
 
 if [ -z "$NODE_PATH" ]; then
-  export NODE_PATH="/home/runner/work/LightNet/LightNet/node_modules/.pnpm/astro@5.16.6_@types+node@25.0.3_jiti@2.4.2_lightningcss@1.29.1_rollup@4.54.0_terser@5.39.0_typescript@5.9.3_yaml@2.8.2/node_modules/astro/node_modules:/home/runner/work/LightNet/LightNet/node_modules/.pnpm/astro@5.16.6_@types+node@25.0.3_jiti@2.4.2_lightningcss@1.29.1_rollup@4.54.0_terser@5.39.0_typescript@5.9.3_yaml@2.8.2/node_modules:/home/runner/work/LightNet/LightNet/node_modules/.pnpm/node_modules"
+  export NODE_PATH="/home/runner/work/LightNet/LightNet/node_modules/.pnpm/astro@5.17.2_@types+node@25.0.3_jiti@2.4.2_lightningcss@1.29.1_rollup@4.57.1_terser@5.39.0_typescript@5.9.3_yaml@2.8.2/node_modules/astro/node_modules:/home/runner/work/LightNet/LightNet/node_modules/.pnpm/astro@5.17.2_@types+node@25.0.3_jiti@2.4.2_lightningcss@1.29.1_rollup@4.57.1_terser@5.39.0_typescript@5.9.3_yaml@2.8.2/node_modules:/home/runner/work/LightNet/LightNet/node_modules/.pnpm/node_modules"
 else
-  export NODE_PATH="/home/runner/work/LightNet/LightNet/node_modules/.pnpm/astro@5.16.6_@types+node@25.0.3_jiti@2.4.2_lightningcss@1.29.1_rollup@4.54.0_terser@5.39.0_typescript@5.9.3_yaml@2.8.2/node_modules/astro/node_modules:/home/runner/work/LightNet/LightNet/node_modules/.pnpm/astro@5.16.6_@types+node@25.0.3_jiti@2.4.2_lightningcss@1.29.1_rollup@4.54.0_terser@5.39.0_typescript@5.9.3_yaml@2.8.2/node_modules:/home/runner/work/LightNet/LightNet/node_modules/.pnpm/node_modules:$NODE_PATH"
+  export NODE_PATH="/home/runner/work/LightNet/LightNet/node_modules/.pnpm/astro@5.17.2_@types+node@25.0.3_jiti@2.4.2_lightningcss@1.29.1_rollup@4.57.1_terser@5.39.0_typescript@5.9.3_yaml@2.8.2/node_modules/astro/node_modules:/home/runner/work/LightNet/LightNet/node_modules/.pnpm/astro@5.17.2_@types+node@25.0.3_jiti@2.4.2_lightningcss@1.29.1_rollup@4.57.1_terser@5.39.0_typescript@5.9.3_yaml@2.8.2/node_modules:/home/runner/work/LightNet/LightNet/node_modules/.pnpm/node_modules:$NODE_PATH"
 fi
 if [ -x "$basedir/node" ]; then
   exec "$basedir/node"  "$basedir/../astro/astro.js" "$@"

package/__e2e__/fixtures/basics/package.json

@@ -7,10 +7,10 @@
     "@astrojs/react": "^4.4.2",
     "@astrojs/tailwind": "^6.0.2",
     "@lightnet/decap-admin": "^3.1.4",
-    "astro": "^5.16.6",
-    "lightnet": "^3.11.0",
-    "react": "^19.2.3",
-    "react-dom": "^19.2.3",
+    "astro": "^5.17.2",
+    "lightnet": "^3.12.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
     "sharp": "^0.34.5",
     "tailwindcss": "^3.4.19",
     "typescript": "^5.9.3"

package/package.json

@@ -3,7 +3,7 @@
   "description": "LightNet makes it easy to run your own digital media library.",
   "type": "module",
   "license": "MIT",
-  "version": "3.11.0",
+  "version": "3.12.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/LightNetDev/lightnet",
@@ -32,11 +32,7 @@
     "./pages/SearchPageRoute.astro": "./src/pages/search-page/SearchPageRoute.astro",
     "./pages/DetailsPageRoute.astro": "./src/pages/details-page/DetailsPageRoute.astro",
     "./api/internal/search.ts": "./src/pages/search-page/api/search.ts",
-    "./api/versions.ts": "./src/api/versions.ts",
-    "./api/media/[mediaId].ts": "./src/api/media/[mediaId].ts",
-    "./api/internal/fs/write-file.ts": "./src/admin/api/fs/write-file.ts",
-    "./admin/pages/AdminRoute.astro": "./src/admin/pages/AdminRoute.astro",
-    "./admin/pages/media/EditRoute.astro": "./src/admin/pages/media/EditRoute.astro"
+    "./api/versions.ts": "./src/api/versions.ts"
   },
   "peerDependencies": {
     "astro": "^5.1.0",
@@ -47,27 +43,24 @@
   "dependencies": {
     "@astrojs/react": "^4.4.2",
     "@astrojs/tailwind": "^6.0.2",
-    "@hookform/resolvers": "^5.2.2",
     "@iconify-json/mdi": "^1.2.3",
     "@iconify/tailwind": "^1.2.0",
-    "@mdxeditor/editor": "^3.52.1",
     "@tailwindcss/typography": "^0.5.19",
-    "@tanstack/react-virtual": "^3.13.13",
+    "@tanstack/react-virtual": "^3.13.18",
     "daisyui": "^4.12.24",
     "embla-carousel": "^8.6.0",
     "embla-carousel-wheel-gestures": "^8.1.0",
     "fuse.js": "^7.1.0",
-    "i18next": "^25.7.3",
+    "i18next": "^25.8.5",
     "marked": "^16.4.2",
-    "react-hook-form": "^7.69.0",
     "yaml": "^2.8.2"
   },
   "devDependencies": {
-    "@playwright/test": "^1.57.0",
-    "@types/node": "^22.19.3",
-    "@types/react": "^19.2.7",
+    "@playwright/test": "^1.58.2",
+    "@types/node": "^22.19.11",
+    "@types/react": "^19.2.14",
     "typescript": "^5.9.3",
-    "vitest": "^4.0.16"
+    "vitest": "^4.0.18"
   },
   "engines": {
     "node": ">=22"

package/src/astro-integration/config.ts

@@ -220,28 +220,7 @@ export const configSchema = z.object({
   /**
    * Experimental features. Subject to change with any release.
    */
-  experimental: z
-    .object({
-      /**
-       * Configure administration interface.
-       */
-      admin: z
-        .object({
-          enabled: z.boolean().default(false),
-          /**
-           * Currently we only support english as Admin UI language.
-           */
-          languageCode: z.literal("en").default("en"),
-          /**
-           * Max file size to upload in mega bytes.
-           *
-           * Default is 25 (this aligns with Cloudflare's max file size).
-           */
-          maxFileSize: z.number().default(25),
-        })
-        .optional(),
-    })
-    .optional(),
+  experimental: z.object({}).optional(),
 })
 
 export type Language = z.input<typeof languageSchema>

package/src/astro-integration/integration.ts

@@ -19,7 +19,6 @@ export function lightnet(lightnetConfig: LightnetConfig): AstroIntegration {
         updateConfig,
         logger,
         addMiddleware,
-        command,
       }) => {
         const config = verifySchema(
           configSchema,
@@ -64,46 +63,12 @@ export function lightnet(lightnetConfig: LightnetConfig): AstroIntegration {
           prerender: true,
         })
 
-        if (config.experimental?.admin?.enabled) {
-          injectRoute({
-            pattern: "/api/media/[mediaId].json",
-            entrypoint: "lightnet/api/media/[mediaId].ts",
-            prerender: true,
-          })
-
-          injectRoute({
-            pattern: "/admin",
-            entrypoint: "lightnet/admin/pages/AdminRoute.astro",
-            prerender: true,
-          })
-          injectRoute({
-            pattern: "/admin/media/[mediaId]",
-            entrypoint: "lightnet/admin/pages/media/EditRoute.astro",
-            prerender: true,
-          })
-        }
-
-        // During local development admin ui can use
-        // this endpoints to write files.
-        if (config.experimental?.admin?.enabled && command === "dev") {
-          injectRoute({
-            pattern: "/api/internal/fs/write-file",
-            entrypoint: "lightnet/api/internal/fs/write-file.ts",
-            prerender: false,
-          })
-          // Add empty adapter to avoid warning
-          // about missing adapter.
-          // This hack might break in the future :(
-          // We could also set the "node" adapter if no
-          // adapter has been set by user.
-          if (!astroConfig.adapter) {
-            updateConfig({ adapter: {} })
-          }
-        }
-
         addMiddleware({ entrypoint: "lightnet/locals", order: "pre" })
 
-        astroConfig.integrations.push(tailwind(), react())
+        astroConfig.integrations.push(
+          tailwind({ applyBaseStyles: false }),
+          react(),
+        )
 
         updateConfig({
           vite: {