twitter-snap 0.0.10 → 0.0.12

package/.eslintrc.json

@@ -1,3 +1,3 @@
-{
-  "extends": "next/core-web-vitals"
-}
+{
+  "extends": "next/core-web-vitals"
+}

package/README.md

@@ -4,7 +4,11 @@ Create beautiful Tweet images fast.
 Fast, good design, Browser is not a dependency.
 
 ```shell
-npx twitter-snap https://twitter.com/elonmusk/status/1518623997054918657
+npx twitter-snap@latest https://twitter.com/elonmusk/status/15186239970549186570
+```
+
+```shell
+npx twitter-snap 1518623997054918657
 ```
 
 ![image](./docs/img/output.png)
@@ -15,32 +19,58 @@ npx twitter-snap https://twitter.com/elonmusk/status/1518623997054918657
 Usage: twitter-snap [options] <string>
 
 Arguments:
-  string                 tweet url or tweet id
+  string                   tweet url or tweet id
 
 Options:
-  -V, --version          output the version number
-  -o, --output <path>    output file path (default: "output.png")
-  -w, --width <number>   image width (default: "600")
-  -h, --height <number>  image height
-  -t, --theme <string>   theme (default: "normal")
-  --fonts <path>         font config file path .json
-  --emoji <string>       emoji type (twemoji,openmoji,blobmoji,noto,fluent,fluentFlat) (default: "twemoji")
-  --cookies <path>       net escape cookie file path .txt
-  --help                 display help for command
+  -V, --version            output the version number
+  -o, --output <path>      output file path (default: "output.png")
+  -w, --width <number>     image width (default: "600")
+  -h, --height <number>    image height
+  -t, --theme <string>     normal
+  --margin <number>        margin
+  --fonts <path>           font config file path .json
+  --emoji <string>         emoji type (twemoji, openmoji, blobmoji, noto, fluent, fluentFlat) (default: "twemoji")
+  --cookies <path>         net escape cookie file path .txt
+  --auto-photo             if the tweet is not a video, save it as an image
+  --no-remove-temp         no remove temp file
+  --help                   display help for command
+```
+
+## Output file type
+
+```shell
+npx twitter-snap 1518623997054918657 -o output.png # output.png
+npx twitter-snap 1518623997054918657 -o output.mp4 # Error
+npx twitter-snap 1518623997054918657 -o output.mp4 --auto-photo # output.png
+
+npx twitter-snap 1585341984679469056 -o output.png # output.png
+npx twitter-snap 1585341984679469056 -o output.mp4 # output.mp4
+npx twitter-snap 1585341984679469056 -o output.mp4 --auto-photo # output.mp4
 ```
 
-### Font
+## Fonts
 
-You can specify the font by creating a font config file.
+You can specify the font by creating a font config file. (path: `--fonts`)
 
 ```json
 [
-  {
-    "data": "./fonts/NotoSansJP-Regular.otf",
-    "name": "Noto Sans JP",
-    "weight": 400,
-    "theme": "normal",
-    "lang": "ja-JP"
-  }
+    {
+        "data": "NotoSansJP-Regular.ttf",
+        "name": "Noto Sans JP",
+        "weight": 400,
+        "theme": "normal",
+        "lang": "ja-JP"
+    },
+    {
+        "data": "NotoSansJP-Bold.ttf",
+        "name": "Noto Sans JP",
+        "weight": 700,
+        "theme": "normal",
+        "lang": "ja-JP"
+    }
 ]
 ```
+
+## Dependence
+
+- [ffmpeg](https://ffmpeg.org/) (for video)

package/dist/app/api/twitter/route.d.ts

@@ -1,3 +1,3 @@
-import { NextRequest } from "next/server";
-export declare function GET(req: NextRequest): Promise<Response>;
+import { NextRequest } from "next/server";
+export declare function GET(req: NextRequest): Promise<Response>;
 //# sourceMappingURL=route.d.ts.map

package/dist/app/api/twitter/route.js

@@ -1,19 +1,19 @@
-import { TwitterOpenApi } from "twitter-openapi-typescript";
-const guest = new TwitterOpenApi().getGuestClient();
-export async function GET(req) {
-    const { searchParams } = new URL(req.url);
-    const id = searchParams.get("id");
-    const client = await guest;
-    if (!id) {
-        return new Response("Missing id", { status: 400 });
-    }
-    const tweet = await client.getDefaultApi().getTweetResultByRestId({
-        tweetId: id,
-    });
-    return new Response(JSON.stringify(tweet), {
-        headers: {
-            "content-type": "application/json",
-        },
-    });
-}
+import { TwitterOpenApi } from "twitter-openapi-typescript";
+const guest = new TwitterOpenApi().getGuestClient();
+export async function GET(req) {
+    const { searchParams } = new URL(req.url);
+    const id = searchParams.get("id");
+    const client = await guest;
+    if (!id) {
+        return new Response("Missing id", { status: 400 });
+    }
+    const tweet = await client.getDefaultApi().getTweetResultByRestId({
+        tweetId: id,
+    });
+    return new Response(JSON.stringify(tweet), {
+        headers: {
+            "content-type": "application/json",
+        },
+    });
+}
 //# sourceMappingURL=route.js.map

package/dist/app/api/twitter/route.jsx

@@ -0,0 +1,71 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GET = void 0;
+var twitter_openapi_typescript_1 = require("twitter-openapi-typescript");
+var guest = new twitter_openapi_typescript_1.TwitterOpenApi().getGuestClient();
+function GET(req) {
+    return __awaiter(this, void 0, void 0, function () {
+        var searchParams, id, client, tweet;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    searchParams = new URL(req.url).searchParams;
+                    id = searchParams.get("id");
+                    return [4 /*yield*/, guest];
+                case 1:
+                    client = _a.sent();
+                    if (!id) {
+                        return [2 /*return*/, new Response("Missing id", { status: 400 })];
+                    }
+                    return [4 /*yield*/, client.getDefaultApi().getTweetResultByRestId({
+                            tweetId: id,
+                        })];
+                case 2:
+                    tweet = _a.sent();
+                    return [2 /*return*/, new Response(JSON.stringify(tweet), {
+                            headers: {
+                                "content-type": "application/json",
+                            },
+                        })];
+            }
+        });
+    });
+}
+exports.GET = GET;
+//# sourceMappingURL=route.jsx.map

package/dist/app/api/twitter/route.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"route.jsx","sourceRoot":"","sources":["../../../../src/app/api/twitter/route.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,yEAA4D;AAE5D,IAAM,KAAK,GAAG,IAAI,2CAAc,EAAE,CAAC,cAAc,EAAE,CAAC;AAEpD,SAAsB,GAAG,CAAC,GAAgB;;;;;;oBAChC,YAAY,GAAK,IAAI,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,aAArB,CAAsB;oBACpC,EAAE,GAAG,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;oBACnB,qBAAM,KAAK,EAAA;;oBAApB,MAAM,GAAG,SAAW;oBAC1B,IAAI,CAAC,EAAE,EAAE;wBACP,sBAAO,IAAI,QAAQ,CAAC,YAAY,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAC;qBACpD;oBACa,qBAAM,MAAM,CAAC,aAAa,EAAE,CAAC,sBAAsB,CAAC;4BAChE,OAAO,EAAE,EAAE;yBACZ,CAAC,EAAA;;oBAFI,KAAK,GAAG,SAEZ;oBACF,sBAAO,IAAI,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE;4BACzC,OAAO,EAAE;gCACP,cAAc,EAAE,kBAAkB;6BACnC;yBACF,CAAC,EAAC;;;;CACJ;AAfD,kBAeC"}

package/dist/app/layout.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import type { Metadata } from "next";
-export declare const metadata: Metadata;
-export default function RootLayout({ children, }: {
-    children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+import type { Metadata } from "next";
+export declare const metadata: Metadata;
+export default function RootLayout({ children, }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=layout.d.ts.map

package/dist/app/layout.js

@@ -1,11 +1,11 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Inter } from "next/font/google";
-const inter = Inter({ subsets: ["latin"] });
-export const metadata = {
-    title: "Create Next App",
-    description: "Generated by create next app",
-};
-export default function RootLayout({ children, }) {
-    return (_jsx("html", { lang: "en", children: _jsx("body", { className: inter.className, style: { margin: 0 }, children: children }) }));
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Inter } from "next/font/google";
+const inter = Inter({ subsets: ["latin"] });
+export const metadata = {
+    title: "Create Next App",
+    description: "Generated by create next app",
+};
+export default function RootLayout({ children, }) {
+    return (_jsx("html", { lang: "en", children: _jsx("body", { className: inter.className, style: { margin: 0 }, children: children }) }));
+}
 //# sourceMappingURL=layout.js.map

package/dist/app/layout.jsx

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.metadata = void 0;
+var google_1 = require("next/font/google");
+var inter = (0, google_1.Inter)({ subsets: ["latin"] });
+exports.metadata = {
+    title: "Create Next App",
+    description: "Generated by create next app",
+};
+function RootLayout(_a) {
+    var children = _a.children;
+    return (<html lang="en">
+      <body className={inter.className} style={{ margin: 0 }}>
+        {children}
+      </body>
+    </html>);
+}
+exports.default = RootLayout;
+//# sourceMappingURL=layout.jsx.map

package/dist/app/layout.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.jsx","sourceRoot":"","sources":["../../src/app/layout.tsx"],"names":[],"mappings":";;;AACA,2CAAyC;AAEzC,IAAM,KAAK,GAAG,IAAA,cAAK,EAAC,EAAE,OAAO,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;AAE/B,QAAA,QAAQ,GAAa;IAChC,KAAK,EAAE,iBAAiB;IACxB,WAAW,EAAE,8BAA8B;CAC5C,CAAC;AAEF,SAAwB,UAAU,CAAC,EAIlC;QAHC,QAAQ,cAAA;IAIR,OAAO,CACL,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CACb;MAAA,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CACrD;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAZD,6BAYC"}

package/dist/app/page.d.ts

@@ -1,2 +1,2 @@
-export default function Home(): import("react/jsx-runtime").JSX.Element;
+export default function Home(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=page.d.ts.map

package/dist/app/page.js

@@ -1,23 +1,23 @@
-"use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect } from "react";
-import { useState } from "react";
-import Normal from "./../theme/normal";
-export default function Home() {
-    const toAPi = (e) => `/api/twitter?id=${e}`;
-    const toId = (e) => (isNaN(Number(e)) ? e.split("/").pop() : e);
-    const [state, setState] = useState(null);
-    const [id, setId] = useState("1518623997054918657");
-    useEffect(() => {
-        fetch(toAPi(toId(id)))
-            .then((e) => e.json())
-            .then((e) => setState(e.data));
-    }, [id]);
-    return (_jsxs(_Fragment, { children: [_jsx("input", { value: id, onChange: (e) => setId(e.target.value) }), state && (_jsx("div", { style: {
-                    width: "600px",
-                    display: "flex",
-                    justifyContent: "center",
-                    alignItems: "center",
-                }, children: _jsx(Normal, { data: state }) }))] }));
-}
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { useState } from "react";
+import NormalComponent from "./../theme/normalComponent";
+export default function Home() {
+    const toAPi = (e) => `/api/twitter?id=${e}`;
+    const toId = (e) => (isNaN(Number(e)) ? e.split("/").pop() : e);
+    const [state, setState] = useState(null);
+    const [id, setId] = useState("1518623997054918657");
+    useEffect(() => {
+        fetch(toAPi(toId(id)))
+            .then((e) => e.json())
+            .then((e) => setState(e.data));
+    }, [id]);
+    return (_jsxs(_Fragment, { children: [_jsx("input", { value: id, onChange: (e) => setId(e.target.value) }), state && (_jsx("div", { style: {
+                    width: "600px",
+                    display: "flex",
+                    justifyContent: "center",
+                    alignItems: "center",
+                }, children: _jsx(NormalComponent, { data: state, video: false }) }))] }));
+}
 //# sourceMappingURL=page.js.map

package/dist/app/page.js.map

@@ -1 +1 @@
-{"version":3,"file":"page.js","sourceRoot":"","sources":["../../src/app/page.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAc,EAAO,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAGvC,MAAM,CAAC,OAAO,UAAU,IAAI;IAC1B,MAAM,KAAK,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,EAAE,CAAC;IACpD,MAAM,IAAI,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEzE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAA2B,IAAI,CAAC,CAAC;IACnE,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,QAAQ,CAAC,qBAAqB,CAAC,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;aACnB,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;aACrB,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IACT,OAAO,CACL,8BACE,gBAAO,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAI,EAC3D,KAAK,IAAI,CACR,cACE,KAAK,EAAE;oBACL,KAAK,EAAE,OAAO;oBACd,OAAO,EAAE,MAAM;oBACf,cAAc,EAAE,QAAQ;oBACxB,UAAU,EAAE,QAAQ;iBACrB,YAED,KAAC,MAAM,IAAC,IAAI,EAAE,KAAK,GAAI,GACnB,CACP,IACA,CACJ,CAAC;AACJ,CAAC"}
+{"version":3,"file":"page.js","sourceRoot":"","sources":["../../src/app/page.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAc,EAAO,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,eAAe,MAAM,4BAA4B,CAAC;AAGzD,MAAM,CAAC,OAAO,UAAU,IAAI;IAC1B,MAAM,KAAK,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,EAAE,CAAC;IACpD,MAAM,IAAI,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEzE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAA2B,IAAI,CAAC,CAAC;IACnE,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,QAAQ,CAAC,qBAAqB,CAAC,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;aACnB,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;aACrB,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IACT,OAAO,CACL,8BACE,gBAAO,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAI,EAC3D,KAAK,IAAI,CACR,cACE,KAAK,EAAE;oBACL,KAAK,EAAE,OAAO;oBACd,OAAO,EAAE,MAAM;oBACf,cAAc,EAAE,QAAQ;oBACxB,UAAU,EAAE,QAAQ;iBACrB,YAED,KAAC,eAAe,IAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,GAC1C,CACP,IACA,CACJ,CAAC;AACJ,CAAC"}

package/dist/app/page.jsx

@@ -0,0 +1,56 @@
+"use strict";
+"use client";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var react_2 = require("react");
+var normal_1 = __importDefault(require("./../theme/normal"));
+function Home() {
+    var toAPi = function (e) { return "/api/twitter?id=".concat(e); };
+    var toId = function (e) { return (isNaN(Number(e)) ? e.split("/").pop() : e); };
+    var _a = (0, react_2.useState)(null), state = _a[0], setState = _a[1];
+    var _b = (0, react_2.useState)("1518623997054918657"), id = _b[0], setId = _b[1];
+    (0, react_1.useEffect)(function () {
+        fetch(toAPi(toId(id)))
+            .then(function (e) { return e.json(); })
+            .then(function (e) { return setState(e.data); });
+    }, [id]);
+    return (<>
+      <input value={id} onChange={function (e) { return setId(e.target.value); }}/>
+      {state && (<div style={{
+                width: "600px",
+                display: "flex",
+                justifyContent: "center",
+                alignItems: "center",
+            }}>
+          <normal_1.default data={state}/>
+        </div>)}
+    </>);
+}
+exports.default = Home;
+//# sourceMappingURL=page.jsx.map

package/dist/app/page.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.jsx","sourceRoot":"","sources":["../../src/app/page.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACb,6CAA8C;AAC9C,+BAAiC;AACjC,6DAAuC;AAGvC,SAAwB,IAAI;IAC1B,IAAM,KAAK,GAAG,UAAC,CAAS,IAAK,OAAA,0BAAmB,CAAC,CAAE,EAAtB,CAAsB,CAAC;IACpD,IAAM,IAAI,GAAG,UAAC,CAAS,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAA5C,CAA4C,CAAC;IAEnE,IAAA,KAAoB,IAAA,gBAAQ,EAA2B,IAAI,CAAC,EAA3D,KAAK,QAAA,EAAE,QAAQ,QAA4C,CAAC;IAC7D,IAAA,KAAc,IAAA,gBAAQ,EAAC,qBAAqB,CAAC,EAA5C,EAAE,QAAA,EAAE,KAAK,QAAmC,CAAC;IAEpD,IAAA,iBAAS,EAAC;QACR,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;aACnB,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,IAAI,EAAE,EAAR,CAAQ,CAAC;aACrB,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,EAAhB,CAAgB,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IACT,OAAO,CACL,EACE;MAAA,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,UAAC,CAAC,IAAK,OAAA,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAArB,CAAqB,CAAC,EACzD;MAAA,CAAC,KAAK,IAAI,CACR,CAAC,GAAG,CACF,KAAK,CAAC,CAAC;gBACL,KAAK,EAAE,OAAO;gBACd,OAAO,EAAE,MAAM;gBACf,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,QAAQ;aACrB,CAAC,CAEF;UAAA,CAAC,gBAAM,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,EACtB;QAAA,EAAE,GAAG,CAAC,CACP,CACH;IAAA,GAAG,CACJ,CAAC;AACJ,CAAC;AA7BD,uBA6BC"}

package/dist/cli.d.ts

@@ -1,3 +1,3 @@
-#!/usr/bin/env node
-export {};
+#!/usr/bin/env node
+export {};
 //# sourceMappingURL=cli.d.ts.map

package/dist/cli.js

@@ -1,34 +1,38 @@
-#!/usr/bin/env node
-import { TwitterSnap } from "./core/twitterSnap.js";
-import { Command } from "commander";
-import { promises as fs } from "fs";
-import { getClient } from "./utils/cookies.js";
-import { getFonts } from "./utils/fonts.js";
-const version = "0.0.10";
-const program = new Command();
-program.name("twitter-snap").version(version);
-program
-    .argument("<string>", "tweet url or tweet id")
-    .option("-o, --output <path>", "output file path", "output.png")
-    .option("-w, --width <number>", "image width", "600")
-    .option("-h, --height <number>", "image height")
-    .option("-t, --theme <string>", "theme", "normal")
-    .option("--fonts <path>", "font config file path .json")
-    .option("--emoji <string>", "emoji type (twemoji,openmoji,blobmoji,noto,fluent,fluentFlat)", "twemoji")
-    .option("--cookies <path>", "net escape cookie file path .txt")
-    .action(async (text, { output, width, height, theme, fonts, emoji, cookies }) => {
-    const id = isNaN(text) ? text.split("/").pop() : text;
-    const twitterSnap = new TwitterSnap({
-        width: parseInt(width),
-        height: height ? parseInt(height) : undefined,
-        client: cookies && getClient(cookies),
-        fonts: fonts && getFonts(fonts),
-        emoji: emoji,
-    });
-    const res = await twitterSnap.render({ id, themeName: theme });
-    const png = Buffer.from(await res.arrayBuffer());
-    await fs.writeFile(output, png);
-    process.exit(0);
-});
-program.parse(process.argv);
+#!/usr/bin/env node
+import { TwitterSnap } from "./core/twitterSnap.js";
+import { Command } from "commander";
+import { getClient } from "./utils/cookies.js";
+import { getFonts } from "./utils/fonts.js";
+const version = "0.0.10";
+const program = new Command();
+program.name("twitter-snap").version(version);
+const emoji = "(twemoji, openmoji, blobmoji, noto, fluent, fluentFlat)";
+program
+    .argument("<string>", "tweet url or tweet id")
+    .option("-o, --output <path>", "output file path", "output.png")
+    .option("-w, --width <number>", "image width", "600")
+    .option("-h, --height <number>", "image height")
+    .option("-t, --theme <string>", Object.keys(TwitterSnap.themes).join())
+    .option("--margin <number>", "margin")
+    .option("--fonts <path>", "font config file path .json")
+    .option("--emoji <string>", `emoji type ${emoji}`, "twemoji")
+    .option("--cookies <path>", "net escape cookie file path .txt")
+    .option("--auto-photo", "if the tweet is not a video, save it as an image")
+    .option("--no-remove-temp", "no remove temp file")
+    .action(async (text, param) => {
+    const id = isNaN(text) ? text.split("/").pop() : text;
+    const twitterSnap = new TwitterSnap({
+        width: parseInt(param.width),
+        height: param.height ? parseInt(param.height) : undefined,
+        client: param.cookies ? await getClient(param.cookies) : undefined,
+        themeName: param.theme,
+        fonts: param.fonts ? await getFonts(param.fonts) : undefined,
+        emoji: param.emoji ? param.emoji : undefined,
+        autoPhoto: param.autoPhoto ? true : false,
+        removeTemp: param.removeTemp ? true : false,
+    });
+    await twitterSnap.render({ output: param.output, id });
+    process.exit(0);
+});
+program.parse(process.argv);
 //# sourceMappingURL=cli.js.map

package/dist/cli.js.map

@@ -1 +1 @@
-{"version":3,"file":"cli.js","sourceRoot":"","sources":["../src/cli.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,QAAQ,IAAI,EAAE,EAAE,MAAM,IAAI,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,OAAO,GAAG,QAAQ,CAAC;AAEzB,MAAM,OAAO,GAAG,IAAI,OAAO,EAAE,CAAC;AAC9B,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;AAE9C,OAAO;KACJ,QAAQ,CAAC,UAAU,EAAE,uBAAuB,CAAC;KAC7C,MAAM,CAAC,qBAAqB,EAAE,kBAAkB,EAAE,YAAY,CAAC;KAC/D,MAAM,CAAC,sBAAsB,EAAE,aAAa,EAAE,KAAK,CAAC;KACpD,MAAM,CAAC,uBAAuB,EAAE,cAAc,CAAC;KAC/C,MAAM,CAAC,sBAAsB,EAAE,OAAO,EAAE,QAAQ,CAAC;KACjD,MAAM,CAAC,gBAAgB,EAAE,6BAA6B,CAAC;KACvD,MAAM,CACL,kBAAkB,EAClB,+DAA+D,EAC/D,SAAS,CACV;KACA,MAAM,CAAC,kBAAkB,EAAE,kCAAkC,CAAC;KAC9D,MAAM,CACL,KAAK,EAAE,IAAI,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;IACtE,MAAM,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAEtD,MAAM,WAAW,GAAG,IAAI,WAAW,CAAC;QAClC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC;QACtB,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS;QAC7C,MAAM,EAAE,OAAO,IAAI,SAAS,CAAC,OAAO,CAAC;QACrC,KAAK,EAAE,KAAK,IAAI,QAAQ,CAAC,KAAK,CAAC;QAC/B,KAAK,EAAE,KAAK;KACb,CAAC,CAAC;IAEH,MAAM,GAAG,GAAG,MAAM,WAAW,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;IAC/D,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,WAAW,EAAE,CAAC,CAAC;IACjD,MAAM,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAEhC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AAClB,CAAC,CACF,CAAC;AACJ,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC"}
+{"version":3,"file":"cli.js","sourceRoot":"","sources":["../src/cli.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAqB,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,OAAO,GAAG,QAAQ,CAAC;AAEzB,MAAM,OAAO,GAAG,IAAI,OAAO,EAAE,CAAC;AAC9B,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;AAe9C,MAAM,KAAK,GAAG,yDAAyD,CAAC;AAExE,OAAO;KACJ,QAAQ,CAAC,UAAU,EAAE,uBAAuB,CAAC;KAC7C,MAAM,CAAC,qBAAqB,EAAE,kBAAkB,EAAE,YAAY,CAAC;KAC/D,MAAM,CAAC,sBAAsB,EAAE,aAAa,EAAE,KAAK,CAAC;KACpD,MAAM,CAAC,uBAAuB,EAAE,cAAc,CAAC;KAC/C,MAAM,CAAC,sBAAsB,EAAE,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC;KACtE,MAAM,CAAC,mBAAmB,EAAE,QAAQ,CAAC;KACrC,MAAM,CAAC,gBAAgB,EAAE,6BAA6B,CAAC;KACvD,MAAM,CAAC,kBAAkB,EAAE,cAAc,KAAK,EAAE,EAAE,SAAS,CAAC;KAC5D,MAAM,CAAC,kBAAkB,EAAE,kCAAkC,CAAC;KAC9D,MAAM,CAAC,cAAc,EAAE,kDAAkD,CAAC;KAC1E,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC;KACjD,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,KAAY,EAAE,EAAE;IACnC,MAAM,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAEtD,MAAM,WAAW,GAAG,IAAI,WAAW,CAAC;QAClC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;QAC5B,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS;QACzD,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS;QAClE,SAAS,EAAE,KAAK,CAAC,KAAK;QACtB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS;QAC5D,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;QAC5C,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;QACzC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;KAC5C,CAAC,CAAC;IAEH,MAAM,WAAW,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IAEvD,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AAClB,CAAC,CAAC,CAAC;AACL,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC"}

package/dist/core/twitterSnap.d.mts

@@ -0,0 +1,33 @@
+import { ReactElement } from "react";
+import { ImageResponse } from "@vercel/og";
+import { ImageResponseOptions } from "@vercel/og/dist/types";
+import { TwitterOpenApiClient, TweetApiUtilsData } from "twitter-openapi-typescript";
+export type themeComponent = (props: {
+    data: TweetApiUtilsData;
+}) => ReactElement;
+type TwitterSnapParams = {
+    width: number;
+    height?: number;
+    client?: TwitterOpenApiClient | Promise<TwitterOpenApiClient>;
+    fonts?: ImageResponseOptions["fonts"];
+    emoji?: ImageResponseOptions["emoji"];
+};
+type TwitterSnapRenderParams = {
+    id: string;
+    themeName?: string;
+};
+export declare class TwitterSnap {
+    width: number;
+    height: number | undefined;
+    client: TwitterOpenApiClient | Promise<TwitterOpenApiClient>;
+    fonts: ImageResponseOptions["fonts"];
+    emoji: ImageResponseOptions["emoji"];
+    static themes: {
+        [key: string]: themeComponent;
+    };
+    constructor(param: TwitterSnapParams);
+    getClient: () => Promise<TwitterOpenApiClient>;
+    render: ({ id, themeName }: TwitterSnapRenderParams) => Promise<ImageResponse>;
+}
+export {};
+//# sourceMappingURL=twitterSnap.d.mts.map

package/dist/core/twitterSnap.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"twitterSnap.d.mts","sourceRoot":"","sources":["../../src/core/twitterSnap.mts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErC,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAEL,oBAAoB,EACpB,iBAAiB,EAClB,MAAM,4BAA4B,CAAC;AAEpC,MAAM,MAAM,cAAc,GAAG,CAAC,KAAK,EAAE;IACnC,IAAI,EAAE,iBAAiB,CAAC;CACzB,KAAK,YAAY,CAAC;AAEnB,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,oBAAoB,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAAC;IAC9D,KAAK,CAAC,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;IACtC,KAAK,CAAC,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;CACvC,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,qBAAa,WAAW;IACtB,KAAK,EAAG,MAAM,CAAC;IACf,MAAM,EAAG,MAAM,GAAG,SAAS,CAAC;IAC5B,MAAM,EAAG,oBAAoB,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAAC;IAC9D,KAAK,EAAG,oBAAoB,CAAC,OAAO,CAAC,CAAC;IACtC,KAAK,EAAG,oBAAoB,CAAC,OAAO,CAAC,CAAC;IAEtC,MAAM,CAAC,MAAM,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,cAAc,CAAA;KAAE,CAE9C;gBAEU,KAAK,EAAE,iBAAiB;IAQpC,SAAS,sCAKP;IAEF,MAAM,sBAA6B,uBAAuB,4BAaxD;CACH"}

package/dist/core/twitterSnap.d.ts

@@ -1,33 +1,48 @@
-import { ReactElement } from "react";
-import { ImageResponse } from "@vercel/og";
-import { ImageResponseOptions } from "@vercel/og/dist/types";
-import { TwitterOpenApiClient, TweetApiUtilsData } from "twitter-openapi-typescript";
-export type themeComponent = (props: {
-    data: TweetApiUtilsData;
-}) => ReactElement;
-type TwitterSnapParams = {
-    width: number;
-    height?: number;
-    client?: TwitterOpenApiClient | Promise<TwitterOpenApiClient>;
-    fonts?: ImageResponseOptions["fonts"];
-    emoji?: ImageResponseOptions["emoji"];
-};
-type TwitterSnapRenderParams = {
-    id: string;
-    themeName?: string;
-};
-export declare class TwitterSnap {
-    width: number;
-    height: number | undefined;
-    client: TwitterOpenApiClient | Promise<TwitterOpenApiClient>;
-    fonts: ImageResponseOptions["fonts"];
-    emoji: ImageResponseOptions["emoji"];
-    static themes: {
-        [key: string]: themeComponent;
-    };
-    constructor(param: TwitterSnapParams);
-    getClient: () => Promise<TwitterOpenApiClient>;
-    render: ({ id, themeName }: TwitterSnapRenderParams) => Promise<ImageResponse>;
-}
-export {};
+import { ReactElement } from "react";
+import { ImageResponse } from "@vercel/og";
+import { ImageResponseOptions } from "@vercel/og/dist/types";
+import { TwitterOpenApiClient, TweetApiUtilsData } from "twitter-openapi-typescript";
+export type ThemeComponent = (props: {
+    data: TweetApiUtilsData;
+    param: TwitterSnapParams;
+    video: boolean;
+}) => {
+    writePhoto: (props: {
+        output: string;
+        data: ImageResponse;
+    }) => Promise<void>;
+    writeVideo: (props: {
+        output: string;
+        data: ImageResponse;
+    }) => Promise<void>;
+    element: ReactElement;
+};
+export type Component = (props: {
+    data: TweetApiUtilsData;
+    video: boolean;
+}) => ReactElement;
+export type TwitterSnapParams = {
+    width: number;
+    height?: number;
+    client?: TwitterOpenApiClient;
+    themeName?: string;
+    fonts?: ImageResponseOptions["fonts"];
+    emoji?: ImageResponseOptions["emoji"];
+    autoPhoto: boolean;
+    removeTemp: boolean;
+};
+type TwitterSnapRenderParams = {
+    output: string;
+    id: string;
+};
+export declare class TwitterSnap {
+    private param;
+    static themes: {
+        [key: string]: ThemeComponent;
+    };
+    constructor(param: TwitterSnapParams);
+    getClient: () => Promise<TwitterOpenApiClient>;
+    render: ({ output, id }: TwitterSnapRenderParams) => Promise<void>;
+}
+export {};
 //# sourceMappingURL=twitterSnap.d.ts.map