@launch77-shared/plugin-analytics-web 0.1.0 → 0.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@launch77-shared/plugin-analytics-web",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Launch77 plugin for analytics-web",
   "license": "UNLICENSED",
   "type": "module",
@@ -14,6 +14,7 @@
     "plugin.json"
   ],
   "scripts": {
+    "prebuild": "node scripts/validate-plugin-json.js",
     "build": "tsup",
     "dev": "tsup --watch",
     "typecheck": "tsc --noEmit",
@@ -22,7 +23,8 @@
     "release:verify": "launch77-release-verify"
   },
   "dependencies": {
-    "@launch77/plugin-runtime": "^0.1.0",
+    "@launch77-shared/lib-analytics-web": "^0.3.1",
+    "@launch77/plugin-runtime": "^0.3.2",
     "chalk": "^5.3.0"
   },
   "devDependencies": {

package/plugin.json

@@ -2,6 +2,6 @@
   "targets": ["app"],
   "pluginDependencies": {},
   "libraryDependencies": {
-    "@launch77-shared/lib-analytics-web": "^0.1.0"
+    "@launch77-shared/lib-analytics-web": "^0.3.1"
   }
 }

package/templates/src/app/analytics-test/page.tsx

@@ -2,8 +2,9 @@
 
 import { useAnalytics, usePageTracking, CTAButton } from '@launch77-shared/lib-analytics-web'
 import { useEffect } from 'react'
-import { ConsentDisplay } from './components/ConsentDisplay'
+
 import { CodeExample } from './components/CodeExample'
+import { ConsentDisplay } from './components/ConsentDisplay'
 
 /**
  * Analytics Test Page
@@ -22,10 +23,10 @@ export default function AnalyticsTestPage() {
   useEffect(() => {
     // Track custom event on page load
     trackCustom({
-      action: 'page_visit',
-      category: 'test',
-      label: 'Analytics Test Page',
-      metadata: {
+      name: 'page_visit',
+      parameters: {
+        category: 'test',
+        label: 'Analytics Test Page',
         timestamp: new Date().toISOString(),
       },
     })
@@ -42,10 +43,9 @@ export default function AnalyticsTestPage() {
   const handleFormSubmit = (e: React.FormEvent) => {
     e.preventDefault()
     trackForm({
-      action: 'submit',
-      category: 'test',
-      label: 'Test Form',
       formName: 'analytics_test_form',
+      action: 'submit',
+      fields: ['name', 'email'],
     })
     alert('Form submitted! Check your analytics dashboard.')
   }
@@ -122,10 +122,9 @@ export default function AnalyticsTestPage() {
           </button>
         </form>
         <CodeExample>{`trackForm({
+  formName: 'analytics_test_form',
   action: 'submit',
-  category: 'test',
-  label: 'Test Form',
-  formName: 'analytics_test_form'
+  fields: ['name', 'email']
 })`}</CodeExample>
       </section>
 
@@ -138,10 +137,10 @@ export default function AnalyticsTestPage() {
         <button
           onClick={() =>
             trackCustom({
-              action: 'custom_event',
-              category: 'test',
-              label: 'Custom Event Example',
-              metadata: {
+              name: 'custom_event',
+              parameters: {
+                category: 'test',
+                label: 'Custom Event Example',
                 timestamp: new Date().toISOString(),
                 userAction: 'button_click',
                 testId: Math.random().toString(36).substring(7),
@@ -153,10 +152,10 @@ export default function AnalyticsTestPage() {
           Send Custom Event
         </button>
         <CodeExample>{`trackCustom({
-  action: 'custom_event',
-  category: 'test',
-  label: 'Custom Event Example',
-  metadata: {
+  name: 'custom_event',
+  parameters: {
+    category: 'test',
+    label: 'Custom Event Example',
     timestamp: new Date().toISOString(),
     userAction: 'button_click'
   }