@inizioevoke/veeva-astroclm-core 1.4.2 → 1.4.4

package/agents/claude/evoke-page-manager/SKILL.md

@@ -32,9 +32,9 @@ Check if `veeva-config.ts` exists in the project root. If it does, ask the user:
 
 ## Step 4 — Create files
 
-Given the page path (e.g. `this/one`):
-- `contentName` = last segment of the path (e.g. `one`)
-- `pageName` = full path with `/` replaced by `-` (e.g. `this-one`)
+Given the page path (e.g. `This/One`):
+- `contentName` = last segment of the path, preserving its original case (e.g. `One`)
+- `pageName` = full path lowercased with `/` replaced by `-` (e.g. `this-one`)
 
 Check that neither `src/pages/<pageName>.astro` nor `src/contents/<path>/` already exist — if either does, stop and tell the user.
 
@@ -70,6 +70,18 @@ import './<contentName>.scss';
 
 If the user said yes in Step 3, add a new slide entry to `presentation.slides` following the pattern in `../veeva-config-manager/manage.md` (Step 3 — Resolve missing slides).
 
-## Step 6 — Report
+## Step 6 — Update Pages array in src/data/pages.tsx
 
-Tell the user which files were created.
+For each page created, build its URL as `/<pageName>/` (must start and end with `/`). Collect these into a `string[]`.
+
+Ask the user: "Would you like me to automatically append these URLs to the `Pages` array in `src/data/pages.tsx`?"
+
+- **If yes:** Edit `src/data/pages.tsx` and append an entry to the `Pages` array for each URL, following the existing `Page` interface shape (`{ title: JSX.Element, href: string }`). The title is the `pageName` split on `-` with each segment capitalized and joined by spaces, e.g. for `pageName` `module-1-slide-2`:
+  ```tsx
+  { title: <>Module 1 Slide 2</>, href: '/module-1-slide-2/' }
+  ```
+- **If no:** Log the URLs to the console so the user can copy them manually.
+
+## Step 7 — Report
+
+Tell the user which files were created and whether `src/data/pages.tsx` was updated (or print the URL list if it wasn't).

package/dist/apps/page-manager/bulk-create.d.ts

@@ -1 +1 @@
-export default function bulkCreate(rootDir: string): Promise<void>;
+export default function bulkCreate(rootDir: string): Promise<string[]>;

package/dist/apps/page-manager/bulk-create.js

@@ -2,7 +2,7 @@ import { existsSync } from 'node:fs';
 import { readFile, rm } from 'node:fs/promises';
 import { join, resolve as resolvePath } from 'node:path';
 import { parse } from 'yaml';
-import { text, select, spinner, outro, box } from '@clack/prompts';
+import { text, select, spinner, box } from '@clack/prompts';
 import { sleep, handleCanceled } from '../utils.js';
 import { createPageAssets, getLayouts } from './utils.js';
 const __dirname = import.meta.dirname;
@@ -36,6 +36,7 @@ export default async function bulkCreate(rootDir) {
     const created = [];
     const existing = [];
     const errors = [];
+    const urls = [];
     const spin = spinner();
     spin.start('Generating page assets...');
     await sleep();
@@ -49,8 +50,9 @@ export default async function bulkCreate(rootDir) {
         }
         else {
             try {
-                await createPageAssets({ rootDir, contentPath, layout });
+                const url = await createPageAssets({ rootDir, contentPath, layout });
                 created.push(contentPath);
+                urls.push(url);
                 spin.message(`Generated: ${contentPath}`);
             }
             catch (err) {
@@ -71,6 +73,17 @@ export default async function bulkCreate(rootDir) {
         }
         insertNewLine = true;
     }
+    if (urls.length) {
+        if (insertNewLine) {
+            result.push('');
+        }
+        result.push('Page URLs:');
+        const sortedUrls = [...urls].sort();
+        for (const u of sortedUrls) {
+            result.push(` - ${u}`);
+        }
+        insertNewLine = true;
+    }
     if (existing.length) {
         if (insertNewLine) {
             result.push('');
@@ -116,5 +129,5 @@ export default async function bulkCreate(rootDir) {
             deleteSpinner.error('An error occurred while attempting to delete the file');
         }
     }
-    outro('Happy coding!');
+    return urls;
 }

package/dist/apps/page-manager/index.d.ts

@@ -1,5 +1,5 @@
 interface Opts {
     root?: string;
 }
-export default function ({ root }?: Opts): Promise<void>;
+export default function ({ root }?: Opts): Promise<string[]>;
 export {};

package/dist/apps/page-manager/index.js

@@ -1,5 +1,7 @@
-import { intro, select } from '@clack/prompts';
-import { handleCanceled } from '../utils.js';
+import { existsSync } from 'node:fs';
+import { intro, select, spinner, outro } from '@clack/prompts';
+import { handleCanceled, sleep } from '../utils.js';
+import { appendUrlsToPagesData, pagesDataPath } from './utils.js';
 export default async function ({ root } = {}) {
     const rootDir = root ?? process.cwd();
     intro('Page Manager');
@@ -13,12 +15,40 @@ export default async function ({ root } = {}) {
                 value: 'bulk'
             }]
     }));
