testeranto 0.202.0 → 0.205.0

package/src/services/GitHubAuthService.ts

@@ -1,240 +0,0 @@
-interface GitHubUser {
-  login: string;
-  id: number;
-  avatar_url: string;
-  name: string;
-  email: string;
-}
-
-type EventListener = (...args: any[]) => void;
-
-export class GitHubAuthService {
-  private static get CLIENT_ID(): string | undefined {
-    // Read from the global configuration
-    if (
-      typeof window !== "undefined" &&
-      (window as any).testerantoConfig?.githubOAuth?.clientId
-    ) {
-      return (window as any).testerantoConfig.githubOAuth.clientId;
-    }
-    console.log("GitHub OAuth client ID not found in configuration");
-    return undefined;
-  }
-  private static readonly REDIRECT_URI = `${window.location.origin}/auth/github/callback`;
-  private static readonly SCOPE = "repo user";
-
-  private accessToken: string | null = null;
-  private user: GitHubUser | null = null;
-  private listeners: Map<string, EventListener[]> = new Map();
-
-  constructor() {
-    this.loadStoredAuth();
-  }
-
-  on(event: string, listener: EventListener) {
-    if (!this.listeners.has(event)) {
-      this.listeners.set(event, []);
-    }
-    this.listeners.get(event)!.push(listener);
-  }
-
-  off(event: string, listener: EventListener) {
-    const eventListeners = this.listeners.get(event);
-    if (eventListeners) {
-      const index = eventListeners.indexOf(listener);
-      if (index > -1) {
-        eventListeners.splice(index, 1);
-      }
-    }
-  }
-
-  emit(event: string, ...args: any[]) {
-    const eventListeners = this.listeners.get(event);
-    if (eventListeners) {
-      eventListeners.forEach((listener) => {
-        try {
-          listener(...args);
-        } catch (error) {
-          console.error(`Error in event listener for ${event}:`, error);
-        }
-      });
-    }
-  }
-
-  private loadStoredAuth() {
-    const token = localStorage.getItem("github_access_token");
-    const userStr = localStorage.getItem("github_user");
-
-    if (token) {
-      this.accessToken = token;
-    }
-
-    if (userStr) {
-      this.user = JSON.parse(userStr);
-    }
-  }
-
-  get isAuthenticated(): boolean {
-    return !!this.accessToken;
-  }
-
-  get userInfo(): GitHubUser | null {
-    return this.user;
-  }
-
-  get token(): string | null {
-    return this.accessToken;
-  }
-
-  initiateLogin() {
-    const clientId = GitHubAuthService.CLIENT_ID;
-    console.log("Initiating login with CLIENT_ID:", clientId);
-
-    if (!clientId) {
-      console.error(
-        "GitHub OAuth client ID is not configured. Please set GITHUB_CLIENT_ID environment variable."
-      );
-
-      // Provide helpful instructions for setup
-      const setupInstructions = `
-GitHub authentication is not configured.
-
-To set up GitHub OAuth:
-
-1. Go to https://github.com/settings/developers
-2. Create a new OAuth App
-3. Set Authorization callback URL to: ${GitHubAuthService.REDIRECT_URI}
-4. Add GITHUB_CLIENT_ID to your environment variables
-5. Restart the development server
-
-For development, you can create a .env file in the root directory with:
-GITHUB_CLIENT_ID=your_client_id_here
-
-Current environment analysis:
-- process.env.GITHUB_CLIENT_ID: ${
-        typeof process !== "undefined"
-          ? process.env?.GITHUB_CLIENT_ID || "undefined"
-          : "process undefined"
-      }
-- window.env.GITHUB_CLIENT_ID: ${
-        typeof window !== "undefined"
-          ? (window as any).env?.GITHUB_CLIENT_ID || "undefined"
-          : "window undefined"
-      }
-      `;
-
-      alert(setupInstructions);
-      return;
-    }
-    const authUrl = `https://github.com/login/oauth/authorize?client_id=${clientId}&redirect_uri=${encodeURIComponent(
-      GitHubAuthService.REDIRECT_URI
-    )}&scope=${encodeURIComponent(GitHubAuthService.SCOPE)}`;
-    console.log("Opening auth popup:", authUrl);
-    
-    // Open in a popup window
-    const width = 600;
-    const height = 700;
-    const left = (window.screen.width - width) / 2;
-    const top = (window.screen.height - height) / 2;
-    
-    window.open(
-      authUrl,
-      'github-auth',
-      `width=${width},height=${height},left=${left},top=${top},resizable=yes,scrollbars=yes,status=yes`
-    );
-  }
-
-  async handleCallback(code: string): Promise<boolean> {
-    try {
-      const response = await fetch("/api/auth/github/token", {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json",
-        },
-        body: JSON.stringify({ code }),
-      });
-
-      if (!response.ok) {
-        throw new Error("Failed to exchange code for token");
-      }
-
-      const data = await response.json();
-      this.accessToken = data.access_token;
-
-      // Store token
-      localStorage.setItem("github_access_token", this.accessToken);
-
-      // Get user info
-      await this.fetchUserInfo();
-
-      this.emit("authChange", true);
-      return true;
-    } catch (error) {
-      console.error("Authentication failed:", error);
-      this.logout();
-      return false;
-    }
-  }
-
-  private async fetchUserInfo() {
-    if (!this.accessToken) return;
-
-    try {
-      const response = await fetch("https://api.github.com/user", {
-        headers: {
-          Authorization: `Bearer ${this.accessToken}`,
-          Accept: "application/vnd.github.v3+json",
-        },
-      });
-
-      if (!response.ok) {
-        throw new Error("Failed to fetch user info");
-      }
-
-      this.user = await response.json();
-      localStorage.setItem("github_user", JSON.stringify(this.user));
-    } catch (error) {
-      console.error("Failed to fetch user info:", error);
-    }
-  }
-
-  logout() {
-    this.accessToken = null;
-    this.user = null;
-    localStorage.removeItem("github_access_token");
-    localStorage.removeItem("github_user");
-    this.emit("authChange", false);
-  }
-
-  isConfigured(): boolean {
-    const clientId = GitHubAuthService.CLIENT_ID;
-    console.log("Checking if configured - CLIENT_ID:", clientId);
-    return !!clientId;
-  }
-
-  async makeAuthenticatedRequest(url: string, options: RequestInit = {}) {
-    if (!this.accessToken) {
-      throw new Error("Not authenticated");
-    }
-
-    const headers = {
-      Authorization: `Bearer ${this.accessToken}`,
-      Accept: "application/vnd.github.v3+json",
-      ...options.headers,
-    };
-
-    const response = await fetch(url, {
-      ...options,
-      headers,
-    });
-
-    if (response.status === 401) {
-      this.logout();
-      throw new Error("Authentication expired");
-    }
-
-    return response;
-  }
-}
-
-export const githubAuthService = new GitHubAuthService();

