@squeditor/squeditor-framework 1.0.0

package/scripts/snapshot.js

@@ -0,0 +1,74 @@
+const fs = require('fs');
+const path = require('path');
+const http = require('http');
+const { spawn } = require('child_process');
+
+const projectRoot = process.cwd();
+const config = require(path.join(projectRoot, 'squeditor.config.js'));
+
+const { baseUrl, pages, outputDir, rewriteExtension } = config.snapshot;
+const distDir = path.join(projectRoot, outputDir);
+
+fs.mkdirSync(distDir, { recursive: true });
+
+// Start PHP built-in server
+const phpServer = spawn('php', [
+    '-S', '127.0.0.1:' + config.devServer.port,
+    '-t', path.join(projectRoot, 'src')
+], {
+    stdio: 'ignore',
+    env: { ...process.env, SQUEDITOR_SNAPSHOT: '1' }
+});
+
+// Wait for PHP server to start
+setTimeout(async () => {
+    console.log('[Squeditor] 📸 Starting snapshot...');
+
+    const themes = config.themes || { default: { pages: config.snapshot.pages, distSubfolder: '' } };
+
+    for (const [themeKey, theme] of Object.entries(themes)) {
+        const themeDistDir = path.join(distDir, theme.distSubfolder || '');
+        fs.mkdirSync(themeDistDir, { recursive: true });
+
+        for (const pagePath of theme.pages) {
+            try {
+                console.log(`[Squeditor] Fetching ${pagePath} (Theme: ${themeKey})...`);
+                const urlToFetch = `${baseUrl}${pagePath}?theme=${themeKey}&snapshot=1`;
+                const html = await fetchPage(urlToFetch);
+                const rewrittenHtml = rewriteLinks(html);
+
+                // Remove leading slash for local save path
+                let savePath = pagePath.startsWith('/') ? pagePath.slice(1) : pagePath;
+                if (savePath === '') savePath = 'index.html';
+                if (rewriteExtension && savePath.endsWith('.php')) {
+                    savePath = savePath.replace(/\.php$/, '.html');
+                }
+
+                const fullPath = path.join(themeDistDir, savePath);
+                fs.mkdirSync(path.dirname(fullPath), { recursive: true });
+                fs.writeFileSync(fullPath, rewrittenHtml);
+            } catch (err) {
+                console.error(`[Squeditor] Failed to snapshot ${pagePath}:`, err.message);
+            }
+        }
+    }
+
+    phpServer.kill();
+    console.log('[Squeditor] 🏁 Snapshot complete.');
+}, 1500);
+
+function fetchPage(url) {
+    return new Promise((resolve, reject) => {
+        http.get(url, (res) => {
+            let data = '';
+            res.on('data', chunk => data += chunk);
+            res.on('end', () => resolve(data));
+        }).on('error', reject);
+    });
+}
+
+function rewriteLinks(html) {
+    if (!rewriteExtension) return html;
+    // Replace .php hrefs with .html
+    return html.replace(/href="([^"]*?)\.php([^"]*?)"/g, 'href="$1.html$2"');
+}

package/uikit-manifest.json

