testeranto 0.200.1 → 0.203.0

package/src/components/pure/BuildLogViewer.tsx

@@ -0,0 +1,168 @@
+import React from 'react';
+import { Tab, Alert, Badge, Nav, Card, ListGroup } from 'react-bootstrap';
+
+interface BuildLogViewerProps {
+  logs: any;
+  runtime: string;
+}
+
+export const BuildLogViewer: React.FC<BuildLogViewerProps> = ({ logs, runtime }) => {
+  if (!logs) return <Alert variant="info">Loading {runtime.toLowerCase()} build logs...</Alert>;
+
+  const hasErrors = logs.errors?.length > 0;
+  const hasWarnings = logs.warnings?.length > 0;
+  const [activeTab, setActiveTab] = React.useState('summary');
+
+  return (
+    <div>
+      <Tab.Container activeKey={activeTab} onSelect={(k) => setActiveTab(k || 'summary')}>
+        <Nav variant="tabs" className="mb-3">
+          <Nav.Item>
+            <Nav.Link eventKey="summary">Build Summary</Nav.Link>
+          </Nav.Item>
+          <Nav.Item>
+            <Nav.Link eventKey="warnings">
+              {hasWarnings ? `⚠️ Warnings (${logs.warnings.length})` : 'Warnings'}
+            </Nav.Link>
+          </Nav.Item>
+          <Nav.Item>
+            <Nav.Link eventKey="errors">
+              {hasErrors ? `❌ Errors (${logs.errors.length})` : 'Errors'}
+            </Nav.Link>
+          </Nav.Item>
+        </Nav>
+
+        <Tab.Content>
+          <Tab.Pane eventKey="summary">
+            <Card>
+              <Card.Header className="d-flex justify-content-between align-items-center">
+                <h5>Build Summary</h5>
+                <div>
+                  {hasErrors && (
+                    <Badge bg="danger" className="me-2">
+                      {logs.errors.length} Error{logs.errors.length !== 1 ? 's' : ''}
+                    </Badge>
+                  )}
+                  {hasWarnings && (
+                    <Badge bg="warning" text="dark">
+                      {logs.warnings.length} Warning{logs.warnings.length !== 1 ? 's' : ''}
+                    </Badge>
+                  )}
+                  {!hasErrors && !hasWarnings && (
+                    <Badge bg="success">Build Successful</Badge>
+                  )}
+                </div>
+              </Card.Header>
+              <Card.Body>
+                <div className="mb-3">
+                  <h6>Input Files ({Object.keys(logs.metafile?.inputs || {}).length})</h6>
+                  <ListGroup className="max-h-200 overflow-auto">
+                    {Object.keys(logs.metafile?.inputs || {}).map((file) => (
+                      <ListGroup.Item key={file} className="py-2">
+                        <code>{file}</code>
+                        <div className="text-muted small">
+                          {logs.metafile.inputs[file].bytes} bytes
+                        </div>
+                      </ListGroup.Item>
+                    ))}
+                  </ListGroup>
+                </div>
+                <div>
+                  <h6>Output Files ({Object.keys(logs.metafile?.outputs || {}).length})</h6>
+                  <ListGroup className="max-h-200 overflow-auto">
+                    {Object.keys(logs.metafile?.outputs || {}).map((file) => (
+                      <ListGroup.Item key={file} className="py-2">
+                        <code>{file}</code>
+                        <div className="text-muted small">
+                          {logs.metafile.outputs[file].bytes} bytes
+                          {logs.metafile.outputs[file].entryPoint && (
+                            <span className="ms-2 badge bg-info">Entry Point</span>
+                          )}
+                        </div>
+                      </ListGroup.Item>
+                    ))}
+                  </ListGroup>
+                </div>
+              </Card.Body>
+            </Card>
+          </Tab.Pane>
+          <Tab.Pane eventKey="warnings">
+            {hasWarnings ? (
+              <Card className="border-warning">
+                <Card.Header className="bg-warning text-white d-flex justify-content-between align-items-center">
+                  <span>Build Warnings ({logs.warnings.length})</span>
+                  <Badge bg="light" text="dark">
+                    {new Date().toLocaleString()}
+                  </Badge>
+                </Card.Header>
+                <Card.Body className="p-0">
+                  <ListGroup variant="flush">
+                    {logs.warnings.map((warn: any, i: number) => (
+                      <ListGroup.Item key={i} className="text-warning">
+                        <div className="d-flex justify-content-between">
+                          <strong>
+                            {warn.location?.file || 'Unknown file'}
+                            {warn.location?.line && `:${warn.location.line}`}
+                          </strong>
+                          <small className="text-muted">
+                            {warn.pluginName ? `[${warn.pluginName}]` : ''}
+                          </small>
+                        </div>
+                        <div className="mt-1">
+                          <pre className="mb-0 p-2  rounded">
+                            {JSON.stringify(warn)}
+                          </pre>
+                        </div>
+                      </ListGroup.Item>
+                    ))}
+                  </ListGroup>
+                </Card.Body>
+              </Card>
+            ) : (
+              <Alert variant="info">No warnings found</Alert>
+            )}
+          </Tab.Pane>
+          <Tab.Pane eventKey="errors">
+            {hasErrors ? (
+              <Card className="border-danger">
+                <Card.Header className="bg-danger text-white d-flex justify-content-between align-items-center">
+                  <span>Build Errors ({logs.errors.length})</span>
+                  <Badge bg="light" text="dark">
+                    {new Date().toLocaleString()}
+                  </Badge>
+                </Card.Header>
+                <Card.Body className="p-0">
+                  <ListGroup variant="flush">
+                    {logs.errors.map((err: any, i: number) => (
+                      <ListGroup.Item key={i} className="text-danger">
+                        <div className="d-flex justify-content-between">
+                          <strong>
+                            {err.location?.file || 'Unknown file'}
+                            {err.location?.line && `:${err.location.line}`}
+                          </strong>
+                          <small className="text-muted">
+                            {err.pluginName ? `[${err.pluginName}]` : ''}
+                          </small>
+                        </div>
+                        <div className="mt-1">
+                          <pre className="mb-0 p-2  rounded">
+                            {JSON.stringify(err)}
+                          </pre>
+                        </div>
+                      </ListGroup.Item>
+                    ))}
+                  </ListGroup>
+                </Card.Body>
+              </Card>
+            ) : (
+              <Alert variant="success">
+                <h5>No Errors Found</h5>
+                <p className="mb-0">The build completed without any errors.</p>
+              </Alert>
+            )}
+          </Tab.Pane>
+        </Tab.Content>
+      </Tab.Container>
+    </div>
+  );
+};

