test(apps): verify patch and mangle integrations

Author: sonofmagic

.changeset/green-apps-serve.md

@@ -0,0 +1,5 @@
+---
+"tailwindcss-patch": patch
+---
+
+Resolve Tailwind CSS and Tailwind plugins from the configured project root when running in app workspaces.

.gitignore

@@ -37,3 +37,4 @@ vite.config.ts.timestamp-*.mjs
 config.ts.timestamp-*.mjs
 .vite-inspect
 apps/astro-app/.astro
+apps/vite-lit/types

apps/remix-app/app/entry.server.tsx

@@ -6,9 +6,8 @@
 
 import type { EntryContext } from '@remix-run/node'
 import { PassThrough } from 'node:stream'
-import { Response } from '@remix-run/node'
 import { RemixServer } from '@remix-run/react'
-import isbot from 'isbot'
+import { isbot } from 'isbot'
 import { renderToPipeableStream } from 'react-dom/server'
 
 const ABORT_DELAY = 5_000

apps/remix-app/package.json

@@ -9,7 +9,7 @@
   "scripts": {
     "build": "remix build",
     "dev": "remix dev",
-    "start": "remix-serve build",
+    "start": "remix-serve build/index.js",
     "typecheck": "tsc",
     "prepare": "tw-patch install",
     "tw-extract": "tw-patch extract"

apps/remix-app/remix.config.js

@@ -1,6 +1,7 @@
 /** @type {import('@remix-run/dev').AppConfig} */
 module.exports = {
   ignoredRouteFiles: ['**/.*'],
+  serverModuleFormat: 'cjs',
   // appDirectory: "app",
   // assetsBuildDirectory: "public/build",
   // serverBuildPath: "build/index.js",

apps/vite-lit/package.json

@@ -14,7 +14,9 @@
   ],
   "scripts": {
     "dev": "vite",
-    "_build": "tsc && vite build",
+    "build": "tsc && vite build",
+    "_build": "pnpm run build",
+    "preview": "vite preview",
     "prepare": "tw-patch install",
     "tw-extract": "tw-patch extract"
   },

apps/vite-lit/src/my-element.ts

@@ -100,10 +100,6 @@ export class MyElement extends LitElement {
     `
   }
 
-  private _onClick() {
-    this.count++
-  }
-
   static styles = css`
     :host {
       max-width: 1280px;

apps/vite-lit/tsconfig.json

@@ -6,6 +6,7 @@
     "module": "ESNext",
     "moduleResolution": "Node",
     "strict": true,
+    "rootDir": "./src",
     "noFallthroughCasesInSwitch": true,
     "noImplicitReturns": true,
     "noUnusedLocals": true,
@@ -16,7 +17,8 @@
     "allowSyntheticDefaultImports": true,
     "forceConsistentCasingInFileNames": true,
     "isolatedModules": true,
-    "skipLibCheck": true
+    "skipLibCheck": true,
+    "ignoreDeprecations": "6.0"
   },
   "references": [{ "path": "./tsconfig.node.json" }],
   "include": ["src/**/*.ts"]

apps/vite-lit/tsconfig.node.json

@@ -2,7 +2,7 @@
   "compilerOptions": {
     "composite": true,
     "module": "ESNext",
-    "moduleResolution": "Node",
+    "moduleResolution": "Bundler",
     "allowSyntheticDefaultImports": true
   },
   "include": ["vite.config.ts"]

apps/vite-lit/vite.config.ts

@@ -2,14 +2,11 @@ import utwm from 'unplugin-tailwindcss-mangle/vite'
 import { defineConfig } from 'vite'
 // https://vitejs.dev/config/
 export default defineConfig({
-  build: {
-    lib: {
-      entry: 'src/my-element.ts',
-      formats: ['es'],
-    },
-    rollupOptions: {
-      external: /^lit/,
-    },
-  },
-  plugins: [utwm()],
+  plugins: [
+    utwm({
+      registry: {
+        mapping: true,
+      },
+    }),
+  ],
 })