feat: 🎸 combine utools plugin and tampermonkey in one template

combine utools plugin and tampermonkey in one template
lgf-136 · Sep 28, 2022 · 5f0f7e6 · 5f0f7e6
1 parent f4a7faa
commit 5f0f7e6
Show file tree

Hide file tree

Showing 57 changed files with 611 additions and 61 deletions.
diff --git a/config b/config
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/...-plugin-react-ts-template/.browserslistrc → projects/all-in-one-template/.browserslistrc b/...-plugin-react-ts-template/.browserslistrc → projects/all-in-one-template/.browserslistrc
diff --git a/...ects/utools-plugin-react-ts-template/.env → projects/all-in-one-template/.env b/...ects/utools-plugin-react-ts-template/.env → projects/all-in-one-template/.env
diff --git a/...ls-plugin-react-ts-template/.eslintignore → projects/all-in-one-template/.eslintignore b/...ls-plugin-react-ts-template/.eslintignore → projects/all-in-one-template/.eslintignore
diff --git a/...ols-plugin-react-ts-template/.eslintrc.js → projects/all-in-one-template/.eslintrc.js b/...ols-plugin-react-ts-template/.eslintrc.js → projects/all-in-one-template/.eslintrc.js
diff --git a/...tools-plugin-react-ts-template/.gitignore → projects/all-in-one-template/.gitignore b/...tools-plugin-react-ts-template/.gitignore → projects/all-in-one-template/.gitignore
diff --git a/...s/utools-plugin-react-ts-template/.hintrc → projects/all-in-one-template/.hintrc b/...s/utools-plugin-react-ts-template/.hintrc → projects/all-in-one-template/.hintrc
diff --git a/...plugin-react-ts-template/.stylelintignore → ...ects/all-in-one-template/.stylelintignore b/...plugin-react-ts-template/.stylelintignore → ...ects/all-in-one-template/.stylelintignore
diff --git a/...-plugin-react-ts-template/.stylelintrc.js → projects/all-in-one-template/.stylelintrc.js b/...-plugin-react-ts-template/.stylelintrc.js → projects/all-in-one-template/.stylelintrc.js
diff --git a/...utools-plugin-react-ts-template/README.md → projects/all-in-one-template/README.md b/...utools-plugin-react-ts-template/README.md → projects/all-in-one-template/README.md
diff --git a/projects/all-in-one-template/config/tampermonkey/README.md b/projects/all-in-one-template/config/tampermonkey/README.md
@@ -0,0 +1,44 @@
+
+## tampermonkey react-ts
+
+```
+
+pnpm add -D  @types/node @types/react @types/react-dom @vitejs/plugin-react typescript vite vite-plugin-monkey
+pnpm add react react-dom
+
+```
+
+## tampermonkey preact-ts
+
+```
+pnpm add -D typescript vite vite-plugin-monkey @types/node @preact/preset-vite 
+pnpm add preact
+```
+
+## tampermonkey vue-ts
+
+```
+pnpm add -D @types/node @vitejs/plugin-vue typescript vite vite-plugin-monkey vue-tsc
+pnpm add vue
+```
+
+## tampermonkey vanilla-ts
+
+```
+pnpm add -D typescript vite vite-plugin-monkey @types/node
+pnpm add 
+```
+
+## tampermonkey solid-ts
+
+```
+pnpm add -D typescript vite vite-plugin-monkey @types/nodes 
+pnpm add 
+```
+
+## tampermonkey svelte-ts
+
+```
+pnpm add -D typescript vite vite-plugin-monkey @types/node @sveltejs/vite-plugin-svelte@tsconfig/svelte svelte svelte-check svelte-preprocess tslib
+pnpm add 
+```
diff --git a/projects/all-in-one-template/config/tampermonkey/preact-ts.ts b/projects/all-in-one-template/config/tampermonkey/preact-ts.ts
@@ -0,0 +1,23 @@
+import { defineConfig } from 'vite';
+import preact from '@preact/preset-vite';
+import monkey, { cdn } from 'vite-plugin-monkey';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    preact(),
+    monkey({
+      entry: 'src/main.tsx',
+      userscript: {
+        icon: 'https://vitejs.dev/logo.svg',
+        namespace: 'npm/vite-plugin-monkey',
+        match: [ 'https://www.google.com/' ],
+      },
+      build: {
+        externalGlobals: {
+          preact: cdn.jsdelivr('preact', 'dist/preact.min.js'),
+        },
+      },
+    }),
+  ],
+});
diff --git a/projects/all-in-one-template/config/tampermonkey/preact.js b/projects/all-in-one-template/config/tampermonkey/preact.js
@@ -0,0 +1,23 @@
+import { defineConfig } from 'vite';
+import preact from '@preact/preset-vite';
+import monkey, { cdn } from 'vite-plugin-monkey';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    preact(),
+    monkey({
+      entry: 'src/main.tsx',
+      userscript: {
+        icon: 'https://vitejs.dev/logo.svg',
+        namespace: 'npm/vite-plugin-monkey',
+        match: [ 'https://www.google.com/' ],
+      },
+      build: {
+        externalGlobals: {
+          preact: cdn.jsdelivr('preact', 'dist/preact.min.js'),
+        },
+      },
+    }),
+  ],
+});
diff --git a/projects/all-in-one-template/config/tampermonkey/react-ts.ts b/projects/all-in-one-template/config/tampermonkey/react-ts.ts
@@ -0,0 +1,27 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import monkey, { cdn } from 'vite-plugin-monkey';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    react(),
+    monkey({
+      entry: 'src/main.tsx',
+      userscript: {
+        icon: 'https://vitejs.dev/logo.svg',
+        namespace: 'npm/vite-plugin-monkey',
+        match: [ 'https://segmentfault.com/' ],
+      },
+      build: {
+        externalGlobals: {
+          react: cdn.jsdelivr('React', 'umd/react.production.min.js'),
+          'react-dom': cdn.jsdelivr(
+            'ReactDOM',
+            'umd/react-dom.production.min.js',
+          ),
+        },
+      },
+    }),
+  ],
+});
diff --git a/projects/all-in-one-template/config/tampermonkey/react.js b/projects/all-in-one-template/config/tampermonkey/react.js
@@ -0,0 +1,27 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import monkey, { cdn } from 'vite-plugin-monkey';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    react(),
+    monkey({
+      entry: 'src/main.tsx',
+      userscript: {
+        icon: 'https://vitejs.dev/logo.svg',
+        namespace: 'npm/vite-plugin-monkey',
+        match: [ 'https://segmentfault.com/' ],
+      },
+      build: {
+        externalGlobals: {
+          react: cdn.jsdelivr('React', 'umd/react.production.min.js'),
+          'react-dom': cdn.jsdelivr(
+            'ReactDOM',
+            'umd/react-dom.production.min.js',
+          ),
+        },
+      },
+    }),
+  ],
+});
diff --git a/projects/all-in-one-template/config/tampermonkey/solid-ts.ts b/projects/all-in-one-template/config/tampermonkey/solid-ts.ts
@@ -0,0 +1,17 @@
+import { defineConfig } from 'vite';
+import solidPlugin from 'vite-plugin-solid';
+import monkey from 'vite-plugin-monkey';
+
+export default defineConfig({
+  plugins: [
+    solidPlugin(),
+    monkey({
+      entry: 'src/index.tsx',
+      userscript: {
+        icon: 'https://vitejs.dev/logo.svg',
+        namespace: 'npm/vite-plugin-monkey',
+        match: [ 'https://www.google.com/' ],
+      },
+    }),
+  ],
+});
diff --git a/projects/all-in-one-template/config/tampermonkey/solid.js b/projects/all-in-one-template/config/tampermonkey/solid.js
@@ -0,0 +1,17 @@
+import { defineConfig } from 'vite';
+import solidPlugin from 'vite-plugin-solid';
+import monkey from 'vite-plugin-monkey';
+
+export default defineConfig({
+  plugins: [
+    solidPlugin(),
+    monkey({
+      entry: 'src/index.tsx',
+      userscript: {
+        icon: 'https://vitejs.dev/logo.svg',
+        namespace: 'npm/vite-plugin-monkey',
+        match: [ 'https://www.google.com/' ],
+      },
+    }),
+  ],
+});
+4 −0		index.ts
+1 −1		package.json
+44 −0		tampermonkey/README.md
+23 −0		tampermonkey/preact-ts.ts
+23 −0		tampermonkey/preact.js
+27 −0		tampermonkey/react-ts.ts
+27 −0		tampermonkey/react.js
+17 −0		tampermonkey/solid-ts.ts
+17 −0		tampermonkey/solid.js
+18 −0		tampermonkey/svelte-ts.ts
+18 −0		tampermonkey/svelte.js
+16 −0		tampermonkey/vanilla-ts.ts
+16 −0		tampermonkey/vanilla.js
+23 −0		tampermonkey/vue-ts.ts
+23 −0		tampermonkey/vue.js