diff --git a/Dockerfile b/Dockerfile index c8a9997..7248b86 100644 --- a/Dockerfile +++ b/Dockerfile @@ -27,7 +27,7 @@ ENV NODE_OPTIONS="--max-old-space-size=4096" RUN npm run build # Runtime stage -FROM node:20-alpine +FROM registry.nxtgauge.com/node:20-alpine WORKDIR /app # Copy built output diff --git a/Dockerfile.simple b/Dockerfile.simple index 46a1a7c..8436eb1 100644 --- a/Dockerfile.simple +++ b/Dockerfile.simple @@ -1,4 +1,4 @@ -FROM node:20-alpine +FROM registry.nxtgauge.com/node:20-alpine WORKDIR /app diff --git a/screenshot.ts b/screenshot.ts new file mode 100644 index 0000000..6d3fd6a --- /dev/null +++ b/screenshot.ts @@ -0,0 +1,35 @@ +import { chromium } from 'playwright'; + +async function takeNxtgaugeScreenshot() { + const browser = await chromium.launch({ headless: true }); + const page = await browser.newPage(); + page.setViewportSize({ width: 1440, height: 900 }); + + console.log('Navigating to nxtgauge admin...'); + await page.goto('http://localhost:3000/admin', { waitUntil: 'load' }); + await page.waitForTimeout(5000); + + // Take screenshot + console.log('Taking screenshot...'); + await page.screenshot({ path: '/tmp/nxtgauge-admin.png', fullPage: true }); + + // Get sidebar structure info + const sidebarInfo = await page.evaluate(() => { + const sidebar = document.querySelector('aside'); + if (sidebar) { + const styles = window.getComputedStyle(sidebar); + return { + width: styles.width, + background: styles.background, + borderRight: styles.borderRight, + }; + } + return 'not found'; + }); + console.log('Sidebar styles:', sidebarInfo); + + await browser.close(); + console.log('Screenshot saved'); +} + +takeNxtgaugeScreenshot().catch(console.error);