twitter-snap 0.0.2 → 0.0.4

package/dist/cli.d.ts

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

package/dist/cli.js

@@ -1,3 +1,4 @@
+#!/usr/bin/env node
 "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); }); }
@@ -38,7 +39,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var twitterSnap_1 = require("./core/twitterSnap");
 var commander_1 = require("commander");
-var version = "0.0.2";
+var version = "0.0.4";
 var font = "assets/NotoSansCJKjp-Regular.otf";
 var boldFont = "assets/NotoSansCJKjp-Bold.otf";
 var program = new commander_1.Command();

package/dist/cli.js.map

@@ -1 +1 @@
-{"version":3,"file":"cli.js","sourceRoot":"","sources":["../src/cli.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAiD;AACjD,uCAAoC;AAEpC,IAAM,OAAO,GAAG,OAAO,CAAC;AACxB,IAAM,IAAI,GAAG,kCAAkC,CAAC;AAChD,IAAM,QAAQ,GAAG,+BAA+B,CAAC;AAEjD,IAAM,OAAO,GAAG,IAAI,mBAAO,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,EAAE,KAAK,CAAC;KACtD,MAAM,CAAC,eAAe,EAAE,WAAW,EAAE,IAAI,CAAC;KAC1C,MAAM,CAAC,oBAAoB,EAAE,gBAAgB,EAAE,QAAQ,CAAC;KACxD,MAAM,CAAC,UAAO,IAAI,EAAE,EAAyC;QAAvC,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA;;;;;;oBACpD,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;oBAChD,WAAW,GAAG,IAAI,yBAAW,CAAC;wBAClC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC;wBACtB,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC;wBACxB,IAAI,EAAE,IAAI;wBACV,QAAQ,EAAE,QAAQ;qBACnB,CAAC,CAAC;oBACY,qBAAM,WAAW,CAAC,MAAM,CAAC,EAAE,CAAC,EAAA;;oBAArC,MAAM,GAAG,SAA4B;oBAC3C,qBAAM,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,EAAA;;oBAAzB,SAAyB,CAAC;oBAC1B,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;;;;;CACjB,CAAC,CAAC;AACL,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC"}
+{"version":3,"file":"cli.js","sourceRoot":"","sources":["../src/cli.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,kDAAiD;AACjD,uCAAoC;AAEpC,IAAM,OAAO,GAAG,OAAO,CAAC;AACxB,IAAM,IAAI,GAAG,kCAAkC,CAAC;AAChD,IAAM,QAAQ,GAAG,+BAA+B,CAAC;AAEjD,IAAM,OAAO,GAAG,IAAI,mBAAO,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,EAAE,KAAK,CAAC;KACtD,MAAM,CAAC,eAAe,EAAE,WAAW,EAAE,IAAI,CAAC;KAC1C,MAAM,CAAC,oBAAoB,EAAE,gBAAgB,EAAE,QAAQ,CAAC;KACxD,MAAM,CAAC,UAAO,IAAI,EAAE,EAAyC;QAAvC,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA;;;;;;oBACpD,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;oBAChD,WAAW,GAAG,IAAI,yBAAW,CAAC;wBAClC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC;wBACtB,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC;wBACxB,IAAI,EAAE,IAAI;wBACV,QAAQ,EAAE,QAAQ;qBACnB,CAAC,CAAC;oBACY,qBAAM,WAAW,CAAC,MAAM,CAAC,EAAE,CAAC,EAAA;;oBAArC,MAAM,GAAG,SAA4B;oBAC3C,qBAAM,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,EAAA;;oBAAzB,SAAyB,CAAC;oBAC1B,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;;;;;CACjB,CAAC,CAAC;AACL,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "twitter-snap",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "scripts": {
     "dev:cli": "npx tsx src/cli.ts 1720560121485595093",
     "dev:style": "react-scripts start",
@@ -8,7 +8,7 @@
     "build": "npx tsc && npx cpx2 assets/* dist/assets"
   },
   "bin": {
-    "twitter-snap": "src/cli.js"
+    "twitter-snap": "dist/bin.js"
   },
   "dependencies": {
     "@napi-rs/image": "^1.7.0",

package/src/cli.ts

@@ -1,30 +0,0 @@
-import { TwitterSnap } from "./core/twitterSnap";
-import { Command } from "commander";
-
-const version = "0.0.2";
-const font = "assets/NotoSansCJKjp-Regular.otf";
-const boldFont = "assets/NotoSansCJKjp-Bold.otf";
-
-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", "400")
-  .option("--font <path>", "font path", font)
-  .option("--bold-font <path>", "bold font path", boldFont)
-  .action(async (text, { output, width, height, font, boldFont }) => {
-    const id = isNaN(text) ? text.split("/").pop() : text;
-    const twitterSnap = new TwitterSnap({
-      width: parseInt(width),
-      height: parseInt(height),
-      font: font,
-      boldFont: boldFont,
-    });
-    const writer = await twitterSnap.render(id);
-    await writer.save(output);
-    process.exit(0);
-  });
-program.parse(process.argv);

package/src/core/twitterSnap.ts

@@ -1,183 +0,0 @@
-import satori, { SatoriOptions } from "satori";
-import { Transformer } from "@napi-rs/image";
-import Normal from "./../style/normal";
-import * as fs from "fs";
-
-import { TwitterOpenApi } from "twitter-openapi-typescript";
-
-export type StyleComponent = (props: {
-  name: string;
-  id: string;
-  icon: string;
-  text: string;
-}) => React.ReactElement;
-
-type TwitterSnapParams = {
-  width: number;
-  height: number;
-  font: string;
-  boldFont: string;
-  lang?: string;
-};
-
-export class TwitterSnap {
-  width!: number;
-  height!: number;
-  option!: SatoriOptions;
-
-  constructor(param: TwitterSnapParams) {
-    this.width = param.width;
-    this.height = param.height;
-
-    this.option = {
-      width: this.width,
-      height: this.height,
-      fonts: [
-        {
-          name: "Regular",
-          data: fs.readFileSync(param.font),
-          weight: 400,
-          style: "normal",
-          lang: param.lang,
-        },
-        {
-          name: "Bold",
-          data: fs.readFileSync(param.boldFont),
-          weight: 700,
-          style: "normal",
-          lang: param.lang,
-        },
-      ],
-    };
-  }
-
-  render = async (id: string) => {
-    const client = await new TwitterOpenApi().getGuestClient();
-    const tweet = await client.getDefaultApi().getTweetResultByRestId({
-      tweetId: id,
-    });
-    const data = {
-      name: tweet!.data!.user!.legacy.name,
-      id: tweet!.data!.user!.legacy.screenName,
-      icon: tweet.data!.user.legacy.profileImageUrlHttps,
-      text: tweet.data!.tweet.legacy!.fullText,
-    };
-
-    const svg = await satori(Normal(data), this.option);
-    return new TwitterSnapWriter({
-      width: this.width,
-      height: this.height,
-      svg: svg,
-    });
-  };
-}
-
-type TwitterSnapWriterParams = {
-  width: number;
-  height: number;
-  svg: string;
-};
-
-export class TwitterSnapWriter {
-  width!: number;
-  height!: number;
-  data!: string;
-  _trasformer: Transformer | undefined;
-
-  constructor(param: TwitterSnapWriterParams) {
-    this.width = param.width;
-    this.height = param.height;
-    this.data = param.svg;
-  }
-
-  get trasformer() {
-    if (!this._trasformer) {
-      this._trasformer = Transformer.fromSvg(this.data);
-      this._trasformer.crop(0, 0, this.width, this.height);
-    }
-    return this._trasformer;
-  }
-
-  save = async (output: string) => {
-    const ext = output.split(".").pop();
-    const exts: {
-      [key: string]: (output: string) => Promise<void>;
-    } = {
-      raw: this.raw,
-      svg: this.svg,
-      png: this.png,
-      jpeg: this.jpeg,
-      jpg: this.jpeg,
-      jpe: this.jpeg,
-      bmp: this.bmp,
-      dib: this.bmp,
-      rle: this.bmp,
-      "2bp": this.bmp,
-      "2pbb": this.bmp,
-      ico: this.ico,
-      cur: this.ico,
-      tif: this.tiff,
-      webp: this.webp,
-      avif: this.avif,
-      pnm: this.pnm,
-      tga: this.tga,
-      tpic: this.tga,
-      ff: this.farbfeld,
-    };
-    const method = exts[ext!];
-    if (!method) {
-      throw new Error("Unsupported file format");
-    }
-    await method(output);
-  };
-
-  svg = async (output: string) => {
-    await fs.promises.writeFile(output, this.data);
-  };
-  raw = async (output: string) => {
-    await fs.promises.writeFile(output, this.data);
-  };
-  jpeg = async (output: string) => {
-    const data = await this.trasformer.jpeg();
-    await fs.promises.writeFile(output, data);
-  };
-
-  png = async (output: string) => {
-    const data = await this.trasformer.png();
-    await fs.promises.writeFile(output, data);
-  };
-
-  bmp = async (output: string) => {
-    const data = await this.trasformer.bmp();
-    await fs.promises.writeFile(output, data);
-  };
-
-  ico = async (output: string) => {
-    const data = await this.trasformer.ico();
-    await fs.promises.writeFile(output, data);
-  };
-  tiff = async (output: string) => {
-    const data = await this.trasformer.tiff();
-    await fs.promises.writeFile(output, data);
-  };
-  webp = async (output: string) => {
-    const data = await this.trasformer.webp();
-    await fs.promises.writeFile(output, data);
-  };
-  avif = async (output: string) => {
-    const data = await this.trasformer.avif();
-    await fs.promises.writeFile(output, data);
-  };
-  pnm = async (output: string) => {
-    const data = await this.trasformer.pnm();
-    await fs.promises.writeFile(output, data);
-  };
-  tga = async (output: string) => {
-    const data = await this.trasformer.tga();
-    await fs.promises.writeFile(output, data);
-  };
-  farbfeld = async (output: string) => {
-    const data = await this.trasformer.farbfeld();
-    await fs.promises.writeFile(output, data);
-  };
-}

package/src/index.tsx

@@ -1,12 +0,0 @@
-import React from "react";
-import ReactDOM from "react-dom/client";
-import Normal from "./style/normal";
-import example from "./utils/example";
-
-ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
-  <React.StrictMode>
-    <div style={{ width: "100svw", height: "100vh" }}>
-      <Normal {...example} />
-    </div>
-  </React.StrictMode>
-);

package/src/style/normal.tsx

@@ -1,84 +0,0 @@
-import { StyleComponent } from "./../core/twitterSnap";
-
-const Normal: StyleComponent = ({ name, id, icon, text }) => {
-  return (
-    <div
-      style={{
-        display: "flex",
-        justifyContent: "center",
-        alignItems: "center",
-        width: "100%",
-        height: "100%",
-        background:
-          "linear-gradient(-45deg, #0077F2ee 0%, #1DA1F2ee 50%,#4CFFE2ee 100%)",
-      }}
-    >
-      <div
-        style={{
-          width: "550px",
-          background: "white",
-          display: "flex",
-          flexDirection: "column",
-          borderRadius: "10px",
-          padding: "12px",
-        }}
-      >
-        <div
-          style={{
-            display: "flex",
-          }}
-        >
-          <img
-            alt="icon"
-            style={{
-              width: "40px",
-              height: "40px",
-              borderRadius: "50%",
-              marginRight: "12px",
-            }}
-            src={icon}
-          />
-          <div
-            style={{
-              display: "flex",
-              flexDirection: "column",
-            }}
-          >
-            <p
-              style={{
-                fontSize: "15px",
-                fontWeight: "bold",
-                margin: "0px",
-              }}
-            >
-              {name}
-            </p>
-            <p
-              style={{
-                fontSize: "15px",
-                margin: "0px",
-                color: "#536471",
-              }}
-            >
-              {id}
-            </p>
-          </div>
-        </div>
-        {text.split("\n").map((t, key) => (
-          <p
-            key={key}
-            style={{
-              fontSize: "17px",
-              margin: "0px",
-              marginTop: "12px",
-            }}
-          >
-            {t}
-          </p>
-        ))}
-      </div>
-    </div>
-  );
-};
-
-export default Normal;

package/src/utils/example.ts

@@ -1,8 +0,0 @@
-const example = {
-  name: "Twitter",
-  id: "@Twitter",
-  icon: "https://abs.twimg.com/icons/apple-touch-icon-192x192.png",
-  text: "aaaaa",
-};
-
-export default example;