FROM node:lts

# Install system dependencies
RUN apt-get update && apt-get install -y --no-install-recommends ca-certificates && rm -rf /var/lib/apt/lists/*

WORKDIR /usr/src/app

# Install app dependencies
COPY package.json ./
RUN npm install

# Copy rest of source
COPY . .

# Build from source using webpack
RUN npx webpack --config webpack.config.js

# Runtime
ENV NODE_ENV=production

ENTRYPOINT ["node", "bundle.js"]
CMD ["http://localhost:3000"]

# Node modules to avoid copying into image (we rebuild anyway)
node_modules/

# Git repository
.git/
.gitignore

# Local environment / IDE artifacts
.DS_Store
*.log
.npmrc
npm-debug.log*

# Build outputs
dist/
build/
coverage/

# Misc
.env
*.swp

- Failing step: [5/7] RUN npm install (Dockerfile line 10)
- Exit code: 1
- Exact error message (preserved):
  npm error code ERESOLVE
  npm error ERESOLVE unable to resolve dependency tree
  ...
  While resolving: reactopt@1.5.5
  Found: react@15.7.0
  node_modules/react
    react@"^15.0 || 0.14.x" from the root project
  Could not resolve dependency:
  peer react@"^16.14.0" from react-dom@16.14.0
  node_modules/react-dom
    react-dom@"^16.0.0" from the root project
  Fix the upstream dependency conflict, or retry this command with --force or --legacy-peer-deps
- Missing packages/files / version mismatch:
  - Dependency conflict between React versions: root requires react@"^15.0 || 0.14.x", while react-dom@16.14.0 requires react@"^16.14.0".
  - This prevents npm install from completing due to an unresolved peer dependency.
- Additional version info:
  - npm notice: New minor version of npm available! 11.9.0 -> 11.11.1 (not required to fix, but present in logs)
- Logs referenced:
  - A complete log of this run can be found in: /root/.npm/_logs/2026-03-18T13_47_05_893Z-debug-0.log
  - For a full report see: /root/.npm/_logs/2026-03-18T13_47_05_893Z-eresolve-report.txt

FROM node:lts

# Install system dependencies
RUN apt-get update && apt-get install -y --no-install-recommends ca-certificates && rm -rf /var/lib/apt/lists/*

WORKDIR /usr/src/app

# Install app dependencies
COPY package.json ./
RUN npm install --legacy-peer-deps

# Copy rest of source
COPY . .

# Build from source using webpack
RUN npx webpack --config webpack.config.js

# Runtime
ENV NODE_ENV=production

ENTRYPOINT ["node", "bundle.js"]
CMD ["http://localhost:3000"]

- Error: process "/bin/sh -c npx webpack --config webpack.config.js" did not complete successfully: exit code: 2
- Failing command/step: [7/7] RUN npx webpack --config webpack.config.js
- Missing packages or files mentioned:
  - Module not found: Can't resolve 'bufferutil' in /usr/src/app/node_modules/ws/lib
  - Module not found: Can't resolve 'utf-8-validate' in /usr/src/app/node_modules/ws/lib
  - Module not found: Can't resolve 'child_process' in /usr/src/app/node_modules/puppeteer/lib
  - Module not found: Can't resolve 'child_process' in /usr/src/app/node_modules/puppeteer/node6
  - Module not found: Can't resolve 'fs' in /usr/src/app
  - Module not found: Can't resolve 'fs' in /usr/src/app/node_modules/console-png
  - Module not found: Can't resolve 'fs' in /usr/src/app/node_modules/extract-zip
  - Module not found: Can't resolve 'fs' in /usr/src/app/node_modules/fd-slicer
  - Module not found: Can't resolve 'fs' in /usr/src/app/node_modules/fs.realpath
  - Module not found: Can't resolve 'fs' in /usr/src/app/node_modules/fs.realpath/old.js
  - Module not found: Can't resolve 'fs' in /usr/src/app/node_modules/glob
  - Module not found: Can't resolve 'fs' in /usr/src/app/node_modules/mime
  - Module not found: Can't resolve 'fs' in /usr/src/app/node_modules/mkdirp
  - Module not found: Can't resolve 'fs' in /usr/src/app/node_modules/puppeteer/lib
  - Module not found: Can't resolve 'fs' in /usr/src/app/node_modules/puppeteer/node6
  - Module not found: Can't resolve 'fs' in /usr/src/app/node_modules/puppeteer/node6/Page.js
  - Module not found: Can't resolve 'fs' in /usr/src/app/node_modules/puppeteer/node6/Launcher.js
  - Module not found: Can't resolve 'readline' in /usr/src/app
  - Module not found: Can't resolve 'readline' in /usr/src/app/node_modules/puppeteer/lib
  - Module not found: Can't resolve 'net' in /usr/src/app/node_modules/https-proxy-agent
  - Module not found: Can't resolve 'tls' in /usr/src/app/node_modules/https-proxy-agent
- Version/mismatch or environment notes:
  - Webpack version: 3.12.0
  - npm notice: New minor version of npm available! 11.9.0 -> 11.11.1
Context: Dockerfile builds from node:lts; the final step fails during asset bundling with webpack, due to missing Node core modules and native/browser polyfills being unresolved in the bundle.

FROM node:lts

# Install system dependencies
RUN apt-get update && apt-get install -y --no-install-recommends ca-certificates && rm -rf /var/lib/apt/lists/*

WORKDIR /usr/src/app

# Install app dependencies
COPY package.json ./
RUN npm install --legacy-peer-deps

# Copy rest of source
COPY . .

# Runtime
ENV NODE_ENV=production

# Run the CLI directly from source (no bundling with webpack to avoid browser-specific bundling issues)
ENTRYPOINT ["node", "main.js"]
CMD ["http://localhost:3000"]

const path = require('path');

module.exports = {
  entry: "./main.js",
  output: {
      path: __dirname,
      filename: "bundle.js"
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: [
          'babel-loader',
        ],
      },
    ],
  },
  resolve: {
    modules: [
      path.join(__dirname, 'node_modules'),
    ],
  },
};

const path = require('path');

module.exports = {
  target: 'node',
  entry: "./main.js",
  output: {
      path: __dirname,
      filename: "bundle.js"
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: [
          'babel-loader',
        ],
      },
    ],
  },
  resolve: {
    modules: [
      path.join(__dirname, 'node_modules'),
    ],
  },
  node: {
    __dirname: false,
    __filename: false
  }
};

- Purpose: CLI audit tool (Reactopt) that opens a React app URL in Puppeteer, lets you interact, then type 'done' to collect window.data and run audits.

- How to run: npm start [url] (uri = process.argv[2]).

- Key dependencies and assets:
  - console-png (attachTo(console)) and logo at __dirname + '/media/logo-cli.png'
  - chalk, puppeteer, readline, fs

- Startup behavior:
  - Console prints: "Reactopt is running - Interact with your app, don't close the browser, then type 'done' to perform audit."
  - Opens Chromium (headless: false) at 1000x1000, navigates to the provided URL.

- Interaction/exit:
  - User interacts with the page, then types 'done'.
  - On 'done', page.evaluate(() => window.data) is called; if data exists, runs logAudits(data); browser closes afterwards.
  - If data is missing or error occurs: logs "Error, no data collected. Try interacting more with your page."

- Data interface (window.data):
  - { time, rerenders: [{ type, name, components }] }
  - Used by audits to report load time and re-render events.

- Audits performed (logAudits):
  - loadTime(data): prints "Page Load Time" and "Your page took {data.time} to load".
  - componentRerenders(data):
    - Prints "Component Re-rendering".
    - If data.rerenders.length > 1:
      - Prints "There are components that are potentially re-rendering unnecessarily. Below are identified events that triggered them:"
      - For i from 1 to end, if data.rerenders[i].components.length > 0, prints: "    $ {type} - {name} => {components}"
      - Prints "Possible improvements to re-rendering" and two suggestions:
        - "Consider utilizing shouldComponentDidUpdate of components that shouldn't be constantly re-rendering"
        - "Note: this may affect functionality of child components"
    - Else (no unnecessary re-renders): prints "Way to go, Idaho! No unnecessary re-rendering of components were detected."

- Output/exports:
  - Exports: data, loadTime, printLine, componentRerenders

- Notable implementation details:
  - Console rendering uses printLine(type, string) with styles for 'heading', 'pass', 'fail', 'suggestion', 'line'.
  - Data fetch path: page.evaluate(() => window.data) then .then(logAudits).catch(...)
  - Test data scaffold exists (commented) for testing.

- File references:
  - Image/logo path: __dirname + '/media/logo-cli.png'
  - CLI URL input: process.argv[2]

- Example phrases from code to expect in output:
  - "Reactopt is running - Interact with your app, don't close the browser, then type 'done' to perform audit."
  - "Page Load Time"
  - "Your page took X to load"
  - "Component Re-rendering"
  - "There are components that are potentially re-rendering unnecessarily. Below are identified events that triggered them:"
  - "Possible improvements to re-rendering"
  - "ShouldComponentDidUpdate" (as written) and note about child components
  - "Way to go, Idaho! No unnecessary re-rendering of components were detected."

FROM node:lts AS builder

# Install build dependencies and install modules
WORKDIR /usr/src/app
COPY package.json ./
RUN npm install --legacy-peer-deps

# Copy rest of source and build
COPY . .
RUN npx webpack --config webpack.config.js

FROM node:lts
WORKDIR /usr/src/app

# Copy built bundle from builder
COPY --from=builder /usr/src/app/bundle.js ./bundle.js

# Run the CLI bundle
ENTRYPOINT ["node", "./bundle.js"]

# multi-stage build for reactopt CLI tool
FROM node:lts AS builder
WORKDIR /app

# Install system dependencies required for npm/yarn and Puppeteer
RUN apt-get update && apt-get install -y --no-install-recommends ca-certificates && rm -rf /var/lib/apt/lists/*

# Install dependencies first to leverage Docker layer caching
COPY package.json ./
RUN npm install --legacy-peer-deps

# Copy the rest of the source and build the bundle with webpack
COPY . .
RUN npx webpack --config webpack.config.js

# Runtime stage
FROM node:lts
WORKDIR /app

# Install runtime dependencies
RUN apt-get update && apt-get install -y --no-install-recommends ca-certificates && rm -rf /var/lib/apt/lists/*

# Copy built assets from builder
COPY --from=builder /app/bundle.js ./bundle.js
COPY --from=builder /app/node_modules ./node_modules
COPY --from=builder /app/package.json ./package.json

# Create a non-root user for running the CLI
RUN groupadd -r appuser && useradd -r -g appuser appuser && mkdir -p /home/appuser && chown -R appuser:appuser /app
USER appuser

# Run the bundled CLI by default; allow URL to be provided at runtime
ENTRYPOINT ["node","bundle.js"]

node_modules/
.git/
dist/
coverage/
*.log
.env
README.md

# multi-stage build for reactopt CLI tool
FROM node:lts AS builder
WORKDIR /app

# Install system dependencies required for npm/yarn and Puppeteer
RUN apt-get update && apt-get install -y --no-install-recommends ca-certificates && rm -rf /var/lib/apt/lists/*

# Install dependencies first to leverage Docker layer caching
COPY package.json ./
RUN npm install --legacy-peer-deps

# Copy the rest of the source and build the bundle with webpack
COPY . .
RUN npx webpack --config webpack.config.js

# Runtime stage
FROM node:lts
WORKDIR /app

# Install runtime dependencies
RUN apt-get update && apt-get install -y --no-install-recommends ca-certificates && rm -rf /var/lib/apt/lists/*

# Copy built assets from builder
COPY --from=builder /app/bundle.js ./bundle.js
COPY --from=builder /app/node_modules ./node_modules
COPY --from=builder /app/package.json ./package.json
# Copy media assets needed at runtime
COPY --from=builder /app/media ./media

# Create a non-root user for running the CLI
RUN groupadd -r appuser && useradd -r -g appuser appuser && mkdir -p /home/appuser && chown -R appuser:appuser /app
USER appuser

# Run the bundled CLI by default; allow URL to be provided at runtime
ENTRYPOINT ["node","bundle.js"]

const path = require('path');

module.exports = {
  entry: "./main.js",
  target: 'node',
  output: {
      path: __dirname,
      filename: "bundle.js"
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: [
          'babel-loader',
        ],
      },
    ],
  },
  resolve: {
    modules: [
      path.join(__dirname, 'node_modules'),
    ],
  },
};

# multi-stage build for reactopt CLI tool
FROM node:lts AS builder
WORKDIR /app

# Install system dependencies required for npm/yarn and Puppeteer
RUN apt-get update && apt-get install -y --no-install-recommends ca-certificates && rm -rf /var/lib/apt/lists/*

# Install dependencies first to leverage Docker layer caching
COPY package.json ./
RUN npm install --legacy-peer-deps

# Copy the rest of the source and build the bundle with webpack
COPY . .
RUN npx webpack --config webpack.config.js

# Runtime stage
FROM node:lts
WORKDIR /app

# Install runtime dependencies
RUN apt-get update && apt-get install -y --no-install-recommends ca-certificates && rm -rf /var/lib/apt/lists/*

# Copy built assets from builder
COPY --from=builder /app/bundle.js ./bundle.js
COPY --from=builder /app/node_modules ./node_modules
COPY --from=builder /app/package.json ./package.json
# Copy media assets needed at runtime
COPY --from=builder /app/media ./media
# Also copy media assets to /media as a quick workaround for asset loading paths
COPY --from=builder /app/media /media

# Create a non-root user for running the CLI
RUN groupadd -r appuser && useradd -r -g appuser appuser && mkdir -p /home/appuser && chown -R appuser:appuser /app
USER appuser

# Run the bundled CLI by default; allow URL to be provided at runtime
ENTRYPOINT ["node","bundle.js"]