ccwrap 0.1.0

package/dist/video/styles.js

@@ -0,0 +1,84 @@
+// Color palettes
+const sassyColors = {
+    bg: "#0a0a0f",
+    bgGradient1: "#0f0c29",
+    bgGradient2: "#302b63",
+    bgGradient3: "#24243e",
+    primary: "#7c3aed",
+    secondary: "#06b6d4",
+    accent: "#f43f5e",
+    gold: "#f59e0b",
+    green: "#10b981",
+    pink: "#ec4899",
+    text: "#f1f5f9",
+    textMuted: "#b0bec5",
+    textDim: "#8b8fa3",
+};
+const darkColors = {
+    bg: "#050505",
+    bgGradient1: "#0a0000",
+    bgGradient2: "#1a0a0a",
+    bgGradient3: "#0f0505",
+    primary: "#dc2626",
+    secondary: "#a8a29e",
+    accent: "#ef4444",
+    gold: "#b45309",
+    green: "#059669",
+    pink: "#e11d48",
+    text: "#d6d3d1",
+    textMuted: "#a8a29e",
+    textDim: "#8a8580",
+};
+export function getColors(mode) {
+    return mode === "dark" ? darkColors : sassyColors;
+}
+export const colors = sassyColors;
+export const fonts = {
+    heading: "Inter, system-ui, sans-serif",
+    body: "Inter, system-ui, sans-serif",
+    mono: "'JetBrains Mono', 'Fira Code', monospace",
+};
+// Base slide layout - 900x900 square
+export const baseSlide = {
+    width: "100%",
+    height: "100%",
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    fontFamily: fonts.heading,
+    color: "#f1f5f9",
+    overflow: "hidden",
+    position: "relative",
+    padding: "50px 55px",
+};
+export const gradientBg = (angle, c) => ({
+    background: `linear-gradient(${angle}deg, ${c.bgGradient1}, ${c.bgGradient2}, ${c.bgGradient3})`,
+});
+export const glowText = (color) => ({
+    textShadow: `0 0 12px ${color}80, 0 0 24px ${color}40, 0 0 48px ${color}20`,
+});
+export const bigNumber = {
+    fontSize: 130,
+    fontWeight: 900,
+    lineHeight: 1,
+    letterSpacing: "-0.03em",
+};
+export const label = {
+    fontSize: 18,
+    fontWeight: 600,
+    textTransform: "uppercase",
+    letterSpacing: "0.15em",
+};
+export const memeCaption = {
+    fontSize: 18,
+    fontWeight: 400,
+    fontStyle: "italic",
+    marginTop: 28,
+    maxWidth: 650,
+    textAlign: "center",
+    lineHeight: 1.5,
+    padding: "8px 18px",
+    borderRadius: 10,
+    background: "rgba(0,0,0,0.35)",
+};

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "ccwrap",
+  "version": "0.1.0",
+  "description": "Claude Code Wrapped - Your AI coding stats, meme-ified into a shareable video",
+  "type": "module",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/d-cs/ccwrapped.git"
+  },
+  "keywords": [
+    "claude",
+    "claude-code",
+    "wrapped",
+    "ai",
+    "stats",
+    "video",
+    "meme",
+    "remotion"
+  ],
+  "scripts": {
+    "build": "tsc && node scripts/add-shebang.js",
+    "start": "tsx src/cli.ts",
+    "preview": "remotion preview src/video/index.ts",
+    "render": "tsx src/cli.ts",
+    "prepublishOnly": "npm run build"
+  },
+  "bin": {
+    "ccwrap": "./dist/cli.js"
+  },
+  "files": [
+    "dist/**/*",
+    "README.md",
+    "LICENSE"
+  ],
+  "engines": {
+    "node": ">=18"
+  },
+  "dependencies": {
+    "@anthropic-ai/sdk": "^0.78.0",
+    "@remotion/bundler": "^4.0.0",
+    "@remotion/cli": "^4.0.0",
+    "@remotion/renderer": "^4.0.0",
+    "chalk": "^5.3.0",
+    "commander": "^12.0.0",
+    "glob": "^11.0.0",
+    "ora": "^8.0.0",
+    "react": "^18.3.0",
+    "react-dom": "^18.3.0",
+    "remotion": "^4.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.0.0",
+    "@types/react": "^18.3.0",
+    "tsx": "^4.0.0",
+    "typescript": "^5.6.0"
+  }
+}