package/src/components/pure/DebugEnv.tsx

@@ -0,0 +1,30 @@
+import React from 'react';
+import { Card, CardBody } from 'react-bootstrap';
+
+export const DebugEnv: React.FC = () => {
+  if (process.env.NODE_ENV === 'production') {
+    return null;
+  }
+
+  const envInfo = {
+    nodeEnv: process.env.NODE_ENV,
+    clientId: process.env.GITHUB_CLIENT_ID,
+    allProcessEnv: Object.keys(process.env)
+      .filter(key => key.startsWith('REACT_APP_'))
+      .reduce((obj, key) => {
+        obj[key] = process.env[key];
+        return obj;
+      }, {} as Record<string, string | undefined>),
+    windowEnv: typeof window !== 'undefined' ? (window as any).env : 'window not defined',
+    location: typeof window !== 'undefined' ? window.location : 'window not defined'
+  };
+
+  return (
+    <Card className="mt-3">
+      <CardBody>
+        <h6>Environment Debug (Development Only)</h6>
+        <pre>{JSON.stringify(envInfo, null, 2)}</pre>
+      </CardBody>
+    </Card>
+  );
+};

package/src/components/pure/FileTree.tsx

@@ -0,0 +1,58 @@
+import React from "react";
+import { useState } from "react";
+import { FileTreeItem } from "./FileTreeItem";
+
+export const FileTree = ({ data, onSelect, level = 0, selectedSourcePath }) => {
+  const [expanded, setExpanded] = useState({});
+
+  const toggleExpand = (path) => {
+    setExpanded((prev) => ({ ...prev, [path]: !prev[path] }));
+  };
+
+  return (
+    <div>
+      {Object.entries(data).map(([name, node]) => {
+        const path = Object.keys(expanded).find((k) => k.endsWith(name)) || name;
+        const isExpanded = expanded[path];
+
+        if (node.__isFile) {
+          return (
+            <FileTreeItem
+              key={name}
+              name={name}
+              isFile={true}
+              level={level}
+              isSelected={selectedSourcePath === path}
+              onClick={() => onSelect(path, node.content)}
+            />
+          );
+        } else {
+          return (
+            <div key={name}>
+              <div
+                className="d-flex align-items-center py-1 text-dark"
+                style={{
+                  paddingLeft: `${level * 16}px`,
+                  cursor: 'pointer',
+                  fontSize: '0.875rem'
+                }}
+                onClick={() => toggleExpand(path)}
+              >
+                <i className={`bi ${isExpanded ? 'bi-folder2-open' : 'bi-folder'} me-1`}></i>
+                <span>{name}</span>
+              </div>
+              {isExpanded && (
+                <FileTree
+                  data={node}
+                  onSelect={onSelect}
+                  level={level + 1}
+                  selectedSourcePath={selectedSourcePath}
+                />
+              )}
+            </div>
+          );
+        }
+      })}
+    </div>
+  );
+};

