@christophervr/pptx-viewer 1.4.0 → 1.4.1

package/CHANGELOG.md

@@ -4,6 +4,12 @@ All notable changes to this project are documented here.
 This file is generated from [Conventional Commits](https://www.conventionalcommits.org)
 by [git-cliff](https://git-cliff.org); do not edit it by hand.
 
+## [1.4.0](https://github.com/ChristopherVR/pptx-viewer/releases/tag/@christophervr/pptx-viewer@1.4.0) - 2026-07-05
+
+### Features
+
+- **core,cli:** Add react, angular, vue to npm keywords (by @ChristopherVR) ([528ec61](https://github.com/ChristopherVR/pptx-viewer/commit/528ec6182bb77c07444dd0e93560b65e604b9524))
+
 ## [1.3.0](https://github.com/ChristopherVR/pptx-viewer/releases/tag/@christophervr/pptx-viewer@1.3.0) - 2026-07-04
 
 ## [1.2.0](https://github.com/ChristopherVR/pptx-viewer/releases/tag/@christophervr/pptx-viewer@1.2.0) - 2026-07-04

package/dist/index.mjs

@@ -412,6 +412,7 @@ var REACT_APP_TSX = `import { useCallback, useState } from 'react';
 import { PptxHandler } from 'pptx-viewer-core';
 import { PowerPointViewer } from 'pptx-react-viewer';
 import 'pptx-react-viewer/styles.css';
+import './i18n';
 
 export default function App() {
 	const [content, setContent] = useState<Uint8Array | null>(null);
@@ -453,6 +454,25 @@ export default function App() {
 	);
 }
 `;
+var REACT_I18N_TS = `import { createInstance } from 'i18next';
+import { translationsEn, keyToLabel } from 'pptx-react-viewer/i18n';
+import { initReactI18next } from 'react-i18next';
+
+const i18n = createInstance();
+
+i18n.use(initReactI18next).init({
+	resources: {
+		en: { translation: translationsEn },
+	},
+	lng: 'en',
+	fallbackLng: 'en',
+	interpolation: { escapeValue: false },
+	parseMissingKeyHandler: (key: string) => keyToLabel(key),
+	missingKeyHandler: false,
+});
+
+export default i18n;
+`;
 var VUE_APP_VUE = `<script setup lang="ts">
 import { ref } from 'vue';
 import { PptxHandler } from 'pptx-viewer-core';
@@ -491,6 +511,23 @@ async function newPresentation() {
 	</div>
 </template>
 `;
+var VUE_MAIN_TS = `import { createApp } from 'vue';
+import { createI18n } from 'vue-i18n';
+import { translationsEn, keyToLabel } from 'pptx-vue-viewer/i18n';
+import App from './App.vue';
+
+const i18n = createI18n({
+	legacy: false,
+	locale: 'en',
+	fallbackLocale: 'en',
+	messages: { en: translationsEn },
+	missing: (_locale, key) => keyToLabel(key),
+	missingWarn: false,
+	fallbackWarn: false,
+});
+
+createApp(App).use(i18n).mount('#app');
+`;
 var ANGULAR_APP_TS = `import { Component, signal } from '@angular/core';
 import { PptxHandler } from 'pptx-viewer-core';
 import { PowerPointViewerComponent } from 'pptx-angular-viewer';
@@ -531,6 +568,36 @@ export class App {
 	}
 }
 `;
+var ANGULAR_MAIN_TS = `import 'zone.js';
+import '@angular/compiler';
+import { bootstrapApplication } from '@angular/platform-browser';
+import { Injectable } from '@angular/core';
+import type { MissingTranslationHandlerParams } from '@ngx-translate/core';
+import { MissingTranslationHandler, provideTranslateService } from '@ngx-translate/core';
+import { keyToLabel } from 'pptx-angular-viewer';
+
+import { App } from './app/app.ts';
+
+@Injectable()
+class LabelFallbackHandler implements MissingTranslationHandler {
+	handle(params: MissingTranslationHandlerParams): string {
+		return keyToLabel(params.key);
+	}
+}
+
+bootstrapApplication(App, {
+	providers: [
+		provideTranslateService({
+			lang: 'en',
+			fallbackLang: 'en',
+			missingTranslationHandler: {
+				provide: MissingTranslationHandler,
+				useClass: LabelFallbackHandler,
+			},
+		}),
+	],
+}).catch((err) => console.error(err));
+`;
 var TARGETS = [
   {
     id: "react",
@@ -578,7 +645,8 @@ Docs: https://www.npmjs.com/package/pptx-react-viewer`,
         "react-i18next"
       ],
       entryCandidates: ["src/App.tsx"],
-      entryContent: REACT_APP_TSX
+      entryContent: REACT_APP_TSX,
+      extraFiles: { "src/i18n.ts": REACT_I18N_TS }
     }
   },
   {
@@ -602,9 +670,16 @@ Docs: https://www.npmjs.com/package/pptx-vue-viewer`,
     scaffold: {
       command: "create-vite@latest",
       args: (dir) => [dir, "--template", "vue-ts", "--no-interactive", "--no-immediate"],
-      extraPackages: ["pptx-vue-viewer", "pptx-viewer-core", "jszip", "fast-xml-parser"],
+      extraPackages: [
+        "pptx-vue-viewer",
+        "pptx-viewer-core",
+        "vue-i18n",
+        "jszip",
+        "fast-xml-parser"
+      ],
       entryCandidates: ["src/App.vue"],
-      entryContent: VUE_APP_VUE
+      entryContent: VUE_APP_VUE,
+      extraFiles: { "src/main.ts": VUE_MAIN_TS }
     }
   },
   {
@@ -636,10 +711,11 @@ Docs: https://www.npmjs.com/package/pptx-angular-viewer`,
         "--skip-install",
         "--no-interactive"
       ],
-      extraPackages: ["pptx-angular-viewer", "pptx-viewer-core"],
+      extraPackages: ["pptx-angular-viewer", "pptx-viewer-core", "@ngx-translate/core"],
       // Angular v20+ generates `app.ts`; older schematics generate `app.component.ts`.
       entryCandidates: ["src/app/app.ts", "src/app/app.component.ts"],
-      entryContent: ANGULAR_APP_TS
+      entryContent: ANGULAR_APP_TS,
+      extraFiles: { "src/main.ts": ANGULAR_MAIN_TS }
     }
   },
   {
@@ -735,18 +811,19 @@ function mergePackages(targets) {
 
 // src/run-command.ts
 import { spawn } from "child_process";
-function runCommand(command, args, cwd) {
+function runCommand(command, args, cwd, options) {
   return new Promise((resolve, reject) => {
     const isWindows = process.platform === "win32";
-    const child = isWindows ? spawn([command, ...args].join(" "), { cwd, stdio: "inherit", shell: true }) : spawn(command, args, { cwd, stdio: "inherit" });
+    const stdio = options?.silent ? "ignore" : "inherit";
+    const child = isWindows ? spawn([command, ...args].join(" "), { cwd, stdio, shell: true }) : spawn(command, args, { cwd, stdio });
     child.on("error", reject);
     child.on("close", (code) => resolve(code ?? 1));
   });
 }
 
 // src/scaffold.ts
-import { existsSync as existsSync3, writeFileSync } from "fs";
-import { join as join3 } from "path";
+import { existsSync as existsSync3, mkdirSync, writeFileSync } from "fs";
+import { dirname, join as join3 } from "path";
 function sanitizeProjectName(name) {
   const cleaned = name.trim().replace(/[^a-zA-Z0-9._-]+/gu, "-").replace(/-{2,}/gu, "-").replace(/^-+|-+$/gu, "");
   return cleaned || "pptx-viewer-app";
@@ -763,7 +840,8 @@ async function scaffoldProject(recipe, projectName, pm, cwd) {
   const scaffoldExit = await runCommand(
     "npx",
     ["--yes", recipe.command, ...recipe.args(projectName)],
-    cwd
+    cwd,
+    { silent: true }
   );
   if (scaffoldExit !== 0) {
     throw new Error(`${recipe.command} exited with code ${scaffoldExit}`);
@@ -773,6 +851,13 @@ async function scaffoldProject(recipe, projectName, pm, cwd) {
   if (patchedFile) {
     writeFileSync(join3(projectDir, patchedFile), recipe.entryContent);
   }
+  if (recipe.extraFiles) {
+    for (const [relativePath, content] of Object.entries(recipe.extraFiles)) {
+      const fullPath = join3(projectDir, relativePath);
+      mkdirSync(dirname(fullPath), { recursive: true });
+      writeFileSync(fullPath, content);
+    }
+  }
   if (recipe.extraPackages.length > 0) {
     const [command, args] = installCommand(pm, recipe.extraPackages);
     const installExit = await runCommand(command, args, projectDir);
@@ -891,18 +976,20 @@ ${dim("Skipped.")}`);
 ${yellow("Scaffolded the project, but could not find an entry file to wire up automatically.")} See the quick-start snippet below and add it yourself.`
     );
   }
-  console.log(
-    `
-${green("\u2714")} ${bold("Done.")} Next steps:
-
+  for (const configTarget of configTargets) {
+    console.log(`
+${configTarget.nextSteps}
+`);
+  }
+  console.log(`
+${green("\u2714")} ${bold("Done!")} Starting dev server...
+`);
+  const projectDir = result.projectDir;
+  const devExit = await runCommand(pm, ["run", "dev"], projectDir);
+  if (devExit !== 0) {
+    console.log(`
   ${cyan(`cd ${projectName}`)}
   ${cyan(`${pm} run dev`)}
-
-${target.nextSteps}
-`
-  );
-  for (const configTarget of configTargets) {
-    console.log(`${configTarget.nextSteps}
 `);
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@christophervr/pptx-viewer",
-	"version": "1.4.0",
+	"version": "1.4.1",
 	"description": "Interactive installer for the pptx-viewer family of packages: React, Vue, and Angular viewer components, the framework-agnostic core engine, and the MCP server.",
 	"keywords": [
 		"angular",