git0 0.3.17 → 0.3.18

package/docs/components/ui/collapsible.tsx

@@ -0,0 +1,44 @@
+/**
+ * @file collapsible.tsx
+ * @description Collapsible component for hiding/showing content, built with Radix UI.
+ */
+// @ts-nocheck - Radix UI types incompatible with React 19 children prop
+'use client';
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import React, { forwardRef, useEffect, useState } from 'react';
+import { cn } from '@/lib/utils';
+
+const Collapsible = CollapsiblePrimitive.Root as any;
+
+const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger as any;
+
+const CollapsibleContent = forwardRef<
+  HTMLDivElement,
+  React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleContent>
+>(({ children, ...props }, ref) => {
+  const [mounted, setMounted] = useState(false);
+
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+
+  return (
+    <CollapsiblePrimitive.CollapsibleContent
+      ref={ref}
+      {...props}
+      className={cn(
+        'overflow-hidden',
+        mounted &&
+        'data-[state=closed]:animate-fd-collapsible-up data-[state=open]:animate-fd-collapsible-down',
+        props.className,
+      )}
+    >
+      {children}
+    </CollapsiblePrimitive.CollapsibleContent>
+  );
+});
+
+CollapsibleContent.displayName =
+  CollapsiblePrimitive.CollapsibleContent.displayName;
+
+export { Collapsible, CollapsibleTrigger, CollapsibleContent };

package/docs/components/ui/slider.tsx

@@ -0,0 +1,36 @@
+"use client"
+
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+type SliderProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onChange" | "value"> & {
+  value?: number[]
+  onValueChange?: (value: number[]) => void
+}
+
+const Slider = React.forwardRef<HTMLInputElement, SliderProps>(
+  ({ className, value = [0], onValueChange, min = 0, max = 100, step = 1, ...props }, ref) => {
+    return (
+      <input
+        ref={ref}
+        type="range"
+        min={min}
+        max={max}
+        step={step}
+        value={value[0] ?? 0}
+        onChange={(event) => onValueChange?.([Number(event.target.value)])}
+        className={cn(
+          "h-2 w-full cursor-pointer appearance-none rounded-full bg-slate-800 accent-sky-400",
+          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sky-400 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950",
+          className,
+        )}
+        {...props}
+      />
+    )
+  },
+)
+
+Slider.displayName = "Slider"
+
+export { Slider }

package/docs/components/ui/tooltip.tsx

