opendocker 0.1.5 → 0.1.6

package/dist/highlights-x6tmsnaa.scm

@@ -0,0 +1,115 @@
+; Query from: https://raw.githubusercontent.com/nvim-treesitter/nvim-treesitter/99ddf573531c4dbe53f743ecbc1595af5eb1d32f/queries/markdown_inline/highlights.scm
+; From MDeiml/tree-sitter-markdown
+(code_span) @markup.raw @nospell
+
+(emphasis) @markup.italic
+
+(strong_emphasis) @markup.strong
+
+(strikethrough) @markup.strikethrough
+
+(shortcut_link
+  (link_text) @nospell)
+
+[
+  (backslash_escape)
+  (hard_line_break)
+] @string.escape
+
+; Conceal codeblock and text style markers
+([
+  (code_span_delimiter)
+  (emphasis_delimiter)
+] @conceal
+  (#set! conceal ""))
+
+; Inline links - style all parts
+(inline_link
+  ["[" "(" ")"] @markup.link)
+
+(inline_link
+  "]" @markup.link.bracket.close)
+
+; Conceal opening bracket
+((inline_link
+  "[" @conceal)
+  (#set! conceal ""))
+
+; Conceal closing bracket with space replacement
+((inline_link
+  "]" @conceal)
+  (#set! conceal " "))
+
+; Conceal image links
+(image
+  [
+    "!"
+    "["
+    "]"
+    "("
+    (link_destination)
+    ")"
+  ] @markup.link
+  (#set! conceal ""))
+
+; Conceal full reference links
+(full_reference_link
+  [
+    "["
+    "]"
+    (link_label)
+  ] @markup.link
+  (#set! conceal ""))
+
+; Conceal collapsed reference links
+(collapsed_reference_link
+  [
+    "["
+    "]"
+  ] @markup.link
+  (#set! conceal ""))
+
+; Conceal shortcut links
+(shortcut_link
+  [
+    "["
+    "]"
+  ] @markup.link
+  (#set! conceal ""))
+
+[
+  (link_destination)
+  (uri_autolink)
+] @markup.link.url @nospell
+
+[
+  (link_label)
+  (link_text)
+  (link_title)
+  (image_description)
+] @markup.link.label
+
+; Replace common HTML entities.
+((entity_reference) @character.special
+  (#eq? @character.special " ")
+  (#set! conceal ""))
+
+((entity_reference) @character.special
+  (#eq? @character.special "<")
+  (#set! conceal "<"))
+
+((entity_reference) @character.special
+  (#eq? @character.special "&gt;")
+  (#set! conceal ">"))
+
+((entity_reference) @character.special
+  (#eq? @character.special "&amp;")
+  (#set! conceal "&"))
+
+((entity_reference) @character.special
+  (#eq? @character.special "&quot;")
+  (#set! conceal "\""))
+
+((entity_reference) @character.special
+  (#any-of? @character.special "&ensp;" "&emsp;")
+  (#set! conceal " "))

package/dist/injections-73j83es3.scm

@@ -0,0 +1,27 @@
+; Query from: https://raw.githubusercontent.com/nvim-treesitter/nvim-treesitter/refs/heads/master/queries/markdown/injections.scm
+(fenced_code_block
+  (info_string
+    (language) @_lang)
+  (code_fence_content) @injection.content
+  (#set-lang-from-info-string! @_lang))
+
+((html_block) @injection.content
+  (#set! injection.language "html")
+  (#set! injection.combined)
+  (#set! injection.include-children))
+
+((minus_metadata) @injection.content
+  (#set! injection.language "yaml")
+  (#offset! @injection.content 1 0 -1 0)
+  (#set! injection.include-children))
+
+((plus_metadata) @injection.content
+  (#set! injection.language "toml")
+  (#offset! @injection.content 1 0 -1 0)
+  (#set! injection.include-children))
+
+([
+  (inline)
+  (pipe_table_cell)
+] @injection.content
+  (#set! injection.language "markdown_inline"))

package/dist/main.js

@@ -31933,7 +31933,7 @@ function BaseLayout({ children }) {
   const { activePane, setActivePane } = useApplicationStore((state) => state);
   const dimensions = useTerminalDimensions();
   const [pwd, setPwd] = import_react17.useState("");
-  const version = "v0.1.4";
+  const version = "v0.1.6";
   import_react17.useEffect(() => {
     Bun.$`pwd`.quiet().then((result) => setPwd(result.text()));
     setActivePane("containers");

package/package.json

@@ -1,16 +1,13 @@
 {
   "$schema": "https://json.schemastore.org/package.json",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "name": "opendocker",
   "type": "module",
   "private": false,
   "bin": {
     "opendocker": "./dist/main.js"
   },
-  "file": ["dist/", "package.json", "README.md"],
-  "exports": {
-    "./*": "./src/*.ts"
-  },
+  "files": ["dist/", "package.json", "README.md"],
   "scripts": {
     "build": "bun build ./src/main.tsx --outdir ./dist --target bun",
     "start": "bun run dist/main.js",

package/.github/FUNDING.yml

@@ -1,15 +0,0 @@
-# These are supported funding model platforms
-
-github: [votsuk]
-patreon: # Replace with a single Patreon username
-open_collective: # Replace with a single Open Collective username
-ko_fi: # Replace with a single Ko-fi username
-tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
-community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
-liberapay: # Replace with a single Liberapay username
-issuehunt: # Replace with a single IssueHunt username
-lfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry
-polar: # Replace with a single Polar username
-buy_me_a_coffee: # Replace with a single Buy Me a Coffee username
-thanks_dev: # Replace with a single thanks.dev username
-custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']

package/AGENTS.md

@@ -1,22 +0,0 @@
-# Agent Development Guide
-
-## Commands
-- **Run**: `bun run src/main.tsx`
-- **Dev**: `bun --watch run src/main.tsx`
-- **Test**: `bun test` (uses `bun:test` imports)
-- **Install**: `bun install`
-
-## Code Style
-- **Framework**: React with @opentui/react for terminal UI
-- **Imports**: Use path aliases `@/*` for src/ and `@tui/*` for src/cli/cmd/tui/
-- **Components**: Default exports, PascalCase naming
-- **Keyboard**: Vim-style navigation (j/k for up/down, q to quit)
-- **Colors**: Use centralized colors from `src/utils/colors.ts`
-- **Error Handling**: Try-catch with state-based error handling
-- **Shell Commands**: Use `Bun.$` for shell execution
-
-## Key Patterns
-- Use `useKeyboard()` hook for terminal input handling
-- Components use flexbox layout with terminal dimensions
-- State management with React hooks (useState, useEffect)
-- Terminal UI elements: `<box>`, `<text>` with styling props

package/TODO.md

@@ -1,53 +0,0 @@
-# OpenDocker TODO List
-
-## Code Quality Improvements
-
-### High Priority
-- [ ] Fix inconsistent component naming (`VolumesPanes.tsx` → `VolumesPane.tsx`)
-- [ ] Add comprehensive error handling and error boundaries
-- [ ] Implement proper null safety checks (especially for `activeContainer`)
-- [ ] Add TypeScript interfaces for Docker API responses
-- [ ] Standardize state management across all components
-
-### Medium Priority
-- [ ] Add loading states to Images and Volumes panes
-- [ ] Implement proper cleanup for processes and event listeners
-- [ ] Add prop type documentation to components
-- [ ] Standardize error message formatting
-
-## Performance & Architecture
-
-### High Priority
-- [ ] Create centralized Docker service layer (abstract CLI calls)
-- [ ] Implement debouncing/throttling for Docker commands
-- [ ] Add process cleanup to prevent memory leaks
-- [ ] Implement data caching mechanism
-
-### Medium Priority
-- [ ] Separate data fetching logic from UI components
-- [ ] Add configuration management (environment variables)
-- [ ] Implement proper logging system
-
-## Testing & Documentation
-
-## Features & UX
-
-### High Priority
-- [ ] Implement filter logs input
-- [ ] Add real-time updates with proper polling mechanism
-- [ ] Create help screen with keyboard shortcuts
-- [ ] Add visual feedback for user actions
-
-### Medium Priority
-- [ ] Implement container management actions (start/stop/remove)
-- [ ] Add confirmation dialogs for destructive operations
-- [ ] Create settings/configuration screen
-- [ ] Add export/import functionality for logs
-
-## Infrastructure
-
-### Medium Priority
-- [ ] Add Docker health checks and connection validation
-- [ ] Implement proper error recovery mechanisms
-- [ ] Add performance monitoring
-- [ ] Create build/development optimization

package/docker-compose.yml

@@ -1,24 +0,0 @@
-version: '3.8'
-
-services:
-  logger1:
-    image: alpine:latest
-    container_name: logger1
-    command: >
-      sh -c '
-      while true; do
-        echo "[$$(date +%Y-%m-%d\ %H:%M:%S)] Container1: $$(openssl rand -hex 8)"
-        sleep 1
-      done'
-    restart: unless-stopped
-
-  logger2:
-    image: alpine:latest
-    container_name: logger2
-    command: >
-      sh -c '
-      while true; do
-        echo "[$$(date +%Y-%m-%d\ %H:%M:%S)] Container2: $$(openssl rand -hex 8)"
-        sleep 1
-      done'
-    restart: unless-stopped

package/scripts/build.ts

@@ -1,139 +0,0 @@
-#!/usr/bin/env bun
-
-import path from "path"
-import fs from "fs"
-import { $ } from "bun"
-import { fileURLToPath } from "url"
-
-const __filename = fileURLToPath(import.meta.url)
-const __dirname = path.dirname(__filename)
-const dir = path.resolve(__dirname, "..")
-
-process.chdir(dir)
-
-import pkg from "../package.json"
-import { Script } from "@opencode-ai/script"
-
-const singleFlag = process.argv.includes("--single")
-
-const allTargets: {
-  os: string
-  arch: "arm64" | "x64"
-  abi?: "musl"
-  avx2?: false
-}[] = [
-  {
-    os: "linux",
-    arch: "arm64",
-  },
-  {
-    os: "linux",
-    arch: "x64",
-  },
-  {
-    os: "linux",
-    arch: "x64",
-    avx2: false,
-  },
-  {
-    os: "linux",
-    arch: "arm64",
-    abi: "musl",
-  },
-  {
-    os: "linux",
-    arch: "x64",
-    abi: "musl",
-  },
-  {
-    os: "linux",
-    arch: "x64",
-    abi: "musl",
-    avx2: false,
-  },
-  {
-    os: "darwin",
-    arch: "arm64",
-  },
-  {
-    os: "darwin",
-    arch: "x64",
-  },
-  {
-    os: "darwin",
-    arch: "x64",
-    avx2: false,
-  },
-  {
-    os: "win32",
-    arch: "x64",
-  },
-  {
-    os: "win32",
-    arch: "x64",
-    avx2: false,
-  },
-]
-
-const targets = singleFlag
-  ? allTargets.filter((item) => item.os === process.platform && item.arch === process.arch)
-  : allTargets
-
-await $`rm -rf dist`
-
-const binaries: Record<string, string> = {}
-await $`bun install --os="*" --cpu="*" @opentui/core@${pkg.dependencies["@opentui/core"]}`
-await $`bun install --os="*" --cpu="*" @parcel/watcher@${pkg.dependencies["@parcel/watcher"]}`
-for (const item of targets) {
-  const name = [
-    pkg.name,
-    // changing to win32 flags npm for some reason
-    item.os === "win32" ? "windows" : item.os,
-    item.arch,
-    item.avx2 === false ? "baseline" : undefined,
-    item.abi === undefined ? undefined : item.abi,
-  ]
-    .filter(Boolean)
-    .join("-")
-  console.log(`building ${name}`)
-  await $`mkdir -p dist/${name}/bin`
-
-  const parserWorker = fs.realpathSync(path.resolve(dir, "./node_modules/@opentui/core/parser.worker.js"))
-  const workerPath = "./src/cli/cmd/tui/worker.ts"
-
-  await Bun.build({
-    conditions: ["browser"],
-    tsconfig: "./tsconfig.json",
-    sourcemap: "external",
-    compile: {
-      target: name.replace(pkg.name, "bun") as any,
-      outfile: `dist/${name}/bin/opendocker`,
-      execArgv: [`--user-agent=opencode/${Script.version}`, `--env-file=""`, `--`],
-      windows: {},
-    },
-    entrypoints: ["./src/index.ts", parserWorker, workerPath],
-    define: {
-      OPENCODE_VERSION: `'${Script.version}'`,
-      OTUI_TREE_SITTER_WORKER_PATH: "/$bunfs/root/" + path.relative(dir, parserWorker).replaceAll("\\", "/"),
-      OPENCODE_WORKER_PATH: workerPath,
-      OPENCODE_CHANNEL: `'${Script.channel}'`,
-    },
-  })
-
-  await $`rm -rf ./dist/${name}/bin/tui`
-  await Bun.file(`dist/${name}/package.json`).write(
-    JSON.stringify(
-      {
-        name,
-        version: Script.version,
-        os: [item.os],
-        cpu: [item.arch],
-      },
-      null,
-      2,
-    ),
-  )
-  binaries[name] = Script.version
-}
-
-export { binaries }

package/src/components/Border.tsx

@@ -1,19 +0,0 @@
-import { colors } from "../utils/styling";
-
-export const SplitBorder = {
-  border: ["left" as const],
-  borderColor: colors.border,
-  customBorderChars: {
-    topLeft: "",
-    bottomLeft: "",
-    vertical: "┃",
-    topRight: "",
-    bottomRight: "",
-    horizontal: "",
-    bottomT: "",
-    topT: "",
-    cross: "",
-    leftT: "",
-    rightT: "",
-  },
-}

package/src/components/ContainersPane.tsx

@@ -1,146 +0,0 @@
-import { useState, useEffect, useRef } from "react";
-import { useKeyboard } from "@opentui/react";
-import { colors, termColors } from "../utils/styling";
-import Pane from "./Pane";
-import { useContainerStore } from "../stores/containers";
-import { useApplicationStore } from "../stores/application";
-import type { ScrollBoxRenderable } from "@opentui/core";
-import { Docker } from "../lib/docker";
-import { TextAttributes } from "@opentui/core";
-
-export default function ContainersPane() {
-    const { activePane, setActivePane } = useApplicationStore((state) => state);
-    const { containers, setContainers, activeContainer, setActiveContainer } = useContainerStore((state) => state);
-    const [selectedIndex, setSelectedIndex] = useState(0);
-    const paneActive = activePane === "containers";
-    const scrollBoxRef = useRef<ScrollBoxRenderable>(null);
-
-    useEffect(() => {
-        if (!paneActive) return;
-        
-        const docker = new Docker();
-
-        docker.watch((dockerContainers) => {
-            const transformed = dockerContainers.map(container => ({
-                name: container.Names[0].replace("/", ""),
-                status: container.Status,
-                state: container.State,
-                health: container.Health,
-            }));
-
-            setContainers(transformed);
-
-            if (transformed.length === 0) {
-                setActiveContainer(undefined);
-            }
-
-            // Get the CURRENT active container from store, not from stale closure
-            const currentActive = useContainerStore.getState().activeContainer;
-            
-            if (currentActive) {
-                const updatedContainer = transformed.find((c) => c.name === currentActive.name);
-                if (updatedContainer) {
-                    setActiveContainer(updatedContainer);
-                    return;
-                }
-            }
-
-            if (transformed.length > 0) {
-                setActiveContainer(transformed[0]);
-            }
-        });
-    }, [paneActive]);
-
-    useKeyboard((key) => {
-        if (!paneActive) {
-            return;
-        }
-
-        if (key.name === "left") {
-            setActivePane("volumes");
-        }
-
-        if (key.name === "right") {
-            setActivePane("images");
-        }
-
-        if (key.name === 'j' || key.name === 'down') {
-            const index = Math.min(selectedIndex + 1, containers.length - 1);
-            setSelectedIndex(index);
-            setActiveContainer(containers[index]);
-        }
-
-         if (key.name === 'k' || key.name === 'up') {
-            const index = Math.max(selectedIndex - 1, 0);
-            setActiveContainer(containers[index]);
-            setSelectedIndex(index);
-        }
-    });
-
-    return (
-        <Pane
-            title="Containers"
-            flexDirection="column"
-            width="100%"
-            active={paneActive}
-        >
-            <scrollbox
-                ref={scrollBoxRef}
-                scrollY={true}
-                stickyScroll={true}
-                stickyStart="bottom"
-                viewportOptions={{
-                    flexGrow: 1
-                }}
-            >
-                {containers.map((item, index) => {
-                    function getStateColor() {
-                        if (paneActive && activeContainer?.name === item.name) {
-                            return colors.backgroundPanel;
-                        }
-
-                        if (item?.state === "running") {
-                            if (item.status.includes("starting")) {
-                                return termColors.orange11;
-                            }
-
-                            if (item.status.includes("unhealthy")) {
-                                return termColors.red11;
-                            }
-
-                            return termColors.green11;
-                        }
-
-                        if (item?.state === "exited") {
-                            return termColors.red11;
-                        }
-
-                        return termColors.blue11;
-                    }
-
-                    return (
-                        <box
-                            key={index}
-                            backgroundColor={paneActive && activeContainer?.name === item.name ? colors.primary : undefined}
-                            flexDirection="row"
-                            justifyContent="space-between"
-                            paddingLeft={1}
-                            paddingRight={1}
-                        >
-                            <text
-                                content={item.name}
-                                fg={paneActive && activeContainer?.name === item.name ? colors.backgroundPanel : colors.textMuted}
-                                attributes={paneActive && activeContainer?.name === item.name && TextAttributes.BOLD}
-                            />
-                            <text
-                                content={item.state}
-                                fg={getStateColor()}
-                            />
-                        </box>
-                    )
-                })}
-                {containers.length < 1 && <text fg={colors.textMuted}>No Containers</text>}
-            </scrollbox>
-        </Pane>
-    )
-}

package/src/components/ImagesPane.tsx

@@ -1,83 +0,0 @@
-import { useEffect, useRef } from "react";
-import { useKeyboard } from "@opentui/react";
-import Pane from "./Pane";
-import { colors } from "../utils/styling";
-import { useImageStore } from "../stores/images";
-import { useApplicationStore } from "../stores/application";
-import type { ScrollBoxRenderable } from "@opentui/core";
-
-export default function ImagesPane() {
-    const { activePane, setActivePane } = useApplicationStore((state) => state);
-    const { images, setImages } = useImageStore();
-    const scrollBoxRef = useRef<ScrollBoxRenderable>(null);
-
-    useEffect(() => {
-        const process = Bun.spawn(
-            ["docker", "images", "--format", "{{.Repository}}"],
-            {stdout: "pipe", stderr: "pipe"},
-        );
-
-        async function read() {
-            try {
-                const reader = process.stdout.getReader();
-
-                while (true) {
-                    const { done, value } = await reader.read();
-                    if (done) break;
-                    const decodedValues = new TextDecoder().decode(value);
-                    const lines = decodedValues.split("\n").filter(Boolean);
-                    setImages(lines);
-                }
-            } catch (error) {
-                console.error(error);
-            }
-        }
-
-        read();
-
-        return () => process.kill();
-    }, []);
-
-    useKeyboard((key) => {
-        if (activePane !== "images") {
-            return;
-        }
-
-        if (key.name === "left") {
-            setActivePane("containers");
-        }
-
-        if (key.name === "right" || key.name === "tab") {
-            setActivePane("volumes");
-        }
-    });
-
-    return (
-        <Pane
-            title="Images"
-            width="100%"
-            active={activePane === "images"}
-            flexDirection="column"
-        >
-            <scrollbox
-                ref={scrollBoxRef}
-                scrollY={true}
-                stickyScroll={true}
-                stickyStart="top"
-            >
-                {images.map((item: string, index: number) => {
-                    return (
-                        <box key={index}> 
-                            <text
-                                key={index}
-                                content={item}
-                                fg={colors.textMuted}
-                            />
-                        </box>
-                     )
-                })}
-                {images.length < 1 && <text fg={colors.textMuted}>No Images</text>}
-            </scrollbox>
-        </Pane>
-    )
-}