+
# MarkdownConverter
A powerful cross-platform Markdown editor and document converter powered by Pandoc, built with Electron. 100% open-source with no proprietary dependencies.
@@ -220,4 +224,4 @@ Amit Haridas (amit.wh@gmail.com)
## Version
-v4.7.0
+v4.7.1
diff --git a/assets/docico1.png b/assets/docico1.png
deleted file mode 100644
index e4cc5c7..0000000
Binary files a/assets/docico1.png and /dev/null differ
diff --git a/assets/favicon.png b/assets/favicon.png
index f8aa41b..47f82ef 100644
Binary files a/assets/favicon.png and b/assets/favicon.png differ
diff --git a/assets/fonts/FiraCode-Bold.ttf b/assets/fonts/FiraCode-Bold.ttf
index b2cce6a..f891bde 100644
Binary files a/assets/fonts/FiraCode-Bold.ttf and b/assets/fonts/FiraCode-Bold.ttf differ
diff --git a/assets/fonts/FiraCode-Regular.ttf b/assets/fonts/FiraCode-Regular.ttf
index 64073d7..bd73685 100644
Binary files a/assets/fonts/FiraCode-Regular.ttf and b/assets/fonts/FiraCode-Regular.ttf differ
diff --git a/assets/icon.png b/assets/icon.png
index 7f88b63..1e0196e 100644
Binary files a/assets/icon.png and b/assets/icon.png differ
diff --git a/assets/icon@2x.png b/assets/icon@2x.png
index 51359f3..7d3d2da 100644
Binary files a/assets/icon@2x.png and b/assets/icon@2x.png differ
diff --git a/assets/icons/1024x1024.png b/assets/icons/1024x1024.png
index 51359f3..7d3d2da 100644
Binary files a/assets/icons/1024x1024.png and b/assets/icons/1024x1024.png differ
diff --git a/assets/icons/128x128.png b/assets/icons/128x128.png
index e567e79..054b483 100644
Binary files a/assets/icons/128x128.png and b/assets/icons/128x128.png differ
diff --git a/assets/icons/16x16.png b/assets/icons/16x16.png
index 645f129..bb6414c 100644
Binary files a/assets/icons/16x16.png and b/assets/icons/16x16.png differ
diff --git a/assets/icons/24x24.png b/assets/icons/24x24.png
index 319bfdc..df000ca 100644
Binary files a/assets/icons/24x24.png and b/assets/icons/24x24.png differ
diff --git a/assets/icons/256x256.png b/assets/icons/256x256.png
index 8905c1b..7b4fac9 100644
Binary files a/assets/icons/256x256.png and b/assets/icons/256x256.png differ
diff --git a/assets/icons/32x32.png b/assets/icons/32x32.png
index f8aa41b..47f82ef 100644
Binary files a/assets/icons/32x32.png and b/assets/icons/32x32.png differ
diff --git a/assets/icons/48x48.png b/assets/icons/48x48.png
index 21adafc..abe2ebc 100644
Binary files a/assets/icons/48x48.png and b/assets/icons/48x48.png differ
diff --git a/assets/icons/512x512.png b/assets/icons/512x512.png
index 7f88b63..1e0196e 100644
Binary files a/assets/icons/512x512.png and b/assets/icons/512x512.png differ
diff --git a/assets/icons/64x64.png b/assets/icons/64x64.png
index fee89b8..4b5660b 100644
Binary files a/assets/icons/64x64.png and b/assets/icons/64x64.png differ
diff --git a/assets/markdown-converter-assets/README.md b/assets/markdown-converter-assets/README.md
new file mode 100644
index 0000000..ed4dfa8
--- /dev/null
+++ b/assets/markdown-converter-assets/README.md
@@ -0,0 +1,95 @@
+# Markdown Converter — Brand Assets
+
+Visual identity for [markdown-converter](https://github.com/amitwh/markdown-converter): a cross-platform Markdown editor & document converter powered by Pandoc.
+
+## Concept
+
+The mark is a stylized **M** whose right descender becomes a downward chevron — a literal "**M↓**" for **Markdown**, suggesting the source document flowing downward into rendered output (PDF, DOCX, PPTX, …).
+
+The palette is a vibrant orange-to-deep-orange gradient (`#FB923C → #C2410C`) on a white mark — warm, energetic, distinctive. The mark itself is **white** on light surfaces, and a luminous peach-to-orange gradient (`#FFEDD5 → #FB923C`) on dark surfaces.
+
+## Files
+
+### App icon (vector, primary)
+
+These are **true SVG app icons** — clean vector paths, no rasters. Drop them straight into a macOS/Windows/Linux app bundle, a PWA manifest, an iOS asset catalog, an Electron build, or any HTML page.
+
+| File | Use it for |
+| --- | --- |
+| `app-icon.svg` | **Primary app icon.** Emerald→teal vertical gradient, subtle white highlight upper-left, white M↓ mark. |
+| `app-icon-dark.svg` | **Dark-mode app icon.** Charcoal gradient background, soft teal radial glow upper-left, mint-to-emerald gradient on the M↓ mark. |
+| `app-icon-flat.svg` | **Flat solid variant.** Single emerald background, white M↓ mark. Use when you can't render gradients (print, stickers, single-color contexts). |
+
+### Logo (wordmark)
+
+| File | Use it for |
+| --- | --- |
+| `logo-horizontal.jpg` (2752×1536) | High-res raster master. README hero, press kit. |
+| `logo-horizontal-1600w.jpg` (1600×893) | Web-ready compressed version. |
+| `logo-horizontal.svg` | Vector wordmark. Use in HTML, CSS, anywhere that needs to scale. |
+
+### Vector mark (for code & inline use)
+
+| File | Use it for |
+| --- | --- |
+| `mark.svg` | Gradient SVG mark. Drop into HTML, use as a UI element, or rasterize at any size. |
+| `mark-mono.svg` | Monochrome SVG. Uses `currentColor` — style it from CSS (`color: white;`) for any single-color context. |
+| `mark-standalone.jpg` (2048×2048) | Raster M↓ on white, for places that need a PNG (GitHub avatar, doc thumbnails). |
+
+### Favicons (rasterized from `app-icon.svg`)
+
+In the `favicons/` directory:
+
+| File | Use it for |
+| --- | --- |
+| `favicon.ico` | Legacy `.ico` (16/32/48/64 embedded). Drop at the site root. |
+| `favicon-16x16.png`, `favicon-32x32.png`, `favicon-48x48.png` | Standard browser favicons. |
+| `apple-touch-icon.png` (180×180) | iOS home screen & "Add to Home Screen". |
+| `icon-192.png`, `icon-512.png` | Android home screen, PWA manifest, web app. |
+
+### Social preview
+
+| File | Use it for |
+| --- | --- |
+| `og-social-preview-1200x630.jpg` | **GitHub social preview** — set as the repository's social card image (Settings → Social preview). Also works as Open Graph / Twitter Card. |
+
+## Usage in the repo
+
+Drop the vector icons + favicon set into the repo root or a `/brand` folder, then in `README.md`:
+
+```markdown
+
+
+
+```
+
+For the favicon, in `index.html` (or any HTML site):
+
+```html
+
+
+
+```
+
+For an Electron app, point `build.icon` at the SVG (or a 512×512 PNG export):
+
+```json
+{
+ "build": {
+ "icon": "brand/icon-512.png"
+ }
+}
+```
+
+## Color tokens
+
+```
+--mc-orange-400: #FB923C /* gradient start (light) */
+--mc-orange-700: #C2410C /* gradient end (light) */
+--mc-orange-500: #F97316 /* flat / accent */
+--mc-peach-100: #FFEDD5 /* dark-mode mark start */
+--mc-orange-300: #FDBA74 /* dark-mode mark mid */
+--mc-ink-900: #0F172A /* primary text */
+--mc-ink-500: #475569 /* secondary text */
+--mc-ink-400: #94A3B8 /* tagline / muted */
+```
diff --git a/assets/markdown-converter-assets/app-icon-dark.svg b/assets/markdown-converter-assets/app-icon-dark.svg
new file mode 100644
index 0000000..aeb60f9
--- /dev/null
+++ b/assets/markdown-converter-assets/app-icon-dark.svg
@@ -0,0 +1,27 @@
+
+
diff --git a/assets/markdown-converter-assets/app-icon-flat.svg b/assets/markdown-converter-assets/app-icon-flat.svg
new file mode 100644
index 0000000..e103580
--- /dev/null
+++ b/assets/markdown-converter-assets/app-icon-flat.svg
@@ -0,0 +1,11 @@
+
+
diff --git a/assets/markdown-converter-assets/app-icon.svg b/assets/markdown-converter-assets/app-icon.svg
new file mode 100644
index 0000000..9340a10
--- /dev/null
+++ b/assets/markdown-converter-assets/app-icon.svg
@@ -0,0 +1,22 @@
+
+
diff --git a/assets/markdown-converter-assets/favicons/apple-touch-icon.png b/assets/markdown-converter-assets/favicons/apple-touch-icon.png
new file mode 100644
index 0000000..7d15014
Binary files /dev/null and b/assets/markdown-converter-assets/favicons/apple-touch-icon.png differ
diff --git a/assets/markdown-converter-assets/favicons/favicon-128x128.png b/assets/markdown-converter-assets/favicons/favicon-128x128.png
new file mode 100644
index 0000000..b3abf45
Binary files /dev/null and b/assets/markdown-converter-assets/favicons/favicon-128x128.png differ
diff --git a/assets/markdown-converter-assets/favicons/favicon-16x16.png b/assets/markdown-converter-assets/favicons/favicon-16x16.png
new file mode 100644
index 0000000..70a3c67
Binary files /dev/null and b/assets/markdown-converter-assets/favicons/favicon-16x16.png differ
diff --git a/assets/markdown-converter-assets/favicons/favicon-32x32.png b/assets/markdown-converter-assets/favicons/favicon-32x32.png
new file mode 100644
index 0000000..b7a81b8
Binary files /dev/null and b/assets/markdown-converter-assets/favicons/favicon-32x32.png differ
diff --git a/assets/markdown-converter-assets/favicons/favicon-48x48.png b/assets/markdown-converter-assets/favicons/favicon-48x48.png
new file mode 100644
index 0000000..8850cfc
Binary files /dev/null and b/assets/markdown-converter-assets/favicons/favicon-48x48.png differ
diff --git a/assets/markdown-converter-assets/favicons/favicon-64x64.png b/assets/markdown-converter-assets/favicons/favicon-64x64.png
new file mode 100644
index 0000000..2058524
Binary files /dev/null and b/assets/markdown-converter-assets/favicons/favicon-64x64.png differ
diff --git a/assets/markdown-converter-assets/favicons/favicon-96x96.png b/assets/markdown-converter-assets/favicons/favicon-96x96.png
new file mode 100644
index 0000000..1f51da7
Binary files /dev/null and b/assets/markdown-converter-assets/favicons/favicon-96x96.png differ
diff --git a/assets/markdown-converter-assets/favicons/favicon.ico b/assets/markdown-converter-assets/favicons/favicon.ico
new file mode 100644
index 0000000..e82b159
Binary files /dev/null and b/assets/markdown-converter-assets/favicons/favicon.ico differ
diff --git a/assets/markdown-converter-assets/favicons/icon-1024.png b/assets/markdown-converter-assets/favicons/icon-1024.png
new file mode 100644
index 0000000..b909d2f
Binary files /dev/null and b/assets/markdown-converter-assets/favicons/icon-1024.png differ
diff --git a/assets/markdown-converter-assets/favicons/icon-192.png b/assets/markdown-converter-assets/favicons/icon-192.png
new file mode 100644
index 0000000..56f295f
Binary files /dev/null and b/assets/markdown-converter-assets/favicons/icon-192.png differ
diff --git a/assets/markdown-converter-assets/favicons/icon-256.png b/assets/markdown-converter-assets/favicons/icon-256.png
new file mode 100644
index 0000000..44f4a6b
Binary files /dev/null and b/assets/markdown-converter-assets/favicons/icon-256.png differ
diff --git a/assets/markdown-converter-assets/favicons/icon-512.png b/assets/markdown-converter-assets/favicons/icon-512.png
new file mode 100644
index 0000000..5665a77
Binary files /dev/null and b/assets/markdown-converter-assets/favicons/icon-512.png differ
diff --git a/assets/markdown-converter-assets/logo-horizontal-1600w.jpg b/assets/markdown-converter-assets/logo-horizontal-1600w.jpg
new file mode 100644
index 0000000..774a89b
Binary files /dev/null and b/assets/markdown-converter-assets/logo-horizontal-1600w.jpg differ
diff --git a/assets/markdown-converter-assets/logo-horizontal.jpg b/assets/markdown-converter-assets/logo-horizontal.jpg
new file mode 100644
index 0000000..257ef91
Binary files /dev/null and b/assets/markdown-converter-assets/logo-horizontal.jpg differ
diff --git a/assets/markdown-converter-assets/logo-horizontal.svg b/assets/markdown-converter-assets/logo-horizontal.svg
new file mode 100644
index 0000000..7905204
--- /dev/null
+++ b/assets/markdown-converter-assets/logo-horizontal.svg
@@ -0,0 +1,25 @@
+
+
diff --git a/assets/markdown-converter-assets/mark-mono.svg b/assets/markdown-converter-assets/mark-mono.svg
new file mode 100644
index 0000000..65c669d
--- /dev/null
+++ b/assets/markdown-converter-assets/mark-mono.svg
@@ -0,0 +1,10 @@
+
+
diff --git a/assets/markdown-converter-assets/mark-standalone.jpg b/assets/markdown-converter-assets/mark-standalone.jpg
new file mode 100644
index 0000000..8a36a0d
Binary files /dev/null and b/assets/markdown-converter-assets/mark-standalone.jpg differ
diff --git a/assets/markdown-converter-assets/mark.svg b/assets/markdown-converter-assets/mark.svg
new file mode 100644
index 0000000..4dc3c0b
--- /dev/null
+++ b/assets/markdown-converter-assets/mark.svg
@@ -0,0 +1,16 @@
+
+
diff --git a/assets/markdown-converter-assets/og-social-preview-1200x630.jpg b/assets/markdown-converter-assets/og-social-preview-1200x630.jpg
new file mode 100644
index 0000000..3d3be66
Binary files /dev/null and b/assets/markdown-converter-assets/og-social-preview-1200x630.jpg differ
diff --git a/assets/tray-icon.png b/assets/tray-icon.png
index 319bfdc..df000ca 100644
Binary files a/assets/tray-icon.png and b/assets/tray-icon.png differ
diff --git a/package-lock.json b/package-lock.json
index 78ce7fc..9b3e05d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
{
"name": "markdown-converter",
- "version": "4.7.0",
+ "version": "4.7.1",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "markdown-converter",
- "version": "4.7.0",
+ "version": "4.7.1",
"license": "MIT",
"dependencies": {
"@cantoo/pdf-lib": "^2.9.1",
diff --git a/package.json b/package.json
index 8a36a4e..08b882e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "markdown-converter",
- "version": "4.7.0",
+ "version": "4.7.1",
"description": "Professional Markdown editor and universal file converter with PDF editing, batch processing, and syntax highlighting",
"main": "src/main.js",
"scripts": {
diff --git a/scripts/download-tools.js b/scripts/download-tools.js
index e73740a..3a354bc 100644
--- a/scripts/download-tools.js
+++ b/scripts/download-tools.js
@@ -19,6 +19,7 @@ const crypto = require('crypto');
const { execSync } = require('child_process');
const PANDOC_VERSION = '3.9.0.2';
+const FIRACODE_VERSION = '6.2';
/**
* SHA-256 of each downloaded artifact, keyed ":" or
@@ -31,8 +32,9 @@ const KNOWN_SHA256 = {
// Fill these from a trusted machine after the first download of each
// platform (the script prints the computed hash):
// 'darwin:pandoc': '…',
- 'fonts:FiraCode-Regular.ttf': '3c79d234a9161c790410ebb2a80de7efb7c15f581062c130e0fa78503ccdd0da',
- 'fonts:FiraCode-Bold.ttf': '975f26779fac1029c2cbdac1e9fac7e9ddeec05e064675e4aac63bffa121742f',
+ // Fira Code 6.2 (immutable GitHub release asset)
+ 'fonts:FiraCode-Regular.ttf': '5992ab9640e2df491b2f609467b1de60e8bc39b2c28db184342a0592d98f6117',
+ 'fonts:FiraCode-Bold.ttf': '41f6554e845e2f5b70adad3950122334b866aac436793b7742ade600067701be',
'fonts:FiraCode-LICENSE.txt': '1d41e10031ab125302780a05ec4c91d218e47db0c7e37cf315cce5e608cdc25c',
};
@@ -41,6 +43,20 @@ function sha256File(filePath) {
return crypto.createHash('sha256').update(fs.readFileSync(filePath)).digest('hex');
}
+/** Recursively find an executable file by name inside a directory. */
+function findBinary(dir, name) {
+ for (const entry of fs.readdirSync(dir, { withFileTypes: true })) {
+ const full = path.join(dir, entry.name);
+ if (entry.isDirectory()) {
+ const hit = findBinary(full, name);
+ if (hit) return hit;
+ } else if (entry.name === name || entry.name === name + '.exe') {
+ return full;
+ }
+ }
+ return null;
+}
+
/**
* Verify a file against KNOWN_SHA256. Throws on mismatch; prints the computed
* hash with a pin-me hint when no hash is recorded yet (soft-fail so new
@@ -104,8 +120,11 @@ const PANDOC_CONFIG = {
const tmpDir = path.join(os.tmpdir(), `pandoc-${Date.now()}`);
fs.mkdirSync(tmpDir, { recursive: true });
execSync(`unzip -o "${archivePath}" -d "${tmpDir}"`);
- const src = path.join(tmpDir, `pandoc-${PANDOC_VERSION}`, 'bin', 'pandoc');
- fs.copyFileSync(src, path.join(destDir, 'pandoc'));
+ // macOS zips don't carry a stable layout (bin/ subdir vs. flat) —
+ // locate the binary in the extracted tree instead of guessing a path
+ const found = findBinary(tmpDir, 'pandoc');
+ if (!found) throw new Error('pandoc binary not found inside the macOS archive');
+ fs.copyFileSync(found, path.join(destDir, 'pandoc'));
fs.chmodSync(path.join(destDir, 'pandoc'), 0o755);
fs.rmSync(tmpDir, { recursive: true, force: true });
},
@@ -161,25 +180,34 @@ function download(url, destPath) {
async function downloadFiraCode() {
const destDir = path.join(__dirname, '..', 'assets', 'fonts');
fs.mkdirSync(destDir, { recursive: true });
+ const wanted = ['FiraCode-Regular.ttf', 'FiraCode-Bold.ttf', 'FiraCode-LICENSE.txt'];
- const targets = [
- { url: 'https://github.com/tonsky/FiraCode/raw/master/distr/ttf/FiraCode-Regular.ttf', out: 'FiraCode-Regular.ttf' },
- { url: 'https://github.com/tonsky/FiraCode/raw/master/distr/ttf/FiraCode-Bold.ttf', out: 'FiraCode-Bold.ttf' },
- { url: 'https://raw.githubusercontent.com/tonsky/FiraCode/master/LICENSE', out: 'FiraCode-LICENSE.txt' },
- ];
-
- for (const t of targets) {
- const destFile = path.join(destDir, t.out);
- if (fs.existsSync(destFile)) {
- // Re-verify cached artifacts so a tampered cache never ships
- verifyArtifact(`fonts:${t.out}`, destFile);
- console.log(`[download-tools] ${t.out} already present — skipping.`);
- continue;
- }
- console.log(`[download-tools] Downloading ${t.out}...`);
- await download(t.url, destFile);
- verifyArtifact(`fonts:${t.out}`, destFile);
+ // All three present (and hash-verified) → nothing to do
+ const missing = wanted.filter((f) => !fs.existsSync(path.join(destDir, f)));
+ if (missing.length === 0) {
+ for (const f of wanted) verifyArtifact(`fonts:${f}`, path.join(destDir, f));
+ console.log('[download-tools] Fira Code already present — skipping.');
+ return;
}
+
+ // Immutable release asset (raw/master URLs move and break hash pinning)
+ const zipUrl = `https://github.com/tonsky/FiraCode/releases/download/${FIRACODE_VERSION}/Fira_Code_v${FIRACODE_VERSION}.zip`;
+ const tmpDir = fs.mkdtempSync(path.join(os.tmpdir(), `firacode-${Date.now()}`));
+ const tmpZip = path.join(tmpDir, 'firacode.zip');
+ console.log(`[download-tools] Downloading Fira Code ${FIRACODE_VERSION}...`);
+ await download(zipUrl, tmpZip);
+ execSync(`unzip -o -j "${tmpZip}" "ttf/FiraCode-Regular.ttf" "ttf/FiraCode-Bold.ttf" -d "${tmpDir}"`);
+
+ fs.copyFileSync(path.join(tmpDir, 'FiraCode-Regular.ttf'), path.join(destDir, 'FiraCode-Regular.ttf'));
+ fs.copyFileSync(path.join(tmpDir, 'FiraCode-Bold.ttf'), path.join(destDir, 'FiraCode-Bold.ttf'));
+ // License text from the immutable tag
+ await download(
+ `https://raw.githubusercontent.com/tonsky/FiraCode/${FIRACODE_VERSION}/LICENSE`,
+ path.join(destDir, 'FiraCode-LICENSE.txt')
+ );
+ fs.rmSync(tmpDir, { recursive: true, force: true });
+
+ for (const f of wanted) verifyArtifact(`fonts:${f}`, path.join(destDir, f));
}
async function downloadPandoc() {
diff --git a/scripts/generate-icons.js b/scripts/generate-icons.js
index 2196f47..d3bf0ba 100644
--- a/scripts/generate-icons.js
+++ b/scripts/generate-icons.js
@@ -1,78 +1,72 @@
/**
* Icon Generator for MarkdownConverter
- * Generates all required icon sizes from NewIcon.jpg
+ *
+ * Rasterizes the brand kit's vector app icon (the "M↓" mark,
+ * assets/markdown-converter-assets/app-icon.svg) into every size the app and
+ * its packaging need:
+ *
+ * assets/icon.png 512×512 — app icon (electron-builder converts to
+ * .ico/.icns for Windows/macOS from this)
+ * assets/icon@2x.png 1024×1024 — hi-dpi variant
+ * assets/favicon.png 32×32 — in-app/browser favicon
+ * assets/tray-icon.png 24×24 — system tray
+ * assets/icons/* 16…1024 — multi-size set (ico/icns input)
+ *
+ * assets/logo.png is NOT touched — that is the ConcreteInfo logo used in the
+ * app header and About dialog.
*/
const sharp = require('sharp');
const fs = require('fs');
const path = require('path');
-// Source image
-const sourceImage = path.join(__dirname, '..', 'assets', 'docico1.png');
+// Brand kit sources (vector, primary)
+const brandDir = path.join(__dirname, '..', 'assets', 'markdown-converter-assets');
+const sourceSvg = path.join(brandDir, 'app-icon.svg');
const assetsDir = path.join(__dirname, '..', 'assets');
// Icon sizes needed for different platforms
const iconSizes = [16, 24, 32, 48, 64, 128, 256, 512, 1024];
-async function generateIcons() {
- console.log('Generating icons from docico1.png...');
+/**
+ * Rasterize the SVG source at a given size. `density` scales the vector so
+ * small renders stay crisp; the explicit resize guarantees exact dimensions.
+ */
+async function renderIcon(size, outPath) {
+ await sharp(sourceSvg, { density: Math.max(72, Math.round((size / 512) * 384)) })
+ .resize(size, size, { fit: 'contain', background: { r: 255, g: 255, b: 255, alpha: 0 } })
+ .png()
+ .toFile(outPath);
+ console.log(`Generated ${path.relative(process.cwd(), outPath)} (${size}x${size})`);
+}
- // Check if source exists
- if (!fs.existsSync(sourceImage)) {
- console.error('Source image not found:', sourceImage);
+async function generateIcons() {
+ console.log('Generating icons from the brand kit (app-icon.svg)...');
+
+ if (!fs.existsSync(sourceSvg)) {
+ console.error('Brand source not found:', sourceSvg);
process.exit(1);
}
try {
- // Generate main icon.png (512x512)
- await sharp(sourceImage)
- .resize(512, 512, { fit: 'contain', background: { r: 255, g: 255, b: 255, alpha: 0 } })
- .png()
- .toFile(path.join(assetsDir, 'icon.png'));
- console.log('Generated icon.png (512x512)');
+ // Main app icons consumed by main.js windows and electron-builder
+ await renderIcon(512, path.join(assetsDir, 'icon.png'));
+ await renderIcon(1024, path.join(assetsDir, 'icon@2x.png'));
- // Generate icon@2x.png (1024x1024)
- await sharp(sourceImage)
- .resize(1024, 1024, { fit: 'contain', background: { r: 255, g: 255, b: 255, alpha: 0 } })
- .png()
- .toFile(path.join(assetsDir, 'icon@2x.png'));
- console.log('Generated icon@2x.png (1024x1024)');
+ // Favicon + tray
+ await renderIcon(32, path.join(assetsDir, 'favicon.png'));
+ await renderIcon(24, path.join(assetsDir, 'tray-icon.png'));
- // Create icons directory for multi-size icons
+ // Multi-size set for packaging converters (ico/icns)
const iconsDir = path.join(assetsDir, 'icons');
- if (!fs.existsSync(iconsDir)) {
- fs.mkdirSync(iconsDir, { recursive: true });
- }
-
- // Generate all sizes
+ fs.mkdirSync(iconsDir, { recursive: true });
for (const size of iconSizes) {
- await sharp(sourceImage)
- .resize(size, size, { fit: 'contain', background: { r: 255, g: 255, b: 255, alpha: 0 } })
- .png()
- .toFile(path.join(iconsDir, `${size}x${size}.png`));
- console.log(`Generated icons/${size}x${size}.png`);
+ await renderIcon(size, path.join(iconsDir, `${size}x${size}.png`));
}
- // Generate favicon
- await sharp(sourceImage)
- .resize(32, 32, { fit: 'contain', background: { r: 255, g: 255, b: 255, alpha: 0 } })
- .png()
- .toFile(path.join(assetsDir, 'favicon.png'));
- console.log('Generated favicon.png (32x32)');
-
- // Generate tray icon (smaller, for system tray)
- await sharp(sourceImage)
- .resize(24, 24, { fit: 'contain', background: { r: 255, g: 255, b: 255, alpha: 0 } })
- .png()
- .toFile(path.join(assetsDir, 'tray-icon.png'));
- console.log('Generated tray-icon.png (24x24)');
-
console.log('\nIcon generation complete!');
- console.log('\nFor Windows .ico file, use an online converter or:');
- console.log(' magick convert assets/icons/*.png assets/icon.ico');
- console.log('\nFor macOS .icns file, use:');
- console.log(' iconutil -c icns assets/icon.iconset -o assets/icon.icns');
-
+ console.log('Windows .ico and macOS .icns are generated automatically by');
+ console.log('electron-builder from assets/icon.png during packaging.');
} catch (error) {
console.error('Error generating icons:', error);
process.exit(1);
diff --git a/src/index.html b/src/index.html
index b9842fd..c1b01d3 100644
--- a/src/index.html
+++ b/src/index.html
@@ -10,6 +10,19 @@
/>
MarkdownConverter
+
+
+
+
diff --git a/src/styles-welcome.css b/src/styles-welcome.css
index 5668e6f..49552bc 100644
--- a/src/styles-welcome.css
+++ b/src/styles-welcome.css
@@ -119,3 +119,9 @@
color: var(--gray-500);
cursor: pointer;
}
+
+/* Brand mark in the welcome hero (M↓ mark from the brand kit) */
+.welcome-mark {
+ display: block;
+ margin: 0 auto 10px;
+}
diff --git a/src/welcome.js b/src/welcome.js
index 1a0a8a7..bf5ab54 100644
--- a/src/welcome.js
+++ b/src/welcome.js
@@ -11,6 +11,7 @@ function createWelcomeContent(recentFiles = [], appVersion = '') {
return `
+
MarkdownConverter
${appVersion ? `Version ${appVersion}` : ''}
Professional Markdown Editor & Universal Document Converter
+
+