@@ -0,0 +1,63 @@
+// @ts-nocheck - Radix UI types incompatible with React 19 children prop
+"use client"
+
+import * as React from "react"
+import * as TooltipPrimitive from "@radix-ui/react-tooltip"
+
+import { cn } from "@/lib/utils"
+
+function TooltipProvider({
+  delayDuration = 0,
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {
+  return (
+    <TooltipPrimitive.Provider
+      data-slot="tooltip-provider"
+      delayDuration={delayDuration}
+      {...props}
+    />
+  )
+}
+
+function Tooltip({
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Root>) {
+  return (
+    <TooltipProvider>
+      <TooltipPrimitive.Root data-slot="tooltip" {...props} />
+    </TooltipProvider>
+  )
+}
+
+function TooltipTrigger({
+  children,
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Trigger> & { children?: React.ReactNode }) {
+  return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props}>{children}</TooltipPrimitive.Trigger>
+}
+
+function TooltipContent({
+  className,
+  sideOffset = 4,
+  children,
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Content>) {
+  return (
+    <TooltipPrimitive.Portal>
+      <TooltipPrimitive.Content
+        data-slot="tooltip-content"
+        sideOffset={sideOffset}
+        className={cn(
+          "bg-slate-950 border-slate-800 text-slate-100 z-50 overflow-hidden rounded-md border px-3 py-1.5 text-xs shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+          className
+        )}
+        {...props}
+      >
+        {children}
+        <TooltipPrimitive.Arrow className="fill-slate-950" />
+      </TooltipPrimitive.Content>
+    </TooltipPrimitive.Portal>
+  )
+}
+
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }

package/docs/components/ui/video-modal.tsx

@@ -0,0 +1,238 @@
+/**
+ * @file video-modal.tsx
+ * @description Modal component specifically designed for playing video content.
+ */
+// @ts-nocheck - Radix UI types incompatible with React 19 children prop
+'use client'
+
+import * as React from 'react'
+import * as DialogPrimitive from '@radix-ui/react-dialog'
+import { cn } from "@/lib/utils"
+
+function VideoModal({
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Root>) {
+  return <DialogPrimitive.Root data-slot="video-modal" {...props} />
+}
+
+function VideoModalTrigger({
+  children,
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Trigger> & { children?: React.ReactNode }) {
+  return <DialogPrimitive.Trigger data-slot="video-modal-trigger" {...props}>{children}</DialogPrimitive.Trigger>
+}
+
+function VideoModalPortal({
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Portal>) {
+  return <DialogPrimitive.Portal data-slot="video-modal-portal" {...props} />
+}
+
+function VideoModalClose({
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Close>) {
+  return <DialogPrimitive.Close data-slot="video-modal-close" {...props} />
+}
+
+const VideoModalOverlay = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Overlay>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>
+>(({ className, ...props }, ref) => (
+  <DialogPrimitive.Overlay
+    ref={ref}
+    className={cn(
+      'data-[state=closed]:animate-modal-fade-out data-[state=open]:animate-modal-fade-in fixed inset-0 z-50 backdrop-blur-xl',
+      className,
+    )}
+    {...props}
+  />
+))
+VideoModalOverlay.displayName = DialogPrimitive.Overlay.displayName
+
+const VideoModalContent = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>
+>(({ className, children, ...props }, ref) => (
+  <VideoModalPortal>
+    <VideoModalOverlay />
+    <DialogPrimitive.Content
+      ref={ref}
+      className={cn(
+        'fixed left-1/2 top-1/2 z-50 flex h-screen w-screen -translate-x-1/2 -translate-y-1/2 items-center justify-center p-3',
+        'data-[state=closed]:animate-modal-fade-out data-[state=open]:animate-modal-fade-in data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[50%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[50%] transition-all',
+        className,
+      )}
+      {...props}
+    >
+      <div className="relative mx-auto flex size-full items-center justify-center rounded-2xl border border-gray-950/[.1] bg-gray-50/[.2] dark:border-gray-50/[.1] dark:bg-gray-950/[.5]">
+        {/* Mobile close button */}
+        <CloseIcon isMobile />
+
+        <div className="flex h-4/5 w-full max-w-5xl gap-6">
+          {/* Desktop close button */}
+          <CloseIcon />
+          <div className="flex w-full flex-col max-lg:p-4 max-lg:text-center">
+            {children}
+          </div>
+        </div>
+      </div>
+    </DialogPrimitive.Content>
+  </VideoModalPortal>
+))
+
+VideoModalContent.displayName = DialogPrimitive.Content.displayName
+
+const VideoModalTitle = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Title>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>
+>(({ className, ...props }, ref) => (
+  <DialogPrimitive.Title
+    ref={ref}
+    className={cn(
+      'mb-4 text-4xl font-bold text-gray-950 dark:text-gray-50',
+      className,
+    )}
+    {...props}
+  />
+))
+VideoModalTitle.displayName = DialogPrimitive.Title.displayName
+
+const VideoModalDescription = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Description>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>
+>(({ className, ...props }, ref) => (
+  <DialogPrimitive.Description
+    ref={ref}
+    className={cn(
+      'mb-6 text-xl text-gray-950/80 dark:text-gray-50/70',
+      className,
+    )}
+    {...props}
+  />
+))
+VideoModalDescription.displayName = DialogPrimitive.Description.displayName
+
+const VideoPreview = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, children, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn(
+      'absolute inset-0 z-10 transition-opacity duration-500 group-[.playing]:pointer-events-none group-[.playing]:opacity-0',
+      className,
+    )}
+    {...props}
+  >
+    {children}
+  </div>
+))
+VideoPreview.displayName = 'VideoPreview'
+
+const VideoPlayButton = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, children, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn(
+      'absolute inset-0 z-20 flex items-center justify-center transition-opacity duration-300 group-[.playing]:pointer-events-none group-[.playing]:opacity-0',
+      className,
+    )}
+    {...props}
+  >
+    {children}
+  </div>
+))
+VideoPlayButton.displayName = 'VideoPlayButton'
+
+const VideoPlayer = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, children, ...props }, ref) => {
+  const [isPlaying, setIsPlaying] = React.useState(false)
+
+  return (
+    <div
+      ref={ref}
+      className={cn(
+        'group relative aspect-video max-w-4xl overflow-hidden rounded-xl border border-gray-950/[.1] object-cover dark:border-gray-50/[.1]',
+        isPlaying && 'playing',
+        className,
+      )}
+      onClick={() => setIsPlaying(true)}
+      {...props}
+    >
+      {children}
+    </div>
+  )
+})
+VideoPlayer.displayName = 'VideoPlayer'
+
+const VideoModalVideo = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, children, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn(
+      'aspect-video max-w-4xl overflow-hidden rounded-xl border border-gray-950/[.1] object-cover shadow-xl dark:border-gray-50/[.1]',
+      className,
+    )}
+    {...props}
+  >
+    {children}
+  </div>
+))
+VideoModalVideo.displayName = 'VideoModalVideo'
+
+const CloseIcon = React.forwardRef<
+  React.ElementRef<typeof VideoModalClose>,
+  React.ComponentPropsWithoutRef<typeof VideoModalClose> & {
+    isMobile?: boolean
+  }
+>(({ className, isMobile = false, ...props }, ref) => (
+  <VideoModalClose
+    ref={ref}
+    className={cn(
+      'rounded-full border border-gray-950/[.1] bg-gray-950/[.01] p-2 transition duration-300 hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]',
+      isMobile
+        ? 'absolute right-4 top-4 lg:hidden'
+        : 'hidden self-start lg:block',
+      className,
+    )}
+    {...props}
+  >
+    <svg
+      fill="none"
+      height="12"
+      viewBox="0 0 12 12"
+      width="12"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M1 1L11 11M11 1L1 11"
+        className="stroke-current"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth="1.5"
+      >
+      </path>
+    </svg>
+    <span className="sr-only">Close</span>
+  </VideoModalClose>
+))
+
+CloseIcon.displayName = 'CloseIcon'
+
+export {
+  VideoModal,
+  VideoModalTrigger,
+  VideoModalContent,
+  VideoModalTitle,
+  VideoModalDescription,
+  VideoModalVideo,
+  VideoPreview,
+  VideoPlayButton,
+  VideoPlayer,
+}

