npm - @ohos-ports/slides-grab - Versions diffs - 1.5.0-beta.0 - Mend

@ohos-ports/slides-grab 1.5.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (115) hide show

package/LICENSE +21 -0
package/README-ko.md +292 -0
package/README.md +301 -0
package/bin/ohos-postinstall.cjs +118 -0
package/bin/ppt-agent.js +620 -0
package/convert.cjs +20 -0
package/native/@img/sharp-libvips-openharmony-arm64/lib/glib-2.0/include/glibconfig.h +220 -0
package/native/@img/sharp-libvips-openharmony-arm64/lib/index.js +1 -0
package/native/@img/sharp-libvips-openharmony-arm64/lib/libexpat.so +0 -0
package/native/@img/sharp-libvips-openharmony-arm64/lib/libffi.so +0 -0
package/native/@img/sharp-libvips-openharmony-arm64/lib/libjpeg.so +0 -0
package/native/@img/sharp-libvips-openharmony-arm64/lib/libpcre2-8.so.0 +0 -0
package/native/@img/sharp-libvips-openharmony-arm64/lib/libvips-cpp.so.42.20.3 +0 -0
package/native/@img/sharp-libvips-openharmony-arm64/lib/libvips.so.42.20.3 +0 -0
package/native/@img/sharp-libvips-openharmony-arm64/package.json +13 -0
package/native/@img/sharp-openharmony-arm64/lib/sharp-openharmony-arm64.node +0 -0
package/native/@img/sharp-openharmony-arm64/package.json +16 -0
package/package.json +95 -0
package/runtimes/claude-code/agents/design-critic-agent.md +23 -0
package/runtimes/codex/agents/slides-grab-design-critic.md +22 -0
package/scripts/build-viewer.js +444 -0
package/scripts/design-gate.js +258 -0
package/scripts/download-video.js +213 -0
package/scripts/editor-server.js +1167 -0
package/scripts/figma-export.js +169 -0
package/scripts/generate-image.js +116 -0
package/scripts/generate-images.js +164 -0
package/scripts/html2pdf.js +822 -0
package/scripts/html2png.js +246 -0
package/scripts/html2pptx.js +162 -0
package/scripts/import-template.js +86 -0
package/scripts/install-runtime.js +216 -0
package/scripts/render-tldraw.js +44 -0
package/scripts/validate-slides.js +221 -0
package/skills/slides-grab/SKILL.md +65 -0
package/skills/slides-grab/references/presentation-workflow-reference.md +61 -0
package/skills/slides-grab-card-news/SKILL.md +35 -0
package/skills/slides-grab-design/SKILL.md +88 -0
package/skills/slides-grab-design/references/beautiful-slide-defaults.md +88 -0
package/skills/slides-grab-design/references/design-gate.md +349 -0
package/skills/slides-grab-design/references/design-rules.md +76 -0
package/skills/slides-grab-design/references/design-system-full.md +568 -0
package/skills/slides-grab-design/references/detailed-design-rules.md +70 -0
package/skills/slides-grab-export/SKILL.md +55 -0
package/skills/slides-grab-export/references/export-rules.md +27 -0
package/skills/slides-grab-export/references/html2pptx.md +627 -0
package/skills/slides-grab-export/references/ooxml.md +427 -0
package/skills/slides-grab-export/references/pptx-skill-reference.md +189 -0
package/skills/slides-grab-html/SKILL.md +67 -0
package/skills/slides-grab-image/SKILL.md +82 -0
package/skills/slides-grab-plan/SKILL.md +68 -0
package/skills/slides-grab-plan/references/design-md-to-slides-conversion.md +135 -0
package/skills/slides-grab-plan/references/outline-format.md +47 -0
package/skills/slides-grab-plan/references/plan-workflow-reference.md +140 -0
package/src/codex-imagen.js +182 -0
package/src/design-diversity-data.js +6932 -0
package/src/design-gate-report.js +244 -0
package/src/design-gate-state.js +329 -0
package/src/design-import.js +164 -0
package/src/design-md-parser.js +415 -0
package/src/design-styles-data.js +1928 -0
package/src/design-styles.js +209 -0
package/src/editor/codex-edit.js +584 -0
package/src/editor/edit-subprocess.js +170 -0
package/src/editor/editor-codex-prompt.md +50 -0
package/src/editor/editor.html +1785 -0
package/src/editor/js/editor-bbox.js +332 -0
package/src/editor/js/editor-chat.js +56 -0
package/src/editor/js/editor-direct-edit.js +238 -0
package/src/editor/js/editor-dom.js +59 -0
package/src/editor/js/editor-init.js +405 -0
package/src/editor/js/editor-navigation.js +54 -0
package/src/editor/js/editor-select.js +558 -0
package/src/editor/js/editor-send.js +175 -0
package/src/editor/js/editor-sse.js +163 -0
package/src/editor/js/editor-state.js +41 -0
package/src/editor/js/editor-type.js +71 -0
package/src/editor/js/editor-utils.js +167 -0
package/src/editor/js/model-registry.js +37 -0
package/src/editor/screenshot.js +82 -0
package/src/export-resolution.cjs +68 -0
package/src/figma.js +71 -0
package/src/html2pptx-scale.cjs +120 -0
package/src/html2pptx.cjs +1262 -0
package/src/image-contract.js +329 -0
package/src/image-native.js +468 -0
package/src/nano-banana.js +841 -0
package/src/ohos-browser-bridge.cjs +272 -0
package/src/pptx-raster-export.cjs +299 -0
package/src/resolve.js +110 -0
package/src/slide-mode.cjs +72 -0
package/src/template-fidelity.js +267 -0
package/src/template-import.js +505 -0
package/src/template-layout.js +261 -0
package/src/template-pack.js +255 -0
package/src/tldraw/render.js +473 -0
package/src/validation/cli.js +120 -0
package/src/validation/core.js +1023 -0
package/templates/chart.html +121 -0
package/templates/closing.html +54 -0
package/templates/content.html +50 -0
package/templates/contents.html +60 -0
package/templates/cover.html +64 -0
package/templates/custom/.gitkeep +0 -0
package/templates/custom/README.md +7 -0
package/templates/design-styles/README.md +20 -0
package/templates/design-styles/preview.html +4438 -0
package/templates/diagram-tldraw.html +56 -0
package/templates/diagram.html +98 -0
package/templates/quote.html +31 -0
package/templates/section-divider.html +43 -0
package/templates/split-layout.html +43 -0
package/templates/statistics.html +55 -0
package/templates/team.html +49 -0
package/templates/timeline.html +59 -0

