@ohos-ports/slides-grab 1.5.0-beta.3 → 1.5.0-beta.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ohos-ports/slides-grab",
-  "version": "1.5.0-beta.3",
+  "version": "1.5.0-beta.4",
   "description": "Agent-first presentation framework — plan, design, and visually edit HTML slides with Claude Code or Codex, then export to PDF or experimental/unstable PPTX/Figma formats. HarmonyOS adaptation: Playwright connects to system Haitai browser (Chromium M132) via CDP bridge.",
   "license": "MIT",
   "author": "vkehfdl1",
@@ -77,7 +77,7 @@
     "pptxgenjs": "^3.12.0",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
-    "sharp": "npm:@ohos-ports/sharp@0.34.5-beta.2",
+    "sharp": "npm:@ohos-ports/sharp@0.34.5-beta.5",
     "tldraw": "^4.4.1"
   },
   "optionalDependencies": {

package/scripts/html2pdf.js

@@ -11,6 +11,7 @@ import sharp from 'sharp';
 import { ensureSlidesPassValidation } from './validate-slides.js';
 
 const require = createRequire(import.meta.url);
+const { launchBrowserViaCdp, loadPageUrl } = require('../src/ohos-browser-bridge.cjs');
 const {
   getResolutionChoices,
   getResolutionSize,
@@ -667,7 +668,7 @@ export async function renderSlideToPdf(page, slideFile, slidesDir, options = {})
   const slideMode = normalizeSlideMode(options.slideMode ?? DEFAULT_SLIDE_MODE, { optionName: '--slide-mode' });
   const captureResolution = mode === 'capture' ? normalizeResolutionPreset(options.resolution ?? '') : '';
 
-  await page.goto(slideUrl, { waitUntil: 'load' });
+  await loadPageUrl(page, slideUrl, { waitUntil: 'load' });
   await waitForSlideRenderReady(page, options);
 
   const slideFrame = await detectSlideFrame(page, slideMode);
@@ -773,7 +774,9 @@ async function main() {
     throw new Error(`No slide-*.html files found in: ${slidesDir}`);
   }
 
-  const browser = await chromium.launch({ headless: true });
+  const browser = process.platform === 'openharmony'
+    ? await launchBrowserViaCdp()
+    : await chromium.launch({ headless: true });
   const page = await browser.newPage(buildPageOptions(options.mode, options.resolution, options.slideMode));
   const diagnostics = createSlideDiagnostics();
   diagnostics.attach(page);

package/scripts/html2png.js

@@ -9,6 +9,7 @@ import { chromium } from 'playwright';
 import { ensureSlidesPassValidation } from './validate-slides.js';
 
 const require = createRequire(import.meta.url);
+const { launchBrowserViaCdp, loadPageUrl } = require('../src/ohos-browser-bridge.cjs');
 const {
   getResolutionChoices,
   getResolutionSize,
@@ -159,7 +160,7 @@ async function discoverSlideFiles(slidesDir) {
 
 async function renderSlideToPng(page, slidesDir, slideFile, outputPath) {
   const url = pathToFileURL(join(slidesDir, slideFile)).href;
-  await page.goto(url, { waitUntil: 'load' });
+  await loadPageUrl(page, url, { waitUntil: 'load' });
   await page.evaluate(async () => {
     if (document.fonts?.ready) {
       await document.fonts.ready;
@@ -217,7 +218,9 @@ async function main() {
     `Rendering ${slideFiles.length} slide(s) at ${outputSize.width}x${outputSize.height} (${options.slideMode})\n`,
   );
 
-  const browser = await chromium.launch({ headless: true });
+  const browser = process.platform === 'openharmony'
+    ? await launchBrowserViaCdp()
+    : await chromium.launch({ headless: true });
   try {
     const context = await browser.newContext({
       viewport: { width: framePx.width, height: framePx.height },

package/scripts/validate-slides.js

@@ -22,6 +22,7 @@ import {
 } from '../src/validation/core.js';
 
 const require = createRequire(import.meta.url);
+const { launchBrowserViaCdp } = require('../src/ohos-browser-bridge.cjs');
 const { DEFAULT_SLIDE_MODE } = require('../src/slide-mode.cjs');
 
 export {
@@ -170,7 +171,9 @@ export async function validateSlides(slidesDir, { mode = DEFAULT_SLIDE_MODE, sel
     throw new Error(`No slide-*.html files found in: ${slidesDir}`);
   }
 
-  const browser = await chromium.launch({ headless: true });
+  const browser = process.platform === 'openharmony'
+    ? await launchBrowserViaCdp()
+    : await chromium.launch({ headless: true });
   const context = await browser.newContext({ viewport: { width: 1920, height: 1080 } });
   const page = await context.newPage();
 

package/src/ohos-browser-bridge.cjs

@@ -115,6 +115,17 @@ function killBrowserProcess(pkg) {
     execSync(`killall ${pkg} 2>/dev/null`, { encoding: 'utf-8', timeout: 5000, stdio: ['pipe', 'pipe', 'ignore'] });
   } catch {}
 
+  // 3b. Fallback: kill -9 by PID
+  try {
+    const out = execSync(`ps -ef 2>/dev/null | grep "${pkg}" | grep -v grep | awk '{print $2}'`, {
+      encoding: 'utf-8', timeout: 5000, stdio: ['pipe', 'pipe', 'ignore']
+    });
+    const pids = out.trim().split('\n').filter(Boolean);
+    for (const pid of pids) {
+      try { execSync(`kill -9 ${pid} 2>/dev/null`, { encoding: 'utf-8', timeout: 3000, stdio: ['pipe', 'pipe', 'ignore'] }); } catch {}
+    }
+  } catch {}
+
   // 4. Wait for process to die (poll up to 5s)
   const deadline = Date.now() + 5000;
   while (Date.now() < deadline) {