+    let urls;
     if (action === 'bulk') {
         const bulkCreate = await import('./bulk-create.js');
-        await bulkCreate.default(rootDir);
+        urls = await bulkCreate.default(rootDir);
     }
     else {
         const singleCreate = await import('./single-create.js');
-        await singleCreate.default(rootDir);
+        const url = await singleCreate.default(rootDir);
+        urls = [url];
     }
+    if (urls.length && existsSync(pagesDataPath(rootDir))) {
+        const update = handleCanceled(await select({
+            message: 'Would you like to append these URLs to the Pages array in src/data/pages.tsx?',
+            options: [{
+                    label: 'Yes, update the file',
+                    value: true
+                }, {
+                    label: 'No, skip',
+                    value: false
+                }]
+        }));
+        if (update) {
+            const spin = spinner();
+            spin.start('Updating src/data/pages.tsx');
+            await sleep();
+            try {
+                await appendUrlsToPagesData(rootDir, urls);
+                spin.stop('src/data/pages.tsx updated!');
+            }
+            catch (err) {
+                spin.stop(`Could not update src/data/pages.tsx: ${err.message}`);
+            }
+        }
+    }
+    outro('Happy coding!');
+    return urls;
 }

package/dist/apps/page-manager/single-create.d.ts

@@ -1 +1 @@
-export default function singleCreate(rootDir: string): Promise<void>;
+export default function singleCreate(rootDir: string): Promise<string>;

package/dist/apps/page-manager/single-create.js

