wip

Author: thecrypticace

packages/tailwindcss-language-server/src/lib/loader/register.js

@@ -0,0 +1,28 @@
+import { register } from 'node:module'
+import { pathToFileURL } from 'node:url'
+import { MessageChannel } from 'node:worker_threads'
+
+export function register() {
+  const { port1, port2 } = new MessageChannel()
+
+  // Port 1 is the "local" port
+  port1.on('message', (msg) => console.log(msg))
+  port1.unref()
+
+  return {}
+}
+
+// // This example showcases how a message channel can be used to
+// // communicate with the hooks, by sending `port2` to the hooks.
+// const { port1, port2 } = new MessageChannel()
+
+// port1.on('message', (msg) => {
+//   console.log(msg)
+// })
+// port1.unref()
+
+// register('./my-hooks.mjs', {
+//   parentURL: pathToFileURL(__filename),
+//   data: { number: 1, port: port2 },
+//   transferList: [port2],
+// })

packages/tailwindcss-language-server/src/testing/index.ts

@@ -1,5 +1,6 @@
 import { afterAll, onTestFinished, test, TestOptions } from 'vitest'
 import * as fs from 'node:fs/promises'
+import * as os from 'node:os'
 import * as path from 'node:path'
 import * as proc from 'node:child_process'
 import dedent from 'dedent'

packages/tailwindcss-language-server/tests/common.ts

@@ -1,6 +1,6 @@
 import * as path from 'node:path'
 import { beforeAll, describe } from 'vitest'
-import { connect } from './connection'
+import { connect, launch } from './connection'
 import {
   CompletionRequest,
   ConfigurationRequest,
@@ -43,14 +43,25 @@ interface FixtureContext
   }
 }
 
+export interface InitOptions {
+  /**
+   * How to connect to the LSP:
+   * - `in-band` uses the same process
+   * - `launch-binary` launches the binary as a separate process and connects
+   * to stdin/stdout
+   */
+  mode?: 'in-band' | 'spawn'
+}
+
 export async function init(
   fixture: string | string[],
   options: Record<string, any> = {},
+  initOpts: InitOptions = {},
 ): Promise<FixtureContext> {
   let settings = {}
   let docSettings = new Map<string, Settings>()
 
-  const { client } = await connect()
+  const { client } = initOpts?.mode === 'spawn' ? await launch() : await connect()
 
   const capabilities: ClientCapabilities = {
     textDocument: {

packages/tailwindcss-language-server/tests/env/v4.test.js

@@ -1,7 +1,7 @@
 import { expect } from 'vitest'
 import { init } from '../common'
 import { HoverRequest } from 'vscode-languageserver'
-import { defineTest, json } from '../../src/testing'
+import { css, defineTest, js, json } from '../../src/testing'
 import dedent from 'dedent'
 import { CompletionRequest } from 'vscode-languageserver-protocol'
 
@@ -60,6 +60,73 @@ defineTest({
   },
 })
 
+defineTest({
+  name: 'v4, no npm, with plugins',
+  fs: {
+    'app.css': css`
+      @import 'tailwindcss';
+      @plugin "./plugin.js";
+    `,
+    'plugin.js': js`
+      import plugin from 'tailwindcss/plugin'
+
+      export default plugin(function ({ addUtilities }) {
+        addUtilities({
+          '.example': {
+            color: 'red',
+          },
+        })
+      })
+    `,
+  },
+
+  prepare: async ({ root }) => ({
+    c: await init(
+      root,
+      {},
+      {
+        mode: 'spawn',
+      },
+    ),
+  }),
+  handle: async ({ c }) => {
+    let textDocument = await c.openDocument({
+      lang: 'html',
+      text: '<div class="example">',
+    })
+
+    expect(c.project).toMatchObject({
+      tailwind: {
+        version: '4.0.0',
+        isDefaultVersion: true,
+      },
+    })
+
+    let hover = await c.sendRequest(HoverRequest.type, {
+      textDocument,
+
+      // <div class="example">
+      //             ^
+      position: { line: 0, character: 13 },
+    })
+
+    expect(hover).toEqual({
+      contents: {
+        language: 'css',
+        value: dedent`
+          .example {
+            color: red;
+          }
+        `,
+      },
+      range: {
+        start: { line: 0, character: 12 },
+        end: { line: 0, character: 19 },
+      },
+    })
+  },
+})
+
 defineTest({
   name: 'v4, with npm, uses local',
   fs: {