new option 'source' for tailwind

Author: oscarotero

CHANGELOG.md

@@ -6,6 +6,9 @@ and this project try to adheres to [Semantic Versioning](https://semver.org/).
 Go to the `v1` branch to see the changelog of Lume 1.
 
 ## [Unreleased]
+### Added
+- `tailwindcss` plugin: New option `source` to configure whether load the content from the `src` folder or from the built pages (By default is `pages`).
+
 ### Fixed
 - Updated deps: `std`, `liquidjs`, `preact`, `tailwindcss`, `xml`, `postcss`, `autoprefixer`, `unocss`.
 - Remove empty directories in `dest` folder.

plugins/tailwindcss.ts

@@ -1,6 +1,7 @@
 import tailwind from "../deps/tailwindcss.ts";
 import { getExtension } from "../core/utils/path.ts";
 import { merge } from "../core/utils/object.ts";
+import textLoader from "../core/loaders/text.ts";
 
 import type { Config } from "../deps/tailwindcss.ts";
 import type Site from "../core/site.ts";
@@ -9,6 +10,11 @@ export interface Options {
   /** Extensions processed by this plugin to extract the utility classes */
   extensions?: string[];
 
+  /**
+   * Source of the content to be processed by TailwindCSS.
+   */
+  source?: "pages" | "src";
+
   /**
    * Options passed to TailwindCSS.
    * @see https://tailwindcss.com/docs/configuration
@@ -18,6 +24,7 @@ export interface Options {
 
 export const defaults: Options = {
   extensions: [".html"],
+  source: "pages",
 };
 
 export default function (userOptions?: Options) {
@@ -33,14 +40,43 @@ export default function (userOptions?: Options) {
       );
     }
 
-    site.process(options.extensions, (pages) => {
-      // Get the content of all HTML pages (sorted by path)
-      const content = pages.sort((a, b) => a.src.path.localeCompare(b.src.path))
-        .map((page) => ({
-          raw: page.content as string,
-          extension: getExtension(page.outputPath).substring(1),
-        }));
+    if (options.source === "pages") {
+      site.process(options.extensions, (pages) => {
+        // Get the content of all HTML pages (sorted by path)
+        const content = pages.sort((a, b) =>
+          a.src.path.localeCompare(b.src.path)
+        )
+          .map((page) => ({
+            raw: page.content as string,
+            extension: getExtension(page.outputPath).substring(1),
+          }));
+        processContent(content);
+      });
+    } else {
+      site.process("*", async () => {
+        const content: Content[] = [];
+
+        for (const [, entry] of site.fs.entries) {
+          if (entry.type !== "file") {
+            continue;
+          }
+
+          if (!options.extensions?.includes(getExtension(entry.path))) {
+            continue;
+          }
+
+          const contentString = await entry.getContent(textLoader);
+          content.push({
+            raw: contentString.content as string,
+            extension: getExtension(entry.path).substring(1),
+          });
+        }
 
+        processContent(content);
+      });
+    }
+
+    function processContent(content: Content[]) {
       // Create Tailwind plugin
       // @ts-ignore: This expression is not callable.
       const plugin = tailwind({
@@ -64,6 +100,11 @@ export default function (userOptions?: Options) {
         tailwindPlugins = runner.normalize([plugin]);
         runner.plugins = runner.plugins.concat(tailwindPlugins);
       });
-    });
+    }
   };
 }
+
+interface Content {
+  raw: string;
+  extension: string;
+}