@@ -50,9 +50,11 @@ export default async function singleCreate(rootDir) {
     const spin = spinner();
     spin.start('Generating page assets');
     await sleep();
-    await createPageAssets({ rootDir, contentPath, contentName, pageName, layout });
+    const url = await createPageAssets({ rootDir, contentPath, contentName, pageName, layout });
     await sleep();
     spin.stop('Page assets generated!');
+    note(`Page URL: ${url}`);
+    return url;
     // let path: string | undefined = undefined;
     // do {
     //   path = handleCanceled(await text({

package/dist/apps/page-manager/utils.d.ts

@@ -1,3 +1,6 @@
+export declare function pagesDataPath(rootDir: string): string;
+export declare function titleFromUrl(url: string): string;
+export declare function appendUrlsToPagesData(rootDir: string, urls: string[]): Promise<void>;
 export declare function getLayouts(rootDir: string): Promise<string[]>;
 interface CreateParams {
     rootDir: string;
@@ -6,5 +9,5 @@ interface CreateParams {
     pageName?: string;
     layout: string;
 }
-export declare function createPageAssets({ rootDir, contentPath, contentName, pageName, layout }: CreateParams): Promise<void>;
+export declare function createPageAssets({ rootDir, contentPath, contentName, pageName, layout }: CreateParams): Promise<string>;
 export {};

package/dist/apps/page-manager/utils.js

@@ -1,6 +1,61 @@
 import { existsSync } from 'node:fs';
 import { readFile, writeFile, readdir, mkdir } from 'node:fs/promises';
 import { basename, join } from 'node:path';
+export function pagesDataPath(rootDir) {
+    return join(rootDir, 'src/data/pages.tsx');
+}
+export function titleFromUrl(url) {
+    return url
+        .replace(/^\/+/, '')
+        .replace(/\/+$/, '')
+        .split('-')
+        .filter(Boolean)
+        .map(w => w.charAt(0).toUpperCase() + w.slice(1))
+        .join(' ');
+}
+export async function appendUrlsToPagesData(rootDir, urls) {
+    if (!urls.length)
+        return;
+    const filePath = pagesDataPath(rootDir);
+    const content = await readFile(filePath, 'utf8');
+    const declMatch = content.match(/((?:export\s+)?const\s+Pages\b[^=]*=\s*\[)/);
+    if (!declMatch || declMatch.index === undefined) {
+        throw new Error('Could not locate the `Pages` array in src/data/pages.tsx');
+    }
+    const arrayStart = declMatch.index + declMatch[0].length - 1;
+    let depth = 0;
+    let arrayEnd = -1;
+    for (let i = arrayStart; i < content.length; i++) {
+        const ch = content[i];
+        if (ch === '[')
+            depth++;
+        else if (ch === ']') {
+            depth--;
+            if (depth === 0) {
+                arrayEnd = i;
+                break;
+            }
+        }
+    }
+    if (arrayEnd === -1) {
+        throw new Error('Could not find the end of the `Pages` array in src/data/pages.tsx');
+    }
+    const before = content.slice(0, arrayEnd);
+    const after = content.slice(arrayEnd);
+    const indentMatch = before.slice(arrayStart + 1).match(/\n([ \t]+)\S/);
+    const indent = indentMatch ? indentMatch[1] : '  ';
+    const body = before.slice(arrayStart + 1);
+    const trimmedBody = body.replace(/\s+$/, '');
+    const needsComma = trimmedBody.length > 0 && !trimmedBody.endsWith(',');
+    const entries = urls
+        .map(url => `${indent}{ title: <>${titleFromUrl(url)}</>, href: '${url}' },`)
+        .join('\n');
+    const newBefore = content.slice(0, arrayStart + 1) +
+        (trimmedBody ? trimmedBody + (needsComma ? ',' : '') + '\n' : '\n') +
+        entries +
+        '\n';
+    await writeFile(filePath, newBefore + after);
+}
 export async function getLayouts(rootDir) {
     const layouts = await readdir(join(rootDir, 'src/layouts'), { recursive: true });
     return layouts.filter(l => l.endsWith('.astro')).sort();
@@ -54,4 +109,5 @@ export async function createPageAssets({ rootDir, contentPath, contentName, page
     await writeFile(join(contentDir, contentPath, `${contentName}.astro`), contentTemplate);
     await writeFile(join(contentDir, contentPath, `${contentName}.scss`), '');
     await writeFile(join(contentDir, contentPath, `${contentName}.ts`), '');
+    return `/${pageName.replace(/\.astro$/, '')}/`;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inizioevoke/veeva-astroclm-core",
-  "version": "1.4.2",
+  "version": "1.4.4",
   "description": "",
   "license": "ISC",
   "author": "",

package/src/apps/page-manager/bulk-create.ts

@@ -4,13 +4,13 @@ import { join, resolve as resolvePath } from 'node:path';
 
 import { parse } from 'yaml';
 
-import { intro, text, select, multiselect, note, spinner, outro, box } from '@clack/prompts';
+import { intro, text, select, multiselect, note, spinner, box } from '@clack/prompts';
 import { sleep, handleCanceled, cleanInput, generateRandomId, titleCase } from '../utils.js';
 import { createPageAssets, getLayouts } from './utils.js';
 
 const __dirname = import.meta.dirname;
 
-export default async function bulkCreate(rootDir: string) {
+export default async function bulkCreate(rootDir: string): Promise<string[]> {
   const contentDir = join(rootDir, 'src/contents');
   const pagesDir = join(rootDir, 'src/pages');
 
@@ -41,6 +41,7 @@ export default async function bulkCreate(rootDir: string) {
   const created: string[] = [];
   const existing: string[] = [];
   const errors: string[] = [];
+  const urls: string[] = [];
 
   const spin = spinner();
   spin.start('Generating page assets...');
@@ -56,8 +57,9 @@ export default async function bulkCreate(rootDir: string) {
       await sleep();
     } else {
       try {
-        await createPageAssets({ rootDir, contentPath, layout });
+        const url = await createPageAssets({ rootDir, contentPath, layout });
         created.push(contentPath);
+        urls.push(url);
         spin.message(`Generated: ${contentPath}`);
       } catch (err) {
         errors.push(contentPath);
@@ -79,6 +81,17 @@ export default async function bulkCreate(rootDir: string) {
     }
     insertNewLine = true;
   }
+  if (urls.length) {
+    if (insertNewLine) {
+      result.push('');
+    }
+    result.push('Page URLs:');
+    const sortedUrls = [...urls].sort();
+    for (const u of sortedUrls) {
+      result.push(` - ${u}`);
+    }
+    insertNewLine = true;
+  }
   if (existing.length) {
     if (insertNewLine) {
       result.push('');
@@ -126,6 +139,5 @@ export default async function bulkCreate(rootDir: string) {
     }
   }
 
-  outro('Happy coding!');
-  
+  return urls;
 }

package/src/apps/page-manager/index.ts

@@ -1,11 +1,12 @@
-import { resolve } from 'node:path';
-import { intro, select } from '@clack/prompts';
-import { handleCanceled } from '../utils.js';
+import { existsSync } from 'node:fs';
+import { intro, select, spinner, outro } from '@clack/prompts';
+import { handleCanceled, sleep } from '../utils.js';
+import { appendUrlsToPagesData, pagesDataPath } from './utils.js';
 
 interface Opts {
   root?: string;
 }
-export default async function({ root }: Opts = {}) {
+export default async function({ root }: Opts = {}): Promise<string[]> {
   const rootDir = root ?? process.cwd();
 
   intro('Page Manager');
@@ -21,11 +22,41 @@ export default async function({ root }: Opts = {}) {
     }]
   }));
 
+  let urls: string[];
   if (action === 'bulk') {
     const bulkCreate = await import('./bulk-create.js');
-    await bulkCreate.default(rootDir);
+    urls = await bulkCreate.default(rootDir);
   } else {
     const singleCreate = await import('./single-create.js');
-    await singleCreate.default(rootDir);
+    const url = await singleCreate.default(rootDir);
+    urls = [url];
   }
+
+  if (urls.length && existsSync(pagesDataPath(rootDir))) {
+    const update = handleCanceled<boolean>(await select({
+      message: 'Would you like to append these URLs to the Pages array in src/data/pages.tsx?',
+      options: [{
+        label: 'Yes, update the file',
+        value: true
+      }, {
+        label: 'No, skip',
+        value: false
+      }]
+    }));
+    if (update) {
+      const spin = spinner();
+      spin.start('Updating src/data/pages.tsx');
+      await sleep();
+      try {
+        await appendUrlsToPagesData(rootDir, urls);
+        spin.stop('src/data/pages.tsx updated!');
+      } catch (err) {
+        spin.stop(`Could not update src/data/pages.tsx: ${(err as Error).message}`);
+      }
+    }
+  }
+
+  outro('Happy coding!');
+
+  return urls;
 }

package/src/apps/page-manager/single-create.ts

@@ -2,14 +2,14 @@ import { existsSync } from 'node:fs';
 import { writeFile, readdir, readFile, mkdir } from 'node:fs/promises';
 import { basename, join, resolve as resolvePath } from 'node:path';
 
-import { text, select, multiselect, note, spinner, outro } from '@clack/prompts';
+import { text, select, multiselect, note, spinner } from '@clack/prompts';
 import { sleep, handleCanceled, cleanInput, generateRandomId, titleCase } from '../utils.js';
 import { getLayouts, createPageAssets } from './utils.js';
 
 
 
 
-export default async function singleCreate(rootDir: string) {
+export default async function singleCreate(rootDir: string): Promise<string> {
   const contentDir = join(rootDir, 'src/contents');
   const pagesDir = join(rootDir, 'src/pages');
   const layouts = await getLayouts(rootDir);
@@ -65,11 +65,15 @@ export default async function singleCreate(rootDir: string) {
   spin.start('Generating page assets');
   await sleep();
 
-  await createPageAssets({ rootDir, contentPath, contentName, pageName, layout });
+  const url = await createPageAssets({ rootDir, contentPath, contentName, pageName, layout });
 
   await sleep();
   spin.stop('Page assets generated!');
 
+  note(`Page URL: ${url}`);
+
+  return url;
+
 
   // let path: string | undefined = undefined;
   // do {

package/src/apps/page-manager/utils.ts

@@ -2,6 +2,72 @@ import { existsSync } from 'node:fs';
 import { readFile, writeFile, readdir, mkdir } from 'node:fs/promises';
 import { basename, join, resolve as resolvePath } from 'node:path';
 
+export function pagesDataPath(rootDir: string): string {
+  return join(rootDir, 'src/data/pages.tsx');
+}
+
+export function titleFromUrl(url: string): string {
+  return url
+    .replace(/^\/+/, '')
+    .replace(/\/+$/, '')
+    .split('-')
+    .filter(Boolean)
+    .map(w => w.charAt(0).toUpperCase() + w.slice(1))
+    .join(' ');
+}
+
+export async function appendUrlsToPagesData(rootDir: string, urls: string[]): Promise<void> {
+  if (!urls.length) return;
+
+  const filePath = pagesDataPath(rootDir);
+  const content = await readFile(filePath, 'utf8');
+
+  const declMatch = content.match(/((?:export\s+)?const\s+Pages\b[^=]*=\s*\[)/);
+  if (!declMatch || declMatch.index === undefined) {
+    throw new Error('Could not locate the `Pages` array in src/data/pages.tsx');
+  }
+
+  const arrayStart = declMatch.index + declMatch[0].length - 1;
+  let depth = 0;
+  let arrayEnd = -1;
+  for (let i = arrayStart; i < content.length; i++) {
+    const ch = content[i];
+    if (ch === '[') depth++;
+    else if (ch === ']') {
+      depth--;
+      if (depth === 0) {
+        arrayEnd = i;
+        break;
+      }
+    }
+  }
+  if (arrayEnd === -1) {
+    throw new Error('Could not find the end of the `Pages` array in src/data/pages.tsx');
+  }
+
+  const before = content.slice(0, arrayEnd);
+  const after = content.slice(arrayEnd);
+
+  const indentMatch = before.slice(arrayStart + 1).match(/\n([ \t]+)\S/);
+  const indent = indentMatch ? indentMatch[1] : '  ';
+
+  const body = before.slice(arrayStart + 1);
+  const trimmedBody = body.replace(/\s+$/, '');
+  const needsComma = trimmedBody.length > 0 && !trimmedBody.endsWith(',');
+
+  const entries = urls
+    .map(url => `${indent}{ title: <>${titleFromUrl(url)}</>, href: '${url}' },`)
+    .join('\n');
+
+  const newBefore =
+    content.slice(0, arrayStart + 1) +
+    (trimmedBody ? trimmedBody + (needsComma ? ',' : '') + '\n' : '\n') +
+    entries +
+    '\n';
+
+  await writeFile(filePath, newBefore + after);
+}
+
 export async function getLayouts(rootDir: string): Promise<string[]> {
   const layouts = await readdir(join(rootDir, 'src/layouts'), { recursive: true });
   return layouts.filter(l => l.endsWith('.astro')).sort();
@@ -14,7 +80,7 @@ interface CreateParams {
   pageName?: string;
   layout: string;
 }
-export async function createPageAssets({ rootDir, contentPath, contentName, pageName, layout }: CreateParams) {
+export async function createPageAssets({ rootDir, contentPath, contentName, pageName, layout }: CreateParams): Promise<string> {
   const contentDir = join(rootDir, 'src/contents');
   const pagesDir = join(rootDir, 'src/pages');
 
@@ -67,4 +133,6 @@ export async function createPageAssets({ rootDir, contentPath, contentName, page
   await writeFile(join(contentDir, contentPath, `${contentName}.astro`), contentTemplate);
   await writeFile(join(contentDir, contentPath, `${contentName}.scss`), '');
   await writeFile(join(contentDir, contentPath, `${contentName}.ts`), '');
+
+  return `/${pageName.replace(/\.astro$/, '')}/`;
 }

package/src/components/scripts/ResizeScript/ResizeScript.astro

@@ -5,13 +5,15 @@ import esbuild from 'esbuild';
 import script from './resize.ts?raw';
 
 export interface Props {
-  width: number,
-  height: number
+  width: number;
+  height: number;
+  scale?: 'down' | 'up' | 'always' | 'never';
 }
 
 const {
   width,
-  height
+  height,
+  scale = 'down'
 } = Astro.props;
 
 let js: string | undefined;
@@ -22,7 +24,8 @@ if (BUILD_TARGET === 'veeva' || WEB_SCALING) {
     minify: true,
     define: {
       IVA_WIDTH: width.toString(),
-      IVA_HEIGHT: height.toString()
+      IVA_HEIGHT: height.toString(),
+      IVA_SCALE: JSON.stringify(scale)
     }
   });
   js = code;

package/src/components/scripts/ResizeScript/resize.ts

@@ -7,6 +7,8 @@
   const width: number = IVA_WIDTH;
   // @ts-ignore
   const height: number = IVA_HEIGHT;
+  // @ts-ignore
+  const scaleMode: 'down' | 'up' | 'always' | 'never' = IVA_SCALE;
   // ----------------------------------------------------------------------------------------------------
 
   const scalingWrapper = document.querySelector('.scaling-wrapper') as HTMLElement;
@@ -24,19 +26,30 @@
     const vw = Math.round(visualViewport?.width ?? window.innerWidth);
     const vh = Math.round(visualViewport?.height ?? window.innerHeight);
     let transform: string | undefined;
-    const shouldScaleDown = vw < width - 1 || vh < height - 1;
-    if (shouldScaleDown) {
-      const scale = Math.min(vw / width, vh / height);
-      if (scale !== 1 && lastScale !== scale) {
-        lastScale = scale;
-        const offsetX = (vw - width * scale) / 2 / scale;
-        const offsetY = (vh - height * scale) / 2 / scale;
-        transform = `scale(${scale}) translate(${offsetX}px, ${offsetY}px)`;
-      }
-    } else {
+
+    if (scaleMode === 'never') {
       transform = 'none';
+    } else {
+      const smallerThanTarget = vw < width - 1 || vh < height - 1;
+      const largerThanTarget = vw > width + 1 || vh > height + 1;
+      const shouldScale =
+        scaleMode === 'always' ||
+        (scaleMode === 'down' && smallerThanTarget) ||
+        (scaleMode === 'up' && largerThanTarget);
+
+      if (shouldScale) {
+        const scale = Math.min(vw / width, vh / height);
+        if (scale !== 1 && lastScale !== scale) {
+          lastScale = scale;
+          const offsetX = (vw - width * scale) / 2 / scale;
+          const offsetY = (vh - height * scale) / 2 / scale;
+          transform = `scale(${scale}) translate(${offsetX}px, ${offsetY}px)`;
+        }
+      } else {
+        transform = 'none';
+      }
     }
-    
+
     if (transform) {
       document.body.classList[transform === 'none' ? 'remove' : 'add']('scaled');
       scalingWrapper.style.transform = transform;