@mayson-org/inject-script 1.0.24 → 1.0.26

package/dist/plugins/metadata/__tests__/api-handler.test.js

@@ -45,11 +45,12 @@ describe('Metadata API Route & Cookie Caching', () => {
         assert.ok(source.includes('export async function GET(req: Request)'));
         assert.ok(source.includes('mayson_metadata_cache'));
     });
-    it('generates random API route subpaths starting with mayson-', () => {
+    it('generates unpredictable random 10-character API route subpaths', () => {
         const subpath1 = generateRandomApiSubpath();
         const subpath2 = generateRandomApiSubpath();
-        assert.ok(subpath1.startsWith('mayson-'));
-        assert.ok(subpath2.startsWith('mayson-'));
+        assert.equal(subpath1.length, 10);
+        assert.equal(subpath2.length, 10);
+        assert.ok(!subpath1.startsWith('mayson-'));
         assert.notEqual(subpath1, subpath2);
     });
 });

package/dist/plugins/metadata/api-handler.d.ts

@@ -1,6 +1,6 @@
 import type { MaysonEnvConfig } from '../../shared/config.js';
 export declare const METADATA_COOKIE_NAME = "mayson_metadata_cache";
-export declare const DEFAULT_COOKIE_MAX_AGE = 300;
+export declare const DEFAULT_COOKIE_MAX_AGE = 120;
 export type MetadataApiResponse = {
     success: boolean;
     cached: boolean;

package/dist/plugins/metadata/api-handler.js

@@ -1,6 +1,6 @@
 import { resolveMaysonConfig } from '../../shared/generated-app-metadata.js';
 export const METADATA_COOKIE_NAME = 'mayson_metadata_cache';
-export const DEFAULT_COOKIE_MAX_AGE = 300; // 5 minutes
+export const DEFAULT_COOKIE_MAX_AGE = 120; // 2 minutes
 /**
  * Parses cookies from HTTP Cookie header string.
  */
@@ -76,7 +76,7 @@ export async function handleMetadataApiRoute(req) {
  */
 export function generateMetadataApiRouteSource() {
     return `const METADATA_COOKIE_NAME = 'mayson_metadata_cache';
-const DEFAULT_COOKIE_MAX_AGE = 300; // 5 minutes
+const DEFAULT_COOKIE_MAX_AGE = 120; // 2 minutes
 
 function readEnv(key: string): string {
   return process.env[key]?.trim() ?? '';

package/dist/plugins/metadata/index.d.ts

@@ -7,6 +7,6 @@ export type MaysonRealtimeStats = {
     enableRemix: boolean;
     websiteTitle: string;
 };
-export declare function buildMaysonMetadataSource(context?: PluginGenerateContext): string;
+export declare function buildMaysonMetadataSource(_context?: PluginGenerateContext): string;
 export declare const metadataPlugin: MaysonPlugin;
 //# sourceMappingURL=index.d.ts.map

package/dist/plugins/metadata/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/metadata/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAG/E,OAAO,EACL,sBAAsB,EACtB,8BAA8B,EAC9B,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EACL,sBAAsB,EACtB,wBAAwB,EACxB,yBAAyB,GAC1B,MAAM,uBAAuB,CAAC;AAE/B,MAAM,MAAM,mBAAmB,GAAG;IAChC,aAAa,EAAE,OAAO,CAAC;IACvB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,wBAAgB,yBAAyB,CAAC,OAAO,CAAC,EAAE,qBAAqB,GAAG,MAAM,CAsDjF;AAED,eAAO,MAAM,cAAc,EAAE,YAK5B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/metadata/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAG/E,OAAO,EACL,sBAAsB,EACtB,8BAA8B,EAC9B,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EACL,sBAAsB,EACtB,wBAAwB,EACxB,yBAAyB,GAC1B,MAAM,uBAAuB,CAAC;AAE/B,MAAM,MAAM,mBAAmB,GAAG;IAChC,aAAa,EAAE,OAAO,CAAC;IACvB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,wBAAgB,yBAAyB,CAAC,QAAQ,CAAC,EAAE,qBAAqB,GAAG,MAAM,CAWlF;AAED,eAAO,MAAM,cAAc,EAAE,YAK5B,CAAC"}

package/dist/plugins/metadata/index.js

@@ -1,57 +1,14 @@
 import { injectMetadataApiRoute } from './inject-api-route.js';
 export { handleMetadataApiRoute, generateMetadataApiRouteSource, METADATA_COOKIE_NAME, DEFAULT_COOKIE_MAX_AGE, } from './api-handler.js';
 export { injectMetadataApiRoute, generateRandomApiSubpath, resolveMetadataApiSubpath, } from './inject-api-route.js';
-export function buildMaysonMetadataSource(context) {
-    const apiRoute = context?.metadata?.apiRoutePath ?? '/api/mayson-metadata';
+export function buildMaysonMetadataSource(_context) {
     return `'use client';
 
-import React, { useEffect, useState } from 'react';
-
-export type MaysonRealtimeStats = {
-  showRemixPill: boolean;
-  enableRemix: boolean;
-  websiteTitle: string;
-};
-
-export function MaysonMetadata({ apiRoute = ${JSON.stringify(apiRoute)} }: { apiRoute?: string }) {
-  const [stats, setStats] = useState<MaysonRealtimeStats | null>(null);
-
-  useEffect(() => {
-    let isMounted = true;
-    async function checkRealtimeStats() {
-      try {
-        const res = await fetch(apiRoute, {
-          method: 'GET',
-          headers: { Accept: 'application/json' },
-        });
-        if (!res.ok) return;
-        const json = await res.json();
-        if (json && json.success && json.data && isMounted) {
-          setStats(json.data);
-        }
-      } catch {
-        // Silent catch for network issue
-      }
-    }
-    checkRealtimeStats();
-    return () => {
-      isMounted = false;
-    };
-  }, [apiRoute]);
+import React from 'react';
 
+export function MaysonMetadata() {
   return (
-    <>
-      <meta name="mayson-generator" content="Mayson App Platform" />
-      {stats && (
-        <meta
-          name="mayson-realtime-stats"
-          content={JSON.stringify({
-            showRemixPill: stats.showRemixPill,
-            enableRemix: stats.enableRemix,
-          })}
-        />
-      )}
-    </>
+    <meta name="mayson-generator" content="Mayson App Platform" />
   );
 }
 `;

package/dist/plugins/metadata/inject-api-route.d.ts

@@ -1,10 +1,13 @@
 import type { ProjectInjectContext, ProjectInjectResult } from '../../core/types.js';
+/**
+ * Generate a purely random 10-character subpath string with no predictable prefix.
+ */
 export declare function generateRandomApiSubpath(): string;
 export declare function findAppDir(projectRoot: string, layoutPath?: string): string;
 /**
-:// Locate existing mayson API route subpath if present, or generate a new random subpath.
+ * Always resolve a fresh purely random API subpath for new injections.
  */
-export declare function resolveMetadataApiSubpath(projectRoot: string, layoutPath?: string, overrideSubpath?: string): string;
+export declare function resolveMetadataApiSubpath(_projectRoot?: string, _layoutPath?: string, overrideSubpath?: string): string;
 /**
  * Inject the metadata API route handler (/api/<random-subpath>) into the project workspace.
  */

package/dist/plugins/metadata/inject-api-route.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inject-api-route.d.ts","sourceRoot":"","sources":["../../../src/plugins/metadata/inject-api-route.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAGrF,wBAAgB,wBAAwB,IAAI,MAAM,CAOjD;AAED,wBAAgB,UAAU,CAAC,WAAW,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAQ3E;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CACvC,WAAW,EAAE,MAAM,EACnB,UAAU,CAAC,EAAE,MAAM,EACnB,eAAe,CAAC,EAAE,MAAM,GACvB,MAAM,CA8BR;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,oBAAoB,GAAG;IAAE,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,GACxD,mBAAmB,CAiDrB"}
+{"version":3,"file":"inject-api-route.d.ts","sourceRoot":"","sources":["../../../src/plugins/metadata/inject-api-route.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAGrF;;GAEG;AACH,wBAAgB,wBAAwB,IAAI,MAAM,CAOjD;AAED,wBAAgB,UAAU,CAAC,WAAW,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAQ3E;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CACvC,YAAY,CAAC,EAAE,MAAM,EACrB,WAAW,CAAC,EAAE,MAAM,EACpB,eAAe,CAAC,EAAE,MAAM,GACvB,MAAM,CAKR;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,oBAAoB,GAAG;IAAE,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,GACxD,mBAAmB,CAiDrB"}

package/dist/plugins/metadata/inject-api-route.js

@@ -1,13 +1,16 @@
 import fs from 'node:fs';
 import path from 'node:path';
 import { generateMetadataApiRouteSource } from './api-handler.js';
+/**
+ * Generate a purely random 10-character subpath string with no predictable prefix.
+ */
 export function generateRandomApiSubpath() {
     const chars = 'abcdefghijklmnopqrstuvwxyz0123456789';
     let randomSlug = '';
-    for (let i = 0; i < 8; i++) {
+    for (let i = 0; i < 10; i++) {
         randomSlug += chars.charAt(Math.floor(Math.random() * chars.length));
     }
-    return `mayson-${randomSlug}`;
+    return randomSlug;
 }
 export function findAppDir(projectRoot, layoutPath) {
     if (layoutPath && layoutPath.includes(`${path.sep}src${path.sep}app`)) {
@@ -19,34 +22,12 @@ export function findAppDir(projectRoot, layoutPath) {
     return path.join(projectRoot, 'app');
 }
 /**
-:// Locate existing mayson API route subpath if present, or generate a new random subpath.
+ * Always resolve a fresh purely random API subpath for new injections.
  */
-export function resolveMetadataApiSubpath(projectRoot, layoutPath, overrideSubpath) {
+export function resolveMetadataApiSubpath(_projectRoot, _layoutPath, overrideSubpath) {
     if (overrideSubpath && overrideSubpath.trim()) {
         return overrideSubpath.trim().replace(/^\/api\//, '');
     }
-    const appDir = findAppDir(projectRoot, layoutPath);
-    const apiDir = path.join(appDir, 'api');
-    if (fs.existsSync(apiDir)) {
-        try {
-            const entries = fs.readdirSync(apiDir, { withFileTypes: true });
-            for (const entry of entries) {
-                if (entry.isDirectory()) {
-                    // Check if directory starts with mayson- or is randomeapipath
-                    if (entry.name.startsWith('mayson-') || entry.name === 'randomeapipath') {
-                        const hasRoute = fs.existsSync(path.join(apiDir, entry.name, 'route.ts')) ||
-                            fs.existsSync(path.join(apiDir, entry.name, 'route.js'));
-                        if (hasRoute) {
-                            return entry.name;
-                        }
-                    }
-                }
-            }
-        }
-        catch {
-            // Ignore reading error
-        }
-    }
     return generateRandomApiSubpath();
 }
 /**

package/dist/plugins/watermark/template.d.ts

@@ -1,4 +1,4 @@
 import type { PluginGenerateContext } from '../../core/types.js';
 /** Source for the consumer-app MaysonWatermark client component. */
-export declare function buildMaysonWatermarkSource(_context?: PluginGenerateContext): string;
+export declare function buildMaysonWatermarkSource(context?: PluginGenerateContext): string;
 //# sourceMappingURL=template.d.ts.map

package/dist/plugins/watermark/template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"template.d.ts","sourceRoot":"","sources":["../../../src/plugins/watermark/template.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAKjE,oEAAoE;AACpE,wBAAgB,0BAA0B,CACxC,QAAQ,CAAC,EAAE,qBAAqB,GAC/B,MAAM,CA8GR"}
+{"version":3,"file":"template.d.ts","sourceRoot":"","sources":["../../../src/plugins/watermark/template.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAKjE,oEAAoE;AACpE,wBAAgB,0BAA0B,CACxC,OAAO,CAAC,EAAE,qBAAqB,GAC9B,MAAM,CA0JR"}

package/dist/plugins/watermark/template.js

@@ -1,25 +1,67 @@
 const LOGO_URL = 'https://mayson.dev/logo/brand-logo-dark.png';
 const MAYSON_HOME_URL = 'https://mayson.dev/';
 /** Source for the consumer-app MaysonWatermark client component. */
-export function buildMaysonWatermarkSource(_context) {
+export function buildMaysonWatermarkSource(context) {
+    const apiRoute = context?.metadata?.apiRoutePath ?? '';
+    const appBaseUrl = context?.watermark?.appBaseUrl || MAYSON_HOME_URL;
+    const collectionId = context?.watermark?.collectionId || '';
+    const initialEnableRemix = context?.watermark?.enableRemix ?? true;
     return `'use client';
 
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 
 const LOGO_URL = ${JSON.stringify(LOGO_URL)};
-const REMIX_URL = ${JSON.stringify(MAYSON_HOME_URL)};
+const DEFAULT_REMIX_URL = ${JSON.stringify(appBaseUrl)};
+const COLLECTION_ID = ${JSON.stringify(collectionId)};
 
-export function MaysonWatermark() {
+export function MaysonWatermark({ apiRoute = ${JSON.stringify(apiRoute)} }: { apiRoute?: string }) {
   const [dismissed, setDismissed] = useState(false);
+  const [visible, setVisible] = useState(false);
+  const [enableRemix, setEnableRemix] = useState(${JSON.stringify(initialEnableRemix)});
 
-  if (dismissed) {
+  useEffect(() => {
+    let isMounted = true;
+    async function checkVisibility() {
+      if (!apiRoute) {
+        setVisible(true);
+        return;
+      }
+      try {
+        const res = await fetch(apiRoute, {
+          method: 'GET',
+          headers: { Accept: 'application/json' },
+        });
+        if (!res.ok) return;
+        const json = await res.json();
+        if (json && json.success && json.data && isMounted) {
+          if (json.data.showRemixPill === true) {
+            setVisible(true);
+          } else {
+            setVisible(false);
+          }
+          if (typeof json.data.enableRemix === 'boolean') {
+            setEnableRemix(json.data.enableRemix);
+          }
+        }
+      } catch {
+        // Silent catch on network error
+      }
+    }
+    checkVisibility();
+    return () => {
+      isMounted = false;
+    };
+  }, [apiRoute]);
+
+  if (dismissed || !visible) {
     return null;
   }
 
   const handleRemix = (event: React.MouseEvent) => {
     event.preventDefault();
     event.stopPropagation();
-    window.location.href = REMIX_URL;
+    if (!enableRemix) return;
+    window.location.href = DEFAULT_REMIX_URL;
   };
 
   const handleDismiss = (event: React.MouseEvent) => {
@@ -37,7 +79,7 @@ export function MaysonWatermark() {
         right: 16,
         bottom: 16,
         zIndex: 2147483647,
-        display: 'inline-flex',
+        display: visible ? 'inline-flex' : 'none',
         alignItems: 'flex-end',
         gap: 8,
         padding: '4px 8px',
@@ -58,13 +100,14 @@ export function MaysonWatermark() {
           gap: 4,
           color: '#9D9DA2',
           textDecoration: 'none',
-          cursor: 'pointer',
+          cursor: enableRemix ? 'pointer' : 'default',
           outline: 'none',
           border: 'none',
           background: 'transparent',
           padding: 0,
           margin: 0,
           fontFamily: 'inherit',
+          opacity: enableRemix ? 1 : 0.6,
         }}
       >
         <span

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mayson-org/inject-script",
-  "version": "1.0.24",
+  "version": "1.0.26",
   "description": "CLI and library to inject Mayson watermark, ascii, and PWA into Next.js App Router layouts.",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",