@@ -0,0 +1,248 @@
+{
+    "_core": {
+        "js": [
+            "node_modules/uikit/dist/js/uikit.js"
+        ],
+        "css": [
+            "node_modules/uikit/src/scss/variables.scss",
+            "node_modules/uikit/src/scss/mixins.scss",
+            "node_modules/uikit/src/scss/components/mixin.scss"
+        ]
+    },
+    "sticky": {
+        "js": [],
+        "css": [
+            "node_modules/uikit/src/scss/components/sticky.scss"
+        ]
+    },
+    "utility": {
+        "js": [],
+        "css": [
+            "node_modules/uikit/src/scss/components/utility.scss"
+        ]
+    },
+    "animation": {
+        "js": [],
+        "css": [
+            "node_modules/uikit/src/scss/components/animation.scss"
+        ]
+    },
+    "visibility": {
+        "js": [],
+        "css": [
+            "node_modules/uikit/src/scss/components/visibility.scss"
+        ]
+    },
+    "width": {
+        "js": [],
+        "css": [
+            "node_modules/uikit/src/scss/components/width.scss"
+        ]
+    },
+    "height": {
+        "js": [],
+        "css": [
+            "node_modules/uikit/src/scss/components/height.scss"
+        ]
+    },
+    "position": {
+        "js": [],
+        "css": [
+            "node_modules/uikit/src/scss/components/position.scss"
+        ]
+    },
+    "cover": {
+        "js": [],
+        "css": [
+            "node_modules/uikit/src/scss/components/cover.scss"
+        ]
+    },
+    "grid": {
+        "js": [],
+        "css": [
+            "node_modules/uikit/src/scss/components/grid.scss"
+        ]
+    },
+    "nav": {
+        "js": [],
+        "css": [
+            "node_modules/uikit/src/scss/components/nav.scss"
+        ]
+    },
+    "navbar": {
+        "js": [],
+        "css": [
+            "node_modules/uikit/src/scss/components/navbar.scss"
+        ]
+    },
+    "modal": {
+        "js": [],
+        "css": [
+            "node_modules/uikit/src/scss/components/modal.scss",
+            "node_modules/uikit/src/scss/components/close.scss"
+        ]
+    },
+    "close": {
+        "js": [],
+        "css": [
+            "node_modules/uikit/src/scss/components/close.scss"
+        ]
+    },
+    "accordion": {
+        "js": [],
+        "css": [
+            "node_modules/uikit/src/scss/components/accordion.scss"
+        ]
+    },
+    "tabs": {
+        "js": [],
+        "css": [
+            "node_modules/uikit/src/scss/components/tab.scss"
+        ]
+    },
+    "switcher": {
+        "js": [],
+        "css": [
+            "node_modules/uikit/src/scss/components/switcher.scss"
+        ]
+    },
+    "offcanvas": {
+        "js": [],
+        "css": [
+            "node_modules/uikit/src/scss/components/offcanvas.scss"
+        ]
+    },
+    "drop": {
+        "js": [],
+        "css": [
+            "node_modules/uikit/src/scss/components/drop.scss"
+        ]
+    },
+    "dropbar": {
+        "js": [],
+        "css": [
+            "node_modules/uikit/src/scss/components/dropbar.scss"
+        ]
+    },
+    "dropnav": {
+        "js": [],
+        "css": [
+            "node_modules/uikit/src/scss/components/dropnav.scss"
+        ]
+    },
+    "dropdown": {
+        "js": [],
+        "css": [
+            "node_modules/uikit/src/scss/components/dropdown.scss"
+        ]
+    },
+    "tooltip": {
+        "js": [
+            "node_modules/uikit/dist/js/components/tooltip.js"
+        ],
+        "css": [
+            "node_modules/uikit/src/scss/components/tooltip.scss"
+        ]
+    },
+    "parallax": {
+        "js": [
+            "node_modules/uikit/dist/js/components/parallax.js"
+        ],
+        "css": []
+    },
+    "scrollspy": {
+        "js": [],
+        "css": []
+    },
+    "transition": {
+        "js": [],
+        "css": [
+            "node_modules/uikit/src/scss/components/transition.scss"
+        ]
+    },
+    "spinner": {
+        "js": [],
+        "css": [
+            "node_modules/uikit/src/scss/components/spinner.scss"
+        ]
+    },
+    "inverse": {
+        "js": [],
+        "css": [
+            "node_modules/uikit/src/scss/components/inverse.scss"
+        ]
+    },
+    "svg": {
+        "js": [],
+        "css": [
+            "node_modules/uikit/src/scss/components/svg.scss"
+        ]
+    },
+    "video": {
+        "js": [],
+        "css": []
+    },
+    "iframe": {
+        "js": [],
+        "css": []
+    },
+    "notification": {
+        "js": [
+            "node_modules/uikit/dist/js/components/notification.js"
+        ],
+        "css": [
+            "node_modules/uikit/src/scss/components/notification.scss"
+        ]
+    },
+    "pagination": {
+        "js": [],
+        "css": [
+            "node_modules/uikit/src/scss/components/pagination.scss"
+        ]
+    },
+    "dotnav": {
+        "js": [],
+        "css": [
+            "node_modules/uikit/src/scss/components/dotnav.scss"
+        ]
+    },
+    "slidenav": {
+        "js": [],
+        "css": [
+            "node_modules/uikit/src/scss/components/slidenav.scss"
+        ]
+    },
+    "slider": {
+        "js": [
+            "node_modules/uikit/dist/js/components/slider.js"
+        ],
+        "css": [
+            "node_modules/uikit/src/scss/components/slider.scss"
+        ]
+    },
+    "slideshow": {
+        "js": [
+            "node_modules/uikit/dist/js/components/slideshow.js"
+        ],
+        "css": [
+            "node_modules/uikit/src/scss/components/slideshow.scss"
+        ]
+    },
+    "lightbox": {
+        "js": [
+            "node_modules/uikit/dist/js/components/lightbox.js",
+            "node_modules/uikit/dist/js/components/lightbox-panel.js"
+        ],
+        "css": [
+            "node_modules/uikit/src/scss/components/lightbox.scss"
+        ]
+    },
+    "icon": {
+        "js": [
+            "node_modules/uikit/dist/js/uikit-icons.min.js"
+        ],
+        "css": [
+            "node_modules/uikit/src/scss/components/icon.scss"
+        ]
+    }
+}