package/src/templates/frontpage.html

@@ -1,340 +0,0 @@
-<div class="snap-container">
-  <!-- Hero Section -->
-  <section class="snap-section d-flex align-items-center justify-content-center min-vh-100" style="
-      background: linear-gradient(0deg, #000 0%, #222 50%, #000 100%);
-      background-size: 200% 200%;
-      color: #fff;
-      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
-      animation: vibrantPulse 8s ease infinite;
-    ">
-    <style>
-      .snap-section h2 {
-        font-size: 500% !important;
-      }
-
-      .snap-section .lead {
-        font-size: 150% !important;
-      }
-    </style>
-    <div class="container text-center">
-      <h1 class="display-3 fw-bold mb-4">Testeranto</h1>
-      <h2 class="lead fs-2 mb-5">
-        The AI-powered BDD test framework for Typescript projects.
-      </h2>
-    </div>
-  </section>
-
-  <!-- Vibe Coding (Left) -->
-  <section class="snap-section min-vh-100 d-flex align-items-center" style="
-      background: linear-gradient(to bottom, #0a0023 0%, #551a57 100%);
-      color: var(--dark-vibrant-text);
-      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
-      animation: vibrantPulse 8s ease infinite;
-    ">
-    <div class="container">
-      <div class="row align-items-center">
-        <div class="col-md-6">
-          <h2 class="display-4 mb-4 text-center">
-            Vibe Coding meets<br />the Real World
-          </h2>
-        </div>
-        <div class="col-md-6">
-          <p class="lead">
-            You've heard the hype - now it's time to get down to business.
-            Harness the raw power of LLMs to write and test your TypeScript at
-            scale. Soon you'll be working in your real-world codebase like a
-            pro.
-          </p>
-        </div>
-      </div>
-    </div>
-  </section>
-
-  <!-- Self-fixing Tests (Right) -->
-  <section class="snap-section min-vh-100 d-flex align-items-center" style="
-      background: linear-gradient(
-          135deg,
-          #220022 0%,
-          #440044 50%,
-          #220022 100%
-        ),
-        radial-gradient(
-          circle at 30% 30%,
-          rgba(68, 0, 68, 0.3) 0%,
-          transparent 50%
-        ),
-        radial-gradient(
-          circle at 70% 70%,
-          rgba(34, 0, 34, 0.3) 0%,
-          transparent 50%
-        );
-      color: var(--dark-vibrant-text);
-      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
-      animation: vibrantPulse 8s ease infinite;
-    ">
-    <div class="container">
-      <div class="row align-items-center">
-        <div class="col-md-6 order-md-2">
-          <h2 class="display-4 mb-4 text-center">
-            Tests so smart<br />they fix themselves
-          </h2>
-        </div>
-        <div class="col-md-6 order-md-1">
-          <p class="lead">
-            When tests fail, an LLM can automatically resolve the problem with a
-            single click. They handle type errors and static analysis too.
-            Informed by your documentation, they can even implement new
-            features. You might never write code by hand again.
-          </p>
-        </div>
-      </div>
-    </div>
-  </section>
-
-  <!-- Precision Prompts (Left) -->
-  <section class="snap-section min-vh-100 d-flex align-items-center" style="
-      background: radial-gradient(
-          ellipse at top left,
-          #1900fe 0%,
-          transparent 70%
-        ),
-        radial-gradient(ellipse at bottom right, #00e5ff 0%, transparent 70%),
-        linear-gradient(to bottom, #1900fe 0%, #00e5ff 100%);
-      color: #fff;
-      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
-      animation: vibrantPulse 8s ease infinite;
-    ">
-    <div class="container">
-      <div class="row align-items-center">
-        <div class="col-md-6">
-          <h2 class="display-4 mb-4 text-center">
-            Perfectly<br />Precise<br />Prompts
-          </h2>
-        </div>
-        <div class="col-md-6">
-          <p class="lead">
-            Testeranto's optimized prompts maximize the LLM's limited context
-            window by including only the most relevant source files,
-            documentation, and test results. This means you can get better
-            results from smaller models. The context is so well-structured that
-            you can even run OpenRouter models locally and avoid paying those
-            pesky API fees.
-          </p>
-        </div>
-      </div>
-    </div>
-  </section>
-
-  <!-- Test Results (Right) -->
-  <section class="snap-section min-vh-100 d-flex align-items-center" style="
-      background: linear-gradient(
-          135deg,
-          rgba(54, 206, 65, 0.9) 0%,
-          rgba(59, 188, 255, 0.9) 100%
-        ),
-        radial-gradient(
-          circle at 20% 30%,
-          rgba(54, 206, 65, 0.2) 0%,
-          transparent 50%
-        ),
-        radial-gradient(
-          circle at 80% 70%,
-          rgba(59, 188, 255, 0.2) 0%,
-          transparent 50%
-        );
-      color: #fff;
-      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
-      animation: vibrantPulse 8s ease infinite;
-    ">
-    <div class="container">
-      <div class="row align-items-center">
-        <div class="col-md-6 order-md-2">
-          <h2 class="display-4 mb-4 text-center">
-            Test results,<br />artfully arranged
-          </h2>
-        </div>
-        <div class="col-md-6 order-md-1">
-          <p class="lead">
-            Are you tired of looking at ugly test reports? Testeranto tracks
-            everything in Git and presents test results, static analysis, type
-            errors, screenshots, features, and documentation in a lovely little
-            static site that's easily deployed to GitHub Pages.
-          </p>
-        </div>
-      </div>
-    </div>
-  </section>
-
-  <!-- Multi-runtime (Left) -->
-  <section class="snap-section min-vh-100 d-flex align-items-center" style="
-      background: linear-gradient(
-          135deg,
-          rgba(19, 72, 0, 0.9) 0%,
-          rgba(48, 222, 57, 0.9) 100%
-        ),
-        radial-gradient(
-          circle at 20% 30%,
-          rgba(19, 72, 0, 0.2) 0%,
-          transparent 50%
-        ),
-        radial-gradient(
-          circle at 80% 70%,
-          rgba(48, 222, 57, 0.2) 0%,
-          transparent 50%
-        );
-      color: #fff;
-      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
-      animation: vibrantPulse 8s ease infinite;
-    ">
-    <div class="container">
-      <div class="row align-items-center">
-        <div class="col-md-6">
-          <h2 class="display-4 mb-4 text-center">
-            Frontend, backend<br />and everything in between
-          </h2>
-        </div>
-        <div class="col-md-6">
-          <p class="lead">
-            Run your tests in Node.js, Chrome, or both! Testeranto's custom
-            multi-runtime architecture can execute tests in any environment. You
-            no longer need to hoist your React components with Jest - you can
-            render and test them right in the browser. You can even take
-            screenshots with puppeteer!
-          </p>
-        </div>
-      </div>
-    </div>
-  </section>
-
-  <!-- Typed BDD DSL (Right) -->
-  <section class="snap-section min-vh-100 d-flex align-items-center" style="
-      background: linear-gradient(
-          135deg,
-          rgba(255, 152, 0, 0.9) 0%,
-          rgba(229, 255, 107, 0.9) 100%
-        ),
-        radial-gradient(
-          circle at 20% 30%,
-          rgba(255, 152, 0, 0.2) 0%,
-          transparent 50%
-        ),
-        radial-gradient(
-          circle at 80% 70%,
-          rgba(229, 255, 107, 0.2) 0%,
-          transparent 50%
-        );
-      color: var(--primary-vibrant-text);
-      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
-      animation: vibrantPulse 8s ease infinite;
-    ">
-    <div class="container">
-      <div class="row align-items-center">
-        <div class="col-md-6 order-md-2">
-          <h2 class="display-4 mb-4 text-center">A new type of BDD</h2>
-        </div>
-        <div class="col-md-6 order-md-1">
-          <p class="lead">
-            Behavior-Driven Development specifications are written in a
-            tightly-typed TypeScript DSL. You can edit those specs right in the
-            browser with Github's Web VSCode editor, without ever cloning your
-            project. It's so easy, even a stakeholder can do it.
-          </p>
-        </div>
-      </div>
-    </div>
-  </section>
-
-  <!-- Aider (Left) -->
-  <section class="snap-section min-vh-100 d-flex align-items-center" style="
-      background: linear-gradient(
-        135deg,
-        #ff2222 0%,
-        #ffc107 50%,
-        #ff2222 100%
-      );
-      background-size: 200% 200%;
-      color: #fff;
-      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
-      animation: gradientFlow 15s ease infinite;
-    ">
-    <div class="container">
-      <div class="row align-items-center">
-        <div class="col-md-6">
-          <h2 class="display-4 mb-4 text-center">
-            Your repo made smarter with Aider.
-          </h2>
-        </div>
-        <div class="col-md-6">
-          <p class="lead">
-            Aider is an AI pair-programming assistant that can read and edit
-            local files. While Testeranto leverages Aider for prompt execution,
-            you can also use it directly to generate tested TypeScript right
-            from the command line.
-          </p>
-        </div>
-      </div>
-    </div>
-  </section>
-
-  <!-- Bundle of Joy (Right) -->
-  <section class="snap-section min-vh-100 d-flex align-items-center" style="
-      background: linear-gradient(to bottom, #d10000 0%, #330033 100%);
-      color: #fff;
-      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
-      animation: vibrantPulse 8s ease infinite;
-    ">
-    <div class="container">
-      <div class="row align-items-center">
-        <div class="col-md-6 order-md-2">
-          <h2 class="display-4 mb-4 text-center">A bundle of joy</h2>
-        </div>
-        <div class="col-md-6 order-md-1">
-          <p class="lead">
-            Testeranto leverages the blazingly fast TypeScript bundler esbuild
-            to build tests. Its intelligent dependency tracking means editing a
-            file only triggers re-bundling of affected tests. Add your own
-            plugins to enhance esbuild's capabilities and you can bundle just
-            about anything.
-          </p>
-        </div>
-      </div>
-    </div>
-  </section>
-
-  <!-- Demo Section -->
-  <section class="snap-section d-flex align-items-center justify-content-center min-vh-100" style="
-      background: linear-gradient(135deg, #000022 0%, #220033 50%, #000022 100%),
-                  radial-gradient(circle at 20% 30%, rgba(34, 0, 51, 0.3) 0%, transparent 50%),
-                  radial-gradient(circle at 80% 70%, rgba(0, 0, 34, 0.3) 0%, transparent 50%);
-      background-size: 200% 200%, cover, cover;
-      color: #fff;
-      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
-      animation: vibrantPulse 8s ease infinite;
-    ">
-    <div class="container text-center">
-      <h2 class="display-4 mb-4">A demo is worth a thousand tokens.</h2>
-      <h2 class="mb-5">
-        <a href="/testeranto/projects.html#/projects/core/tests/src%2Fcomponents%2Fpure%2FProjectPageView.test%2Findex.tsx/web"
-          style="color: #fff;">See it for yourself</a>
-      </h2>
-    </div>
-  </section>
-
-  <!-- Beta Program Section -->
-  <section class="snap-section d-flex align-items-center justify-content-center min-vh-100" style="
-      background: linear-gradient(135deg, #001100 0%, #003322 50%, #001100 100%),
-                  radial-gradient(circle at 30% 30%, rgba(0, 51, 34, 0.3) 0%, transparent 50%),
-                  radial-gradient(circle at 70% 70%, rgba(0, 17, 0, 0.3) 0%, transparent 50%);
-      background-size: 200% 200%, cover, cover;
-      color: #fff;
-      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
-      animation: gradientFlow 15s ease infinite;
-    ">
-    <div class="container text-center">
-      <h2 class="display-4 mb-4">Join the Beta Program</h2>
-      <p class="lead mb-5">Be among the first to experience Testeranto's full potential. <a
-          href="#beta-signup"
-          style="color: #fff;">Sign up now</a></p>
-    </div>
-  </section>
-</div>

package/src/templates/frontpage.md

@@ -1,79 +0,0 @@
----
-comment: frontpage is a series of full-page sections which snap into place as the use scrolls down. The first and last slides have centered content.  The first is white text on background, the last slide is black text on white background. The rest alternate between left and right aligned, each with a different color.
-slides:
-  - Slide 0: Hero/Jumbotron. White text on black gradient background, but no animation
-  - Slide 1: background gradient is black at top and the bottom is our coolest  color.
-  - Second to last slide: background gradient is our hottest  color at top and white at bottom
-  - Last slide: White text on black gradient background, but no animation
-  - all other slides have a background gradient. These should be sorted (roughly) from dark and cool, to hot and white.
----
-
-#### Testeranto
-
-##### The AI-powered BDD test framework for Typescript projects.
-
----
-
-#### Vibe Coding meets
-
-#### the Real World
-
-##### You've heard the hype, but now it's time to get down to business. Harness the raw power of LLMs to write and test TypeScript at scale and soon you will be vibing around your real-world codebase like a pro.
-
----
-
-#### Tests so smart
-
-#### they fix themselves
-
-##### When a test fails, an LLM can auto-magically resolve it with the click of a button. It will also take care of type errors and static analysis issues, and informed by your own documentation, it can even implement new features. You might never write code again.
-
----
-
-#### Perfectly
-
-#### Precise
-
-#### Prompts
-
-##### Testeranto's prompts conserve the LLM's limited context, filling it with only the most pertinent source files, documentation and test results. This means you can get better results from cheaper models. Testeranto fills your context so well, you can run a OpenRouter model locally and avoid paying for api credits.
-
----
-
-#### Test results,
-
-#### artfully arranged
-
-##### Are you tired of looking at ugly test reports? Track everything in git and you can see your test results, static analysis, type errors, screenshots, features, documentation, and more in a lovely little static site that's easily deployed to GitHub Pages.
-
----
-
-#### Frontend, backend
-
-#### and everything in between
-
-##### You can run your tests in NodeV8, or Chrome, or both! Testeranto's custom multi-runtime allows you to run tests in the environment that's suitable for your code. You no longer need to hoist your React components with jest- you can render and test them right in the browser. You can even take screenshots with puppeteer!
-
----
-
-#### A new type of BDD
-
-##### Behavior-Driven Development specifications are written in a tightly-typed TypeScript DSL. You can edit those specs right in the browser with Github's Web VSCode editor, without ever cloning your project. It's so easy, even a stakeholder can do it.
-
----
-
-#### Your repo made smarter with Aider.
-
-##### Aider is a pair-programming chatbot that allows models to read and edit your local files. Testeranto uses Aider to execute it's prompts, but you can use Aider directly. Generate hundreds of lines of tested typescript, for mere pennies and in seconds.
-
----
-
-#### A bundle of joy
-
-##### Esbuild is a blazingly fast typescript bundler which is used to build testeranto's tests. It manages each test separately, so when you edit a file, only the tests which source that file are re-bundled and re-run. Add you own plugins to enhance esbuild's capabilities and you can bundle just about anything.
-
----
-
-#### A demo is worth a thousand tokens.
-
-##### See testeranto in action [here](/testeranto/projects.html#/projects/core/tests/src%2Fcomponents%2Fpure%2FProjectPageView.test%2Findex.tsx/web)

package/src/types/features.ts

@@ -1,38 +0,0 @@
-export type TreeNode = {
-  name: string;
-  type: 'project' | 'file';
-  path?: string;
-  children?: TreeNode[];
-};
-
-export function buildTree(projects: string[]): TreeNode[] {
-  return projects.map(projectName => ({
-    name: projectName,
-    type: 'project',
-    children: [{
-      name: 'src',
-      type: 'file',
-      children: [{
-        name: 'components',
-        type: 'file',
-        children: [{
-          name: 'pure',
-          type: 'file',
-          children: [
-            { name: 'AppFrame.test', type: 'file', path: 'src/components/pure/AppFrame.test' },
-            { name: 'FeaturesReporterView.test', type: 'file', path: 'src/components/pure/FeaturesReporterView.test' },
-            { name: 'ProjectPageView.test', type: 'file', path: 'src/components/pure/ProjectPageView.test' }
-          ]
-        }]
-      }, {
-        name: 'lib',
-        type: 'file',
-        children: [{
-          name: 'baseBuilder.test',
-          type: 'file',
-          path: 'src/lib/baseBuilder.test'
-        }]
-      }]
-    }]
-  }));
-}