From e5a0d7824a2149a0d067c61c6ebafa5733ab21f1 Mon Sep 17 00:00:00 2001 From: Aigars Silkalns Date: Tue, 5 Aug 2025 12:30:26 +0300 Subject: [PATCH] Tweaked setup --- scripts/fix-nested-paths.js | 81 ++++++++++++++++ scripts/make-paths-relative.js | 122 ++++++++++++++++++++++++ src/pages/apps/influencer-finder.html | 12 +-- src/pages/apps/influencer-profile.html | 4 +- src/pages/auth/forgot-password.html | 8 +- src/pages/auth/login.html | 6 +- src/pages/auth/signup.html | 4 +- src/pages/calendar.html | 2 +- src/pages/charts/index.html | 2 +- src/pages/chat.html | 2 +- src/pages/dashboards/finance.html | 2 +- src/pages/dashboards/influencer.html | 10 +- src/pages/dashboards/sales.html | 2 +- src/pages/ecommerce/checkout.html | 4 +- src/pages/ecommerce/product-single.html | 4 +- src/pages/ecommerce/products.html | 18 ++-- src/pages/email/compose.html | 2 +- src/pages/email/details.html | 2 +- src/pages/email/inbox.html | 2 +- src/pages/form-elements.html | 2 +- src/pages/form-validation.html | 2 +- src/pages/misc/404.html | 6 +- src/pages/misc/blank-page.html | 2 +- src/pages/multiselect.html | 2 +- src/pages/settings.html | 2 +- src/pages/tables/data-tables.html | 2 +- src/pages/tables/general-tables.html | 2 +- src/pages/timeline.html | 2 +- src/pages/ui-elements/cards.html | 2 +- src/pages/ui-elements/general.html | 2 +- src/pages/ui-elements/typography.html | 2 +- src/pages/users.html | 2 +- src/partials/layouts/head.hbs | 2 +- src/partials/layouts/header.hbs | 2 +- src/partials/layouts/sidebar.hbs | 58 +++++------ test-subfolder-deployment.html | 90 +++++++++++++++++ vite.config.js | 6 +- 37 files changed, 386 insertions(+), 91 deletions(-) create mode 100644 scripts/fix-nested-paths.js create mode 100755 scripts/make-paths-relative.js create mode 100644 test-subfolder-deployment.html diff --git a/scripts/fix-nested-paths.js b/scripts/fix-nested-paths.js new file mode 100644 index 0000000..c723e76 --- /dev/null +++ b/scripts/fix-nested-paths.js @@ -0,0 +1,81 @@ +import fs from 'fs'; +import path from 'path'; +import { fileURLToPath } from 'url'; + +const __filename = fileURLToPath(import.meta.url); +const __dirname = path.dirname(__filename); + +// Function to update paths in a file based on its depth +function updatePathsInFile(filePath) { + const content = fs.readFileSync(filePath, 'utf8'); + + // Calculate the depth of the file relative to dist + const relativePath = path.relative('dist', filePath); + const depth = relativePath.split(path.sep).length - 1; + + // Create the prefix based on depth + const prefix = '../'.repeat(depth); + + let updatedContent = content; + + // Update all .html links + updatedContent = updatedContent.replace(/href="([^"]+\.html)"/g, (match, p1) => { + // Skip if already has ../ or is an absolute URL or anchor + if (p1.startsWith('../') || p1.startsWith('http') || p1.startsWith('#')) { + return match; + } + return `href="${prefix}${p1}"`; + }); + + // Update asset paths + updatedContent = updatedContent.replace(/href="(assets\/[^"]+)"/g, (match, p1) => { + if (p1.startsWith('../') || p1.startsWith('http')) { + return match; + } + return `href="${prefix}${p1}"`; + }); + + updatedContent = updatedContent.replace(/src="(assets\/[^"]+)"/g, (match, p1) => { + if (p1.startsWith('../') || p1.startsWith('http')) { + return match; + } + return `src="${prefix}${p1}"`; + }); + + // Only write if content changed + if (content !== updatedContent) { + fs.writeFileSync(filePath, updatedContent); + console.log(`Updated paths in: ${filePath}`); + } +} + +// Function to recursively find all HTML files +function findHtmlFiles(dir, files = []) { + const items = fs.readdirSync(dir); + + for (const item of items) { + const fullPath = path.join(dir, item); + const stat = fs.statSync(fullPath); + + if (stat.isDirectory()) { + findHtmlFiles(fullPath, files); + } else if (item.endsWith('.html') && fullPath !== path.join('dist', 'index.html')) { + // Skip index.html as it's in the root + files.push(fullPath); + } + } + + return files; +} + +// Main execution +console.log('Fixing paths for nested HTML files...\n'); + +const htmlFiles = findHtmlFiles('dist'); +console.log(`Found ${htmlFiles.length} HTML files to process\n`); + +htmlFiles.forEach(file => { + updatePathsInFile(file); +}); + +console.log('\nPath fixing complete!'); \ No newline at end of file diff --git a/scripts/make-paths-relative.js b/scripts/make-paths-relative.js new file mode 100755 index 0000000..b062edd --- /dev/null +++ b/scripts/make-paths-relative.js @@ -0,0 +1,122 @@ +#!/usr/bin/env node + +/** + * Make All Paths Relative Script + * Converts all absolute paths to relative paths for subfolder deployment + */ + +import fs from 'fs'; +import path from 'path'; +import { fileURLToPath } from 'url'; + +const __filename = fileURLToPath(import.meta.url); +const __dirname = path.dirname(__filename); + +// Files to update +const filesToUpdate = [ + 'src/partials/layouts/sidebar.hbs', + 'src/partials/layouts/header.hbs', + 'src/index.html', +]; + +// Add all HTML files +function findFiles(dir, extension) { + const files = []; + const items = fs.readdirSync(dir, { withFileTypes: true }); + + for (const item of items) { + const fullPath = path.join(dir, item.name); + if (item.isDirectory()) { + files.push(...findFiles(fullPath, extension)); + } else if (item.name.endsWith(extension)) { + files.push(fullPath); + } + } + + return files; +} + +// Add all HTML and HBS files +const srcDir = path.join(__dirname, '..', 'src'); +filesToUpdate.push(...findFiles(path.join(srcDir, 'pages'), '.html')); +filesToUpdate.push(...findFiles(path.join(srcDir, 'pages'), '.hbs')); +filesToUpdate.push(...findFiles(path.join(srcDir, 'partials'), '.hbs')); + +// Patterns to replace +const replacements = [ + // Navigation links + { from: /href="\/dashboard-/g, to: 'href="dashboard-' }, + { from: /href="\/ui-/g, to: 'href="ui-' }, + { from: /href="\/form-/g, to: 'href="form-' }, + { from: /href="\/charts\.html"/g, to: 'href="charts.html"' }, + { from: /href="\/general-/g, to: 'href="general-' }, + { from: /href="\/data-/g, to: 'href="data-' }, + { from: /href="\/products\.html"/g, to: 'href="products.html"' }, + { from: /href="\/product-/g, to: 'href="product-' }, + { from: /href="\/checkout\.html"/g, to: 'href="checkout.html"' }, + { from: /href="\/influencer-/g, to: 'href="influencer-' }, + { from: /href="\/calendar\.html"/g, to: 'href="calendar.html"' }, + { from: /href="\/chat\.html"/g, to: 'href="chat.html"' }, + { from: /href="\/inbox\.html"/g, to: 'href="inbox.html"' }, + { from: /href="\/users\.html"/g, to: 'href="users.html"' }, + { from: /href="\/timeline\.html"/g, to: 'href="timeline.html"' }, + { from: /href="\/settings\.html"/g, to: 'href="settings.html"' }, + { from: /href="\/login\.html"/g, to: 'href="login.html"' }, + { from: /href="\/signup\.html"/g, to: 'href="signup.html"' }, + { from: /href="\/forgot-/g, to: 'href="forgot-' }, + { from: /href="\/blank-/g, to: 'href="blank-' }, + { from: /href="\/404\.html"/g, to: 'href="404.html"' }, + { from: /href="\/multiselect\.html"/g, to: 'href="multiselect.html"' }, + + // Root link + { from: /href="\/"/g, to: 'href="index.html"' }, + + // Asset paths - these should remain absolute or use base URL + { from: /src="\/assets\//g, to: 'src="assets/' }, + { from: /href="\/assets\//g, to: 'href="assets/' }, + + // Form actions + { from: /action="\/api\//g, to: 'action="api/' }, +]; + +// Update files +function updateFile(filePath) { + const fullPath = filePath.startsWith('/') ? filePath : path.join(__dirname, '..', filePath); + + if (!fs.existsSync(fullPath)) { + console.log(`⚠️ File not found: ${filePath}`); + return; + } + + let content = fs.readFileSync(fullPath, 'utf8'); + let updated = false; + + replacements.forEach(({ from, to }) => { + if (content.match(from)) { + content = content.replace(from, to); + updated = true; + } + }); + + if (updated) { + fs.writeFileSync(fullPath, content); + console.log(`✅ Updated: ${path.relative(process.cwd(), fullPath)}`); + } else { + console.log(`⏭️ No changes needed: ${path.relative(process.cwd(), fullPath)}`); + } +} + +// Main execution +console.log('🔧 Converting absolute paths to relative paths...\n'); + +filesToUpdate.forEach(file => { + updateFile(file); +}); + +console.log('\n✨ All paths have been made relative!'); +console.log('\nNext steps:'); +console.log('1. Build with subfolder support:'); +console.log(' BASE_URL=/polygon/concept/ npm run build'); +console.log(' or for relative paths everywhere:'); +console.log(' npm run build'); +console.log('2. Deploy the dist folder to your subfolder'); \ No newline at end of file diff --git a/src/pages/apps/influencer-finder.html b/src/pages/apps/influencer-finder.html index f51e177..55965cc 100644 --- a/src/pages/apps/influencer-finder.html +++ b/src/pages/apps/influencer-finder.html @@ -21,8 +21,8 @@
@@ -94,7 +94,7 @@ - View Profile + View Profile
@@ -183,7 +183,7 @@ - View Profile + View Profile @@ -272,7 +272,7 @@ - View Profile + View Profile @@ -361,7 +361,7 @@ - View Profile + View Profile diff --git a/src/pages/apps/influencer-profile.html b/src/pages/apps/influencer-profile.html index feeff94..b27338a 100644 --- a/src/pages/apps/influencer-profile.html +++ b/src/pages/apps/influencer-profile.html @@ -21,8 +21,8 @@
diff --git a/src/pages/auth/forgot-password.html b/src/pages/auth/forgot-password.html index 313ea11..5d1051f 100644 --- a/src/pages/auth/forgot-password.html +++ b/src/pages/auth/forgot-password.html @@ -8,7 +8,7 @@
- +

Concept

Reset your password

@@ -47,7 +47,7 @@
- + Back to login
@@ -72,7 +72,7 @@

- + Back to login
@@ -84,7 +84,7 @@

Remember your password? - Login + Login

diff --git a/src/pages/auth/login.html b/src/pages/auth/login.html index a2ec5f3..9956acc 100644 --- a/src/pages/auth/login.html +++ b/src/pages/auth/login.html @@ -8,7 +8,7 @@
- +

Concept

Welcome back! Please login to your account.

@@ -32,7 +32,7 @@
- Forgot password? + Forgot password?
Don't have an account? - Sign up + Sign up
diff --git a/src/pages/auth/signup.html b/src/pages/auth/signup.html index 7520aad..9fac9e7 100644 --- a/src/pages/auth/signup.html +++ b/src/pages/auth/signup.html @@ -8,7 +8,7 @@
- +

Concept

Create your account to get started

@@ -100,7 +100,7 @@
Already have an account? - Sign in + Sign in
diff --git a/src/pages/calendar.html b/src/pages/calendar.html index 0611e67..7a0bac1 100644 --- a/src/pages/calendar.html +++ b/src/pages/calendar.html @@ -19,7 +19,7 @@