trx-cli 0.1.10

A Modern Cross-Platform Package Manager TUI
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163

import { ImageResponse } from "next/og";

export const alt = "TRX - Terminal Package Manager";
export const size = { width: 1200, height: 630 };
export const contentType = "image/png";

export default function OgImage() {
  return new ImageResponse(
    (
      <div
        style={{
          width: "100%",
          height: "100%",
          display: "flex",
          flexDirection: "column",
          justifyContent: "center",
          background: "#0b0b0b",
          padding: "80px",
          position: "relative",
        }}
      >
        {/* Subtle grid pattern */}
        <div
          style={{
            position: "absolute",
            inset: 0,
            backgroundImage:
              "linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px)",
            backgroundSize: "48px 48px",
          }}
        />

        {/* Logo pill */}
        <div
          style={{
            display: "flex",
            alignItems: "center",
            gap: "12px",
            marginBottom: "40px",
          }}
        >
          <div
            style={{
              display: "flex",
              alignItems: "center",
              justifyContent: "center",
              background: "#161616",
              border: "1px solid rgba(255,255,255,0.08)",
              borderRadius: "12px",
              padding: "10px 18px",
              boxShadow: "0 1px 0 rgba(255,255,255,0.06) inset",
            }}
          >
            <span
              style={{
                fontFamily: "monospace",
                fontSize: "28px",
                fontWeight: "700",
                color: "#ebebeb",
                letterSpacing: "-0.02em",
              }}
            >
              [<span style={{ color: "#5d9960" }}>trx-cli</span>]
            </span>
          </div>
          <div
            style={{
              width: "6px",
              height: "6px",
              borderRadius: "50%",
              background: "#5d9960",
            }}
          />
          <span
            style={{
              fontFamily: "monospace",
              fontSize: "14px",
              color: "#505050",
              letterSpacing: "0.06em",
              textTransform: "uppercase",
            }}
          >
            v0.1.0 · MIT · Rust
          </span>
        </div>

        {/* Headline */}
        <div
          style={{
            display: "flex",
            flexDirection: "column",
            gap: "16px",
            maxWidth: "820px",
          }}
        >
          <span
            style={{
              fontFamily: "sans-serif",
              fontSize: "64px",
              fontWeight: "700",
              color: "#ebebeb",
              lineHeight: "1.1",
              letterSpacing: "-0.03em",
            }}
          >
            The package manager
            <br />
            <span style={{ color: "#5d9960" }}>for the terminal generation.</span>
          </span>
          <span
            style={{
              fontFamily: "sans-serif",
              fontSize: "22px",
              color: "#878787",
              lineHeight: "1.5",
              maxWidth: "640px",
            }}
          >
            Fuzzy search 50,000+ packages in under 50ms. Runs on macOS, Arch Linux, and Debian/Ubuntu.
          </span>
        </div>

        {/* Bottom bar */}
        <div
          style={{
            position: "absolute",
            bottom: "48px",
            left: "80px",
            right: "80px",
            display: "flex",
            justifyContent: "space-between",
            alignItems: "center",
          }}
        >
          <div style={{ display: "flex", gap: "24px" }}>
            {["macOS", "Arch Linux", "Debian / Ubuntu"].map((p) => (
              <span
                key={p}
                style={{
                  fontFamily: "monospace",
                  fontSize: "13px",
                  color: "#505050",
                }}
              >
                {p}
              </span>
            ))}
          </div>
          <span
            style={{
              fontFamily: "monospace",
              fontSize: "14px",
              color: "#505050",
            }}
          >
            trx.pidev.tech
          </span>
        </div>
      </div>
    ),
    { ...size }
  );
}