package/docs/content/docs/fm.mdx

@@ -0,0 +1,11 @@
+---
+title: fm
+description: Terminal file manager bundled with git0.
+---
+
+`fm` is a keyboard-driven terminal file manager that ships as one of git0's bins.
+It is not built — the bin points straight at `src/fm.js`.
+
+```bash
+fm
+```

package/docs/content/docs/git0.mdx

@@ -0,0 +1,104 @@
+---
+title: git0
+description: Project setup functions — dependency installation and IDE launching.
+---
+
+## installDependencies()
+
+```ts
+function installDependencies(targetDir: string): Promise<void>;
+```
+
+Defined in: [src/git0.js:207](https://github.com/vtempest/git0/blob/59ed406649e41b4d7072fd6657f693b571f0088e/src/git0.js#L207)
+
+Automatically detects project type and installs dependencies
+Supports Node.js, Docker, Python, Rust, and Go projects
+
+### Parameters
+
+<table>
+<thead>
+<tr>
+<th>Parameter</th>
+<th>Type</th>
+<th>Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>
+
+`targetDir`
+
+</td>
+<td>
+
+`string`
+
+</td>
+<td>
+
+Path to the project directory
+
+</td>
+</tr>
+</tbody>
+</table>
+
+### Returns
+
+`Promise`&lt;`void`&gt;
+
+### Export
+
+### Async
+
+***
+
+## openInIDE()
+
+```ts
+function openInIDE(targetDir: string): void;
+```
+
+Defined in: [src/git0.js:157](https://github.com/vtempest/git0/blob/59ed406649e41b4d7072fd6657f693b571f0088e/src/git0.js#L157)
+
+Opens a directory in the first available IDE/editor
+Also attempts to open a README or package.json file after 3 seconds
+
+### Parameters
+
+<table>
+<thead>
+<tr>
+<th>Parameter</th>
+<th>Type</th>
+<th>Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>
+
+`targetDir`
+
+</td>
+<td>
+
+`string`
+
+</td>
+<td>
+
+Path to the directory to open
+
+</td>
+</tr>
+</tbody>
+</table>
+
+### Returns
+
+`void`
+
+### Export