package/src/image-contract.js ADDED Viewed

@@ -0,0 +1,329 @@
+import { dirname, join, resolve } from 'node:path';
+const ABSOLUTE_FILESYSTEM_PATH_RE = /^(file:\/\/|\/Users\/|\/home\/|\/var\/|\/tmp\/|\/private\/|\/Volumes\/|[A-Za-z]:[\\/]|\\\\)/i;
+const SCHEME_RE = /^[a-z][a-z0-9+\-.]*:/i;
+const CSS_URL_RE = /url\(\s*(['"]?)(.*?)\1\s*\)/gi;
+export const LOCAL_ASSET_PREFIX = './assets/';
+const ASSET_CONTRACT_RULES = {
+  image: {
+    label: 'image',
+    remoteCode: 'remote-image-url',
+    remoteInsecureCode: 'remote-image-url-insecure',
+    absoluteCode: 'absolute-filesystem-image-path',
+    rootRelativeCode: 'root-relative-image-path',
+    otherSchemeCode: 'unsupported-image-url-scheme',
+    noncanonicalCode: 'noncanonical-relative-image-path',
+  },
+  video: {
+    label: 'video',
+    remoteCode: 'remote-video-url',
+    remoteInsecureCode: 'remote-video-url-insecure',
+    absoluteCode: 'absolute-filesystem-video-path',
+    rootRelativeCode: 'root-relative-video-path',
+    otherSchemeCode: 'unsupported-video-url-scheme',
+    noncanonicalCode: 'noncanonical-relative-video-path',
+  },
+};
+export function looksLikeAbsoluteFilesystemPath(value) {
+  return ABSOLUTE_FILESYSTEM_PATH_RE.test((value || '').trim());
+}
+export function extractCssUrls(value) {
+  const input = typeof value === 'string' ? value : '';
+  const matches = [];
+  let match;
+  while ((match = CSS_URL_RE.exec(input)) !== null) {
+    const candidate = (match[2] || '').trim();
+    if (candidate) {
+      matches.push(candidate);
+    }
+  }
+  return matches;
+}
+export function classifyImageSource(source) {
+  const value = typeof source === 'string' ? source.trim() : '';
+  if (!value) return { kind: 'empty' };
+  if (value.startsWith('data:')) return { kind: 'data-url' };
+  if (value.startsWith('https://')) return { kind: 'remote-url' };
+  if (value.startsWith('http://')) return { kind: 'remote-url-insecure' };
+  if (looksLikeAbsoluteFilesystemPath(value)) return { kind: 'absolute-filesystem-path' };
+  if (value.startsWith(LOCAL_ASSET_PREFIX)) return { kind: 'local-asset-path' };
+  if (value.startsWith('/')) return { kind: 'root-relative-path' };
+  if (SCHEME_RE.test(value)) return { kind: 'other-scheme' };
+  return { kind: 'noncanonical-relative-path' };
+}
+export function resolveSlideSourcePath(slidePath, source) {
+  return resolve(dirname(slidePath), source);
+}
+function injectIntoHead(html, snippet) {
+  if (/<head\b[^>]*>/i.test(html)) {
+    return html.replace(/<head\b[^>]*>/i, (match) => `${match}\n${snippet}`);
+  }
+  if (/<html\b[^>]*>/i.test(html)) {
+    return html.replace(/<html\b[^>]*>/i, (match) => `${match}\n<head>\n${snippet}\n</head>`);
+  }
+  return `${snippet}\n${html}`;
+}
+function buildAssetContractReport({ slideFile, sources = [], assetType = 'image' }) {
+  const rules = ASSET_CONTRACT_RULES[assetType] || ASSET_CONTRACT_RULES.image;
+  const { label } = rules;
+  const issues = [];
+  for (const entry of sources) {
+    const source = typeof entry?.source === 'string' ? entry.source.trim() : '';
+    const classification = classifyImageSource(source);
+    if (classification.kind === 'empty' || classification.kind === 'data-url') {
+      continue;
+    }
+    if (classification.kind === 'remote-url') {
+      issues.push({
+        severity: 'critical',
+        code: rules.remoteCode,
+        message: `Remote ${label} URLs are unsupported in saved slide HTML. Download the ${label} into ./assets/<file> instead.`,
+        slide: slideFile,
+        ...entry,
+      });
+      continue;
+    }
+    if (classification.kind === 'remote-url-insecure') {
+      issues.push({
+        severity: 'critical',
+        code: rules.remoteInsecureCode,
+        message: `Remote http:// ${label} URLs are unsupported in saved slide HTML. Download the ${label} into ./assets/<file> instead.`,
+        slide: slideFile,
+        ...entry,
+      });
+      continue;
+    }
+    if (classification.kind === 'absolute-filesystem-path') {
+      issues.push({
+        severity: 'critical',
+        code: rules.absoluteCode,
+        message: `Absolute filesystem ${label} paths are unsupported. Use ./assets/<file> instead.`,
+        slide: slideFile,
+        ...entry,
+      });
+      continue;
+    }
+    if (classification.kind === 'root-relative-path') {
+      issues.push({
+        severity: 'critical',
+        code: rules.rootRelativeCode,
+        message: `Root-relative ${label} paths are unsupported. Use ./assets/<file> instead.`,
+        slide: slideFile,
+        ...entry,
+      });
+      continue;
+    }
+    if (classification.kind === 'other-scheme' && rules.otherSchemeCode) {
+      issues.push({
+        severity: 'critical',
+        code: rules.otherSchemeCode,
+        message: `Non-file URL schemes for ${label} assets are unsupported in saved slide HTML. Download the ${label} into ./assets/<file> instead.`,
+        slide: slideFile,
+        ...entry,
+      });
+      continue;
+    }
+    if (classification.kind === 'noncanonical-relative-path') {
+      issues.push({
+        severity: 'warning',
+        code: rules.noncanonicalCode,
+        message: `Use ./assets/<file> for portable local ${label} assets.`,
+        slide: slideFile,
+        ...entry,
+      });
+    }
+  }
+  return issues;
+}
+export function buildImageContractReport({ slideFile, sources = [] }) {
+  return buildAssetContractReport({ slideFile, sources, assetType: 'image' });
+}
+export function buildVideoContractReport({ slideFile, sources = [] }) {
+  return buildAssetContractReport({ slideFile, sources, assetType: 'video' });
+}
+export function buildSlideRuntimeHtml(html, { baseHref, slideFile }) {
+  const snippets = [];
+  if (baseHref && !/<base\b/i.test(html)) {
+    snippets.push(`<base data-slides-grab-runtime="base" href="${baseHref}">`);
+  }
+  const script = `<script data-slides-grab-runtime="diagnostics">
+(() => {
+  const slideFile = ${JSON.stringify(slideFile)};
+  const localAssetPrefix = ${JSON.stringify(LOCAL_ASSET_PREFIX)};
+  const absolutePathRe = ${ABSOLUTE_FILESYSTEM_PATH_RE.toString()};
+  const schemeRe = ${SCHEME_RE.toString()};
+  const prefix = '[slides-grab:image]';
+  function describeElement(element) {
+    if (!element || element.nodeType !== Node.ELEMENT_NODE) return '';
+    if (element === document.body) return 'body';
+    const parts = [];
+    let current = element;
+    while (current && current.nodeType === Node.ELEMENT_NODE && current !== document.body) {
+      let part = current.tagName.toLowerCase();
+      if (current.id) {
+        part += '#' + current.id;
+        parts.unshift(part);
+        break;
+      }
+      if (current.classList.length > 0) {
+        part += '.' + Array.from(current.classList).slice(0, 2).join('.');
+      }
+      parts.unshift(part);
+      current = current.parentElement;
+    }
+    return 'body > ' + parts.join(' > ');
+  }
+  function warn(message, detail) {
+    console.warn(prefix + ' ' + slideFile + ': ' + message, detail);
+  }
+  function fail(message, detail) {
+    console.error(prefix + ' ' + slideFile + ': ' + message, detail);
+  }
+  function validateAssetSource(kind, source, { allowEmpty = true, onNoncanonical = 'warn' } = {}) {
+    const value = (source || '').trim();
+    if (!value) {
+      return allowEmpty;
+    }
+    if (value.startsWith('data:')) {
+      return true;
+    }
+    if (value.startsWith('https://')) {
+      fail('remote ' + kind + ' URL is unsupported in saved slides; download it into ./assets/<file>', { src: value });
+      return false;
+    }
+    if (value.startsWith('http://')) {
+      fail('remote http:// ' + kind + ' URL is unsupported in saved slides; download it into ./assets/<file>', { src: value });
+      return false;
+    }
+    if (absolutePathRe.test(value) || value.startsWith('/')) {
+      fail('non-portable ' + kind + ' path is unsupported', { src: value });
+      return false;
+    }
+    if (schemeRe.test(value)) {
+      fail('unsupported ' + kind + ' URL scheme in saved slides; download it into ./assets/<file>', { src: value });
+      return false;
+    }
+    if (!value.startsWith(localAssetPrefix)) {
+      const report = onNoncanonical === 'fail' ? fail : warn;
+      report('noncanonical local ' + kind + ' path should use ./assets/<file>', { src: value });
+    }
+    return true;
+  }
+  function getVideoSources(video) {
+    const sources = [];
+    const directSrc = (video.getAttribute('src') || '').trim();
+    if (directSrc) {
+      sources.push(directSrc);
+    }
+    for (const source of video.querySelectorAll('source[src]')) {
+      const src = (source.getAttribute('src') || '').trim();
+      if (src) {
+        sources.push(src);
+      }
+    }
+    return sources;
+  }
+  window.addEventListener('error', (event) => {
+    const target = event.target;
+    if (target instanceof HTMLImageElement) {
+      const src = (target.getAttribute('src') || target.currentSrc || '').trim();
+      if (!src || src.startsWith('data:')) return;
+      if (src.startsWith(localAssetPrefix)) {
+        fail('missing local asset', { src });
+        return;
+      }
+      fail('image failed to load', { src });
+      return;
+    }
+    if (target instanceof HTMLVideoElement) {
+      const sources = getVideoSources(target);
+      if (sources.some((src) => src.startsWith(localAssetPrefix))) {
+        fail('missing local video asset', { sources });
+        return;
+      }
+      fail('video failed to load', { sources });
+      return;
+    }
+    if (target instanceof HTMLSourceElement && target.parentElement instanceof HTMLVideoElement) {
+      const src = (target.getAttribute('src') || '').trim();
+      if (!src) return;
+      if (src.startsWith(localAssetPrefix)) {
+        fail('missing local video asset', { src });
+        return;
+      }
+      fail('video source failed to load', { src });
+    }
+  }, true);
+  window.addEventListener('DOMContentLoaded', () => {
+    for (const image of document.querySelectorAll('img[src]')) {
+      const src = (image.getAttribute('src') || '').trim();
+      validateAssetSource('image', src);
+    }
+    for (const video of document.querySelectorAll('video')) {
+      for (const src of getVideoSources(video)) {
+        validateAssetSource('video', src);
+      }
+      const poster = (video.getAttribute('poster') || '').trim();
+      if (poster) {
+        validateAssetSource('image', poster);
+      }
+    }
+    for (const element of document.body.querySelectorAll('*')) {
+      if (element === document.body) continue;
+      const backgroundImage = window.getComputedStyle(element).backgroundImage;
+      if (!backgroundImage || backgroundImage === 'none' || !backgroundImage.includes('url(')) continue;
+      fail('non-body background-image is not supported for slide content', {
+        element: describeElement(element),
+        backgroundImage,
+      });
+    }
+  });
+})();
+</script>`;
+  snippets.push(script);
+  return injectIntoHead(html, snippets.join('\n'));
+}
+export function resolveLocalAssetPath(slidePath, source) {
+  return join(dirname(slidePath), source.replace(/^\.\//, ''));
+}