create-tampermonkey-typescript 1.2.2 → 1.2.4

package/dist/cli.js

@@ -19,7 +19,7 @@ const defaultDevDeps = [
 const defaultDeps = [];
 const baseTsConfig = {
     compilerOptions: {
-        types: ['vite/client', 'node'],
+        types: ['vite/client', 'node', 'tampermonkey'],
         target: 'ES2022',
         module: 'ESNext',
         moduleResolution: 'bundler',
@@ -42,7 +42,7 @@ const availableFeatures = [
         name: 'React',
         description: 'Adds react support to the project',
         directory: path.join(TEMPLATES_DIR, 'react'),
-        tsConfigModifier: (config) => (config.compilerOptions.jsx = 'react-jsx'),
+        tsConfigModifier: (config) => (config.compilerOptions.jsx = 'react'),
         devDependencies: ['react', 'react-dom', '@types/react', '@types/react-dom'],
     },
     {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-tampermonkey-typescript",
-  "version": "1.2.2",
+  "version": "1.2.4",
   "description": "CLI tool for generating a TamperMonkey script project written in typescript which is transpiled to JavaScript to be ran in the browser",
   "license": "MIT",
   "homepage": "https://github.com/neth392/create-tampermonkey-typescript",

package/templates/base/README.md

@@ -211,7 +211,21 @@ const App = () => (
 
 ```
 
-For more information, see the [Tailwind CSS docs](https://tailwindcss.com/docs).
+### IMPORTANT
+There is a chance that simply using `@import "tailwindcss";` in your styles will break the page's native styling.
+In order to prevent this and utilize tailwind's utilities in your script's own UI, you can scope tailwind to your
+root container like so in `styles.css` (only applicable in v4).
+
+```css
+@layer theme, base, components, utilities;
+@import "tailwindcss/theme.css" layer(theme);
+
+#your-root-id {
+  @tailwind utilities;
+}
+```
+
+For more information on Tailwind, see the [Tailwind CSS docs](https://tailwindcss.com/docs).
 
 ---