souporserious

/**
 * Lock all scrollbars by disabling mousewheel and locking scrollbars in position
 * Optionally provide an element to allow it to scroll when hovered
 */
const listenerOptions = supportsPassiveEvents
  ? { capture: true, passive: false }
  : true
let lockedScrolls = []

function lockScroll(node) {

souporserious

import { readFileSync } from 'node:fs'
import { resolve } from 'node:path'

function extractPort(script: string) {
  const portRegex = /next dev.*(?:-p |--port )(\d+)/
  const match = script.match(portRegex)
  return match ? match[1] : null
}

/* Read package.json and parse the Next.js port number */

souporserious

/** Get the offset ancestors of a node. */
function getOffsetAncestors(node: HTMLElement): Set<HTMLElement> {
  let ancestors = new Set<HTMLElement>()
  let current: Element | null = node.offsetParent
  while (current) {
    if (current instanceof HTMLElement) {
      ancestors.add(current)
      current = current.offsetParent
    } else {
      break

souporserious

'use client'
import { useState, useLayoutEffect, useRef, useMemo } from 'react'

export function VirtualList({
  data,
  rowHeight,
  itemsToShow = 4,
  overscanCount = 2,
}: {
  data: { text: string; id: number }[]

souporserious

import * as webpack from 'webpack'
import { glob } from 'glob'
import { dirname, resolve } from 'node:path'

function getPathnameFromFilename(filename: string) {
  return (
    filename
      // Remove file extensions
      .replace(/\.[^/.]+$/, '')
      // Remove leading "./"

souporserious

/**
 * Lock all scrollbars by disabling mousewheel and locking scrollbars in position
 * Optionally provide an element to allow it to scroll when hovered
 */
const listenerOptions = supportsPassiveEvents
  ? { capture: true, passive: false }
  : true
let lockedScrolls = []

function lockScroll(node) {

souporserious

/** Get the closest element that scrolls */
function getClosestOverflowElement(node: HTMLElement, includeHidden?: boolean) {
  if (node) {
    const { overflow, overflowX, overflowY } = getComputedStyle(node)
    const canScroll = (
      includeHidden ? /(auto|scroll|hidden)/ : /(auto|scroll)/
    ).test(overflow + overflowX + overflowY)
    if (node === document.body || canScroll) {
      return node
    } else {

souporserious

import fs from 'node:fs/promises'
import path from 'node:path'

/** Fetches the types for a locally installed NPM package. */
export async function getTypeDeclarations(packageName) {
  const [parentPackage, submodule] = packageName.split('/')
  const parentPackagePath = path.resolve(
    process.cwd(),
    'node_modules',
    parentPackage,

souporserious

import * as React from 'react'
import * as monaco from 'monaco-editor/esm/vs/editor/editor.api'
import ts from 'typescript'
import { setupTypeAcquisition } from '@typescript/ata'
import { signal } from '@preact/signals-core'

/** Type definitions for the current project. */
export const types = signal<{ code: string; path: string }[]>([])

const ata = setupTypeAcquisition({

souporserious

import { execSync } from 'node:child_process';
import parseGitDiff from 'parse-git-diff';
import { Node, Project, SyntaxKind } from 'ts-morph';

/**
 * We're going to build a NextJS utility that compares two git branches and
 * outputs a list of pages that have changed. We'll use TS-Morph to trace
 * the references of the pages that are not obvious by the file name and directory
 * structure that NextJS uses to render pages.
 */