diff --git a/src/embed/iv/status.ts b/src/embed/iv/status.ts
new file mode 100644
index 0000000..59d0913
--- /dev/null
+++ b/src/embed/iv/status.ts
@@ -0,0 +1,4 @@
+function generateStatusIV() {
+ // TODO: implement
+ console.log('Generating Instant View (placeholder)...');
+}
\ No newline at end of file
diff --git a/src/embed/status.ts b/src/embed/status.ts
index f3c56e2..6bf8c18 100644
--- a/src/embed/status.ts
+++ b/src/embed/status.ts
@@ -33,6 +33,8 @@ export const handleStatus = async (
const api = await statusAPI(status, language, event as FetchEvent, flags);
const tweet = api?.tweet as APITweet;
+ let ivbody = "";
+
/* Catch this request if it's an API response */
if (flags?.api) {
return {
@@ -105,8 +107,19 @@ export const handleStatus = async (
headers.push(
``
);
- }
+ } else {
+ /* Include Instant-View related headers. This is an unfinished project. Thanks to https://nikstar.me/post/instant-view/ for the help! */
+ headers.push(
+ ``,
+ `` /* TODO: Replace with real date */
+ )
+ ivbody = `${tweet.author.name} (@${tweet.author.screen_name})
Instant View (✨ Beta)
+
+
+ `;
+ }
+
/* This Tweet has a translation attached to it, so we'll render it. */
if (tweet.translation) {
const { translation } = tweet;
@@ -351,7 +364,8 @@ export const handleStatus = async (
return {
text: Strings.BASE_HTML.format({
lang: `lang="${lang}"`,
- headers: headers.join('')
+ headers: headers.join(''),
+ body: ivbody
}),
cacheControl: cacheControl
};
diff --git a/src/helpers/media.ts b/src/helpers/media.ts
index 24e6b9b..b1e4b84 100644
--- a/src/helpers/media.ts
+++ b/src/helpers/media.ts
@@ -4,8 +4,8 @@ export const processMedia = (media: TweetMedia): APIPhoto | APIVideo | null => {
return {
type: 'photo',
url: media.media_url_https,
- width: media.original_info.width,
- height: media.original_info.height,
+ width: media.original_info?.width,
+ height: media.original_info?.height,
altText: media.ext_alt_text || ''
};
} else if (media.type === 'video' || media.type === 'animated_gif') {
@@ -17,8 +17,8 @@ export const processMedia = (media: TweetMedia): APIPhoto | APIVideo | null => {
url: bestVariant?.url || '',
thumbnail_url: media.media_url_https,
duration: (media.video_info?.duration_millis || 0) / 1000,
- width: media.original_info.width,
- height: media.original_info.height,
+ width: media.original_info?.width,
+ height: media.original_info?.height,
format: bestVariant?.content_type || '',
type: media.type === 'animated_gif' ? 'gif' : 'video'
};
diff --git a/src/strings.ts b/src/strings.ts
index ec613fa..8a2ce40 100644
--- a/src/strings.ts
+++ b/src/strings.ts
@@ -30,7 +30,7 @@ export const Strings = {
███ A better way to embed Tweets on Discord, Telegram, and more.
███ Worker build ${RELEASE_NAME}
--->{headers}