feat(unplugin): support astro

examples/astro/astro.config.ts

@@ -3,5 +3,23 @@ import { defineConfig } from 'astro/config';
 import Analytics from '../../packages/unplugin-analytics/src/astro';
 
 export default defineConfig({
-  integrations: [Analytics()]
+  integrations: [
+    Analytics({
+      analytics: {
+        umami: {
+          src: `https://umami.onekuma.cn/script.js`,
+          id: `a8602a4a-8d41-4df7-9797-5bd074785f2c`
+        },
+        plausible: {
+          domain: `garden.onekuma.cn`
+        },
+        cloudflare: {
+          beacon: `aa68fa3bf166467082bc79ba029b057f`
+        },
+        clarity: {
+          id: `kwj19d7z4j`
+        }
+      }
+    })
+  ]
 });

examples/astro/src/layouts/Layout.astro

@@ -1,4 +1,6 @@
 ---
+import Analytics from '~analytics/component.astro'
+
 interface Props {
 	title: string;
 }
@@ -13,6 +15,7 @@ const { title } = Astro.props;
 		<meta name="description" content="Astro description" />
 		<meta name="viewport" content="width=device-width" />
 		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+		<Analytics></Analytics>
 		<meta name="generator" content={Astro.generator} />
 		<title>{title}</title>
 	</head>

packages/unplugin-analytics/src/astro.ts

@@ -1,17 +1,59 @@
+import { kebabCase } from 'scule';
+import { generate } from '@unplugin-analytics/core';
+
 import type { Options } from './plugin';
 
 export default (options: Options = {}) => ({
   name: 'unplugin-analytics',
   hooks: {
     'astro:config:setup': async (astro: any) => {
       astro.config.vite.plugins ||= [];
-      astro.config.vite.plugins.push({});
+      astro.config.vite.plugins.push(VitePlugin(options));
     }
   }
 });
 
-function VitePlugin() {
+function VitePlugin(options: Options) {
+  const Component = `~analytics/component.astro`;
+
   return {
-    name: 'unplugin-analytics:astro'
+    name: 'unplugin-analytics:astro',
+    resolveId(id: string) {
+      if (id === Component) return id;
+    },
+    async load(id: string) {
+      if (id === Component) {
+        const tags = generate(options.analytics ?? {});
+        const rendered = tags.map((tag) => {
+          const pieces: string[] = [];
+          if (tag.defer) {
+            pieces.push(`defer`);
+          }
+          if (tag.async) {
+            pieces.push(`async`);
+          }
+          for (const [_key, _value] of Object.entries(tag.dataset ?? {})) {
+            const key = kebabCase(`data-${_key}`);
+            const value = escape(_value);
+            pieces.push(`${key}="${value}"`);
+          }
+
+          if ('src' in tag) {
+            return `<script src="${tag.src}" ${pieces.join(' ')}></script>`;
+          } else {
+            if (tag.type) {
+              pieces.unshift(`type="${tag.type}"`);
+            }
+            return `<script ${pieces.join(' ')}>${tag.children}</script>`;
+          }
+        });
+
+        return [...rendered].join('');
+      }
+    }
   };
 }
+
+function escape(text: string) {
+  return text.replace(/"/g, `&quot;`);
+}

packages/unplugin-analytics/src/nuxt/runtime/plugins/analytics.ts

@@ -27,6 +27,7 @@ export default defineNuxtPlugin({
         if ('src' in tag) {
           desc.src = tag.src;
         } else {
+          desc.type = tag.type;
           desc.children = tag.children;
         }