feat: Implement Twitter embed functionality

.prettierrc

@@ -0,0 +1,6 @@
+{
+  "singleQuote": false,
+  "trailingComma": "es5",
+  "tabWidth": 2,
+  "semi": true
+}

package.json

@@ -2,6 +2,9 @@
   "name": "@notionpresso/api-sdk",
   "version": "0.0.1",
   "description": "",
+  "main": "./package/index.js",
+  "module": "./package/index.js",
+  "types": "./package/index.d.ts",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "sync": "tsc --build .",
@@ -23,7 +26,8 @@
     "typescript": "^4.9.4"
   },
   "dependencies": {
-    "@notionhq/client": "^2.2.3"
+    "@notionhq/client": "^2.2.3",
+    "cheerio": "^1.0.0"
   },
   "type": "module",
   "exports": {

src/embed/tweet/index.ts

@@ -0,0 +1 @@
+export * from "./process.js";

src/embed/tweet/process.ts

@@ -0,0 +1,22 @@
+import type { EmbedBlockObjectResponse } from "@notionhq/client/build/src/api-endpoints";
+import { convertToNotionpressoTweet } from "./tweet";
+
+export function processTwitterEmbeds(blocks: any[]): any[] {
+  return blocks.map((block) => {
+    if ("type" in block) {
+      if (block.type === "embed") {
+        const embedBlock = block as EmbedBlockObjectResponse;
+
+        if (
+          embedBlock.embed.url &&
+          (embedBlock.embed.url.includes("twitter") ||
+            embedBlock.embed.url.includes("x.com"))
+        ) {
+          console.log("트위터/X 임베드 변환:", embedBlock.embed.url);
+          return convertToNotionpressoTweet(embedBlock);
+        }
+      }
+    }
+    return block;
+  });
+}

src/embed/tweet/script.ts

@@ -0,0 +1,27 @@
+export const themeScript = `
+<script id="notionpresso-tweet-theme-script">
+  if (!window.notionpressoTweetThemeInitialized) {
+    window.notionpressoTweetThemeInitialized = true;
+
+    function updateTwitterEmbedThemes() {
+      const theme = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+      document.querySelectorAll('.notionpresso-tweet-iframe').forEach(iframe => {
+        let src = iframe.getAttribute('src');
+        if (src) {
+          if (src.includes('theme=')) {
+            src = src.replace(/theme=(dark|light)/, 'theme=' + theme);
+          } else {
+            src += '&theme=' + theme;
+          }
+          iframe.setAttribute('src', src);
+          iframe.parentElement?.setAttribute('data-theme', theme);
+        }
+      });
+    }
+
+    updateTwitterEmbedThemes();
+
+    window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', updateTwitterEmbedThemes);
+  }
+</script>
+`;