package/src/components/pure/FileTreeItem.tsx

@@ -0,0 +1,49 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+import React, { } from "react";
+
+export const FileTreeItem = ({
+  name,
+  isFile,
+  level,
+  isSelected,
+  exists = true,
+  onClick
+}: {
+  name: string;
+  isFile: boolean;
+  level: number;
+  isSelected: boolean;
+  exists?: boolean;
+  onClick: () => void;
+}) => {
+  const displayName = name
+    .replace(".json", "")
+    .replace(".txt", "")
+    .replace(".log", "")
+    .replace(/_/g, " ")
+    .replace(/^std/, "Standard ")
+    .replace(/^exit/, "Exit Code")
+    .split('/').pop();
+
+  return (
+    <div
+      className={`d-flex align-items-center py-1 ${isSelected ? 'text-primary fw-bold' : exists ? 'text-dark' : 'text-muted'}`}
+      style={{
+        paddingLeft: `${level * 16}px`,
+        cursor: exists ? 'pointer' : 'not-allowed',
+        fontSize: '0.875rem',
+        opacity: exists ? 1 : 0.6
+      }}
+      onClick={exists ? onClick : undefined}
+      title={exists ? undefined : "File not found or empty"}
+    >
+      <i className={`bi ${isFile ? (exists ? 'bi-file-earmark-text' : 'bi-file-earmark') : 'bi-folder'} me-1`}></i>
+      <span>{displayName}</span>
+      {!exists && (
+        <i className="bi bi-question-circle ms-1" title="File not found or empty"></i>
+      )}
+    </div>
+  );
+};

package/src/components/pure/GitHubLoginButton.tsx

@@ -0,0 +1,31 @@
+import React from 'react';
+import { Button } from 'react-bootstrap';
+import { githubAuthService } from '../../services/GitHubAuthService';
+
+interface GitHubLoginButtonProps {
+  className?: string;
+  variant?: string;
+  size?: 'sm' | 'lg';
+}
+
+export const GitHubLoginButton: React.FC<GitHubLoginButtonProps> = ({
+  className,
+  variant = 'outline-dark',
+  size,
+}) => {
+  const handleLogin = () => {
+    githubAuthService.initiateLogin();
+  };
+
+  return (
+    <Button
+      className={className}
+      variant={variant}
+      size={size}
+      onClick={handleLogin}
+    >
+      <i className="bi bi-github me-2"></i>
+      Sign in with GitHub
+    </Button>
+  );
+};