From 9688624bcee976f41eab828d85332bfcdd0ea219 Mon Sep 17 00:00:00 2001
From: Umberto Pepato <umbo.pepato@gmail.com>
Date: Wed, 21 Jun 2023 12:21:53 +0200
Subject: [PATCH] feat: exclude Vite direct style tags by default

---
 README.md | 24 +++++++++++++++++-------
 index.ts  | 16 ++++++++++------
 2 files changed, 27 insertions(+), 13 deletions(-)

diff --git a/README.md b/README.md
index bfcb28e..5419db1 100644
--- a/README.md
+++ b/README.md
@@ -148,17 +148,27 @@ import myStyles from './styles.css?inline';
 ```javascript
 postcssLit({
 
-  // A glob (or array of globs) of files to include.
-  // Default: **/*.{css,sss,pcss,styl,stylus,sass,scss,less}
+  /**
+   * A glob (or array of globs) of files to include
+   *
+   * @default '**‎/*.{css,sss,pcss,styl,stylus,sass,scss,less}?(*)'
+   */
   include: ...,
 
-  // A glob (or array of globs) of files to exclude.
-  // Default: null
+  /**
+   * A glob (or array of globs) of files to exclude
+   *
+   * The default filter is used to prevent `<style>` HTML tags from being processed in Vite contexts 
+   * @default '**‎/*\?direct*'
+   */
   exclude: ...,
 
-  // A string denoting the name of the package from which to import the `css`
-  // template tag function. For lit-element this can be changed to 'lit-element'
-  // Default: 'lit'
+  /**
+   * A string denoting the name of the package from which to import the `css`
+   * template tag function. For lit-element this can be changed to 'lit-element'
+   * 
+   * @default 'lit'
+   */
   importPackage: ...,
 }),
 ```
diff --git a/index.ts b/index.ts
index 01d2162..77e563e 100644
--- a/index.ts
+++ b/index.ts
@@ -4,21 +4,25 @@ import {PluginOption} from 'vite';
 
 interface PostcssLitOptions {
   /**
-   * A glob (or array of globs) of files to include.
-   * @default: '** /*.{css,sss,pcss,styl,stylus,sass,scss,less}'
+   * A glob (or array of globs) of files to include
+   *
+   * @default: '**&#47;*.{css,sss,pcss,styl,stylus,sass,scss,less}?(*)'
    */
   include?: string | string[];
 
   /**
-   * A glob (or array of globs) of files to exclude.
-   * @default: null
+   * A glob (or array of globs) of files to exclude
+   *
+   * The default filter is used to prevent `<style>` HTML tags from being processed in Vite contexts
+   * @default '**&#47;*\?direct*'
    */
   exclude?: string | string[];
 
   /**
    * A string denoting the name of the package from which to import the `css`
    * template tag function. For lit-element this can be changed to 'lit-element'
-   * @default: 'lit'
+   *
+   * @default 'lit'
    */
   importPackage?: string;
 }
@@ -30,7 +34,7 @@ const escape = (str: string): string => str
 export = function postcssLit(options: PostcssLitOptions = {}): PluginOption {
   const defaultOptions: PostcssLitOptions = {
     include: '**/*.{css,sss,pcss,styl,stylus,sass,scss,less}?(*)',
-    exclude: null,
+    exclude: '**/*\?direct*',
     importPackage: 'lit',
   };