Tailwind plugin verbose mode (#236)

* verbose mode * more verbose
deco-sites · May 20, 2024 · e3e2e66 · e3e2e66
1 parent 19a0366
commit e3e2e66
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 6 deletions.
diff --git a/plugins/tailwind/deno.ts b/plugins/tailwind/deno.ts
@@ -24,7 +24,10 @@ const visit = (
   }
 };
 
-const importsFrom = async (path: string): Promise<string[]> => {
+const importsFrom = async (
+  path: string,
+  verbose: boolean,
+): Promise<string[]> => {
   const program = await parsePath(path);
 
   if (!program) {
@@ -56,7 +59,7 @@ const importsFrom = async (path: string): Promise<string[]> => {
 
       const arg0 = node.arguments?.[0]?.expression;
       if (arg0.type !== "StringLiteral") {
-        if (path.endsWith(".tsx")) {
+        if (path.endsWith(".tsx") && verbose) {
           console.warn([
             `Invalid import statement`,
             `TailwindCSS will not load classes from dependencies of ${path}`,
@@ -104,6 +107,7 @@ const resolveRecursively = async (
   loader: (specifier: string) => Promise<string | undefined>,
   importMapResolver: ImportMapResolver,
   cache: Map<string, string>,
+  verbose: boolean,
 ) => {
   const resolvedPath = importMapResolver.resolve(path, context);
 
@@ -113,7 +117,7 @@ const resolveRecursively = async (
 
   const [content, imports] = await Promise.all([
     loader(resolvedPath),
-    importsFrom(resolvedPath),
+    importsFrom(resolvedPath, verbose),
   ]);
 
   if (!content) {
@@ -122,13 +126,18 @@ const resolveRecursively = async (
 
   cache.set(resolvedPath, content);
 
+  if (verbose) {
+    console.log(`TailwindCSS plugin is resolving: [${imports.join(", ")}]`);
+  }
+
   await Promise.all(imports.map((imp) =>
     resolveRecursively(
       imp,
       resolvedPath,
       loader,
       importMapResolver,
       cache,
+      verbose,
     )
   ));
 };
@@ -154,6 +163,7 @@ const readImportMap = async () => {
 export const resolveDeps = async (
   entries: string[],
   cache: Map<string, string>,
+  verbose = false,
 ) => {
   const importMap = await readImportMap();
   const loader = initLoader();
@@ -170,6 +180,7 @@ export const resolveDeps = async (
       loader,
       importMapResolver,
       cache,
+      verbose,
     );
   }
 };
diff --git a/plugins/tailwind/mod.ts b/plugins/tailwind/mod.ts
@@ -86,7 +86,7 @@ rm static/tailwind.css
  * Pass the config directly to use the new dynamic features. Pass undefined
  * if you wish to have the old behavior
  */
-export const plugin = (config?: Config): Plugin => {
+export const plugin = (config?: Config & { verbose?: boolean }): Plugin => {
   const routes: Plugin["routes"] = [];
 
   if (!config) {
@@ -117,7 +117,7 @@ export const plugin = (config?: Config): Plugin => {
           }
         }
 
-        await resolveDeps([...roots.values()], allTsxFiles);
+        await resolveDeps([...roots.values()], allTsxFiles, config.verbose);
 
         return {
           ...config,
@@ -159,7 +159,7 @@ export const plugin = (config?: Config): Plugin => {
               config: await withReleaseContent(config),
             });
 
-            lru.set(revision, css);
+            lru.set(revision, css!);
           }
 
           return new Response(css, {