From a262c9834f47a6519de22b407e719d5569a566d8 Mon Sep 17 00:00:00 2001
From: omenmn <ormomenm@gmail.com>
Date: Sat, 21 Jun 2025 14:18:15 +0530
Subject: [PATCH] init new pdf to png

---
 src/pages/tools/pdf/index.ts                  |  4 +-
 src/pages/tools/pdf/pdf-to-png/index.tsx      | 62 +++++++++++++++++++
 src/pages/tools/pdf/pdf-to-png/meta.ts        | 14 +++++
 .../pdf/pdf-to-png/pdf-to-png.service.test.ts |  6 ++
 src/pages/tools/pdf/pdf-to-png/service.ts     |  5 ++
 src/pages/tools/pdf/pdf-to-png/types.ts       |  3 +
 6 files changed, 93 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/tools/pdf/pdf-to-png/index.tsx
 create mode 100644 src/pages/tools/pdf/pdf-to-png/meta.ts
 create mode 100644 src/pages/tools/pdf/pdf-to-png/pdf-to-png.service.test.ts
 create mode 100644 src/pages/tools/pdf/pdf-to-png/service.ts
 create mode 100644 src/pages/tools/pdf/pdf-to-png/types.ts

diff --git a/src/pages/tools/pdf/index.ts b/src/pages/tools/pdf/index.ts
index c5f294f..2f9a4a1 100644
--- a/src/pages/tools/pdf/index.ts
+++ b/src/pages/tools/pdf/index.ts
@@ -1,3 +1,4 @@
+import { tool as pdfPdfToPng } from './pdf-to-png/meta';
 import { tool as pdfRotatePdf } from './rotate-pdf/meta';
 import { meta as splitPdfMeta } from './split-pdf/meta';
 import { meta as mergePdf } from './merge-pdf/meta';
@@ -12,5 +13,6 @@ export const pdfTools: DefinedTool[] = [
   compressPdfTool,
   protectPdfTool,
   mergePdf,
-  pdfToEpub
+  pdfToEpub,
+  pdfPdfToPng
 ];
diff --git a/src/pages/tools/pdf/pdf-to-png/index.tsx b/src/pages/tools/pdf/pdf-to-png/index.tsx
new file mode 100644
index 0000000..05add93
--- /dev/null
+++ b/src/pages/tools/pdf/pdf-to-png/index.tsx
@@ -0,0 +1,62 @@
+import { Box } from '@mui/material';
+import React, { useState } from 'react';
+import ToolContent from '@components/ToolContent';
+import { ToolComponentProps } from '@tools/defineTool';
+import ToolTextInput from '@components/input/ToolTextInput';
+import ToolTextResult from '@components/result/ToolTextResult';
+import { GetGroupsType } from '@components/options/ToolOptions';
+import { CardExampleType } from '@components/examples/ToolExamples';
+import { main } from './service';
+import { InitialValuesType } from './types';
+
+const initialValues: InitialValuesType = {
+  // splitSeparator: '\n'
+};
+
+const exampleCards: CardExampleType<InitialValuesType>[] = [
+  {
+    title: 'Split a String',
+    description: 'This example shows how to split a string into multiple lines',
+    sampleText: 'Hello World,Hello World',
+    sampleResult: `Hello World
+Hello World`,
+    sampleOptions: {
+      //     splitSeparator: ','
+    }
+  }
+];
+export default function PdfToPng({
+  title,
+  longDescription
+}: ToolComponentProps) {
+  const [input, setInput] = useState<string>('');
+  const [result, setResult] = useState<string>('');
+
+  const compute = (values: InitialValuesType, input: string) => {
+    setResult(main(input, values));
+  };
+
+  const getGroups: GetGroupsType<InitialValuesType> | null = ({
+    values,
+    updateField
+  }) => [
+    {
+      title: 'Example Settings',
+      component: <Box></Box>
+    }
+  ];
+  return (
+    <ToolContent
+      title={title}
+      input={input}
+      inputComponent={<ToolTextInput value={input} onChange={setInput} />}
+      resultComponent={<ToolTextResult value={result} />}
+      initialValues={initialValues}
+      exampleCards={exampleCards}
+      getGroups={getGroups}
+      setInput={setInput}
+      compute={compute}
+      toolInfo={{ title: `What is a ${title}?`, description: longDescription }}
+    />
+  );
+}
diff --git a/src/pages/tools/pdf/pdf-to-png/meta.ts b/src/pages/tools/pdf/pdf-to-png/meta.ts
new file mode 100644
index 0000000..1960368
--- /dev/null
+++ b/src/pages/tools/pdf/pdf-to-png/meta.ts
@@ -0,0 +1,14 @@
+import { defineTool } from '@tools/defineTool';
+import { lazy } from 'react';
+
+export const tool = defineTool('pdf', {
+  name: 'PDF to PNG',
+  path: 'pdf-to-png',
+  icon: 'mdi:image-multiple', // Iconify icon ID
+  description: 'Transform PDF documents into PNG panels.',
+  shortDescription: 'Convert PDF into PNG images',
+  keywords: ['pdf', 'png', 'convert', 'image', 'extract', 'pages'],
+  longDescription:
+    'Upload a PDF and convert each page into a high-quality PNG image directly in your browser. This tool is ideal for extracting visual content or sharing individual pages. No data is uploaded — everything runs locally.',
+  component: lazy(() => import('./index'))
+});
diff --git a/src/pages/tools/pdf/pdf-to-png/pdf-to-png.service.test.ts b/src/pages/tools/pdf/pdf-to-png/pdf-to-png.service.test.ts
new file mode 100644
index 0000000..5e7ff29
--- /dev/null
+++ b/src/pages/tools/pdf/pdf-to-png/pdf-to-png.service.test.ts
@@ -0,0 +1,6 @@
+import { expect, describe, it } from 'vitest';
+// import { main } from './service';
+//
+// describe('pdf-to-png', () => {
+//
+// })
diff --git a/src/pages/tools/pdf/pdf-to-png/service.ts b/src/pages/tools/pdf/pdf-to-png/service.ts
new file mode 100644
index 0000000..38333df
--- /dev/null
+++ b/src/pages/tools/pdf/pdf-to-png/service.ts
@@ -0,0 +1,5 @@
+import { InitialValuesType } from './types';
+
+export function main(input: string, options: InitialValuesType): string {
+  return input;
+}
diff --git a/src/pages/tools/pdf/pdf-to-png/types.ts b/src/pages/tools/pdf/pdf-to-png/types.ts
new file mode 100644
index 0000000..d4135c9
--- /dev/null
+++ b/src/pages/tools/pdf/pdf-to-png/types.ts
@@ -0,0 +1,3 @@
+export type InitialValuesType = {
+  // splitSeparator: string;
+};