LukeParke/unicorn-utterances
1
0
Fork 0
mirror of https://github.com/LukeHagar/unicorn-utterances.git synced 2025-12-09 12:57:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add build step to twitter-large-card due to TSX "UNKNOWN FILE EXTENSION" error

Browse Source 
We can remove this when https://github.com/esbuild-kit/tsx/issues/74 is merged
This commit is contained in:
Corbin Crutchley
2023-02-11 03:22:23 -08:00
parent 0a3321f5bb
commit 3d45dd766e
7 changed files with 25 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
build-scripts/social-previews/.gitignore vendored Normal file
View File

@@ -0,0 +1 @@
*.js

14
build-scripts/social-previews/shared-post-preview-png.ts
View File

@@ -8,12 +8,22 @@ import { COLORS } from "constants/theme";
import { unified } from "unified"; import { unified } from "unified";
import remarkParse from "remark-parse"; import remarkParse from "remark-parse";
import remarkTwoslash from "remark-shiki-twoslash"; import { default as remarkTwoslashDefault } from "remark-shiki-twoslash";
import remarkToRehype from "remark-rehype"; import remarkToRehype from "remark-rehype";
import { findAllAfter } from "unist-util-find-all-after"; import { findAllAfter } from "unist-util-find-all-after";
import rehypeStringify from "rehype-stringify"; import rehypeStringify from "rehype-stringify";
import { fileURLToPath } from "url"; import { fileURLToPath } from "url";
const remarkTwoslash = (
remarkTwoslashDefault as never as { default: typeof remarkTwoslashDefault }
).default
? (
remarkTwoslashDefault as never as {
default: typeof remarkTwoslashDefault;
}
).default
: remarkTwoslashDefault;
const __dirname = dirname(fileURLToPath(import.meta.url)); const __dirname = dirname(fileURLToPath(import.meta.url));
const unifiedChain = () => { const unifiedChain = () => {
@@ -87,7 +97,7 @@ export const renderPostPreviewToString = async (post: PostInfo) => {
// This needs to happen here, since otherwise the `import` is stale at runtime, // This needs to happen here, since otherwise the `import` is stale at runtime,
// thus breaking live refresh // thus breaking live refresh
const TwitterLargeCard = // We need `?update=""` to cache bust for live reload const TwitterLargeCard = // We need `?update=""` to cache bust for live reload
(await import(`./twitter-large-card.tsx?update=${Date.now()}`)).default; (await import(`./twitter-large-card.js?update=${Date.now()}`)).default;
const authorImagesStrs = post.authorsMeta.map((author) => const authorImagesStrs = post.authorsMeta.map((author) =>
readFileAsBase64(author.profileImgMeta.absoluteFSPath) readFileAsBase64(author.profileImgMeta.absoluteFSPath)

2
build-scripts/social-previews/twitter-large-card.tsx
View File

@@ -1,5 +1,5 @@
import * as React from 'preact'; import * as React from 'preact';
import { PostInfo } from "types/PostInfo"; import type { PostInfo } from "types/PostInfo";
export function splitSentence(str: string): [string, string] { export function splitSentence(str: string): [string, string] {
const splitStr = str.split(" "); const splitStr = str.split(" ");

5
package.json
View File

@@ -30,8 +30,9 @@
"format": "prettier -w . --cache --plugin-search-dir=.", "format": "prettier -w . --cache --plugin-search-dir=.",
"lint": "eslint . --ext .js,.ts,.astro", "lint": "eslint . --ext .js,.ts,.astro",
"search-index": "tsx build-scripts/search-index.ts", "search-index": "tsx build-scripts/search-index.ts",
"social-previews:build": "node node_modules/puppeteer-core/install.js && tsx --tsconfig tsconfig.script.json build-scripts/social-previews/index.ts", "social-previews:prebuild": "tsc -p tsconfig.script.json",
"social-previews:dev": "tsx --tsconfig tsconfig.script.json build-scripts/social-previews/live-server.ts", "social-previews:build": "npm run social-previews:prebuild && node node_modules/puppeteer-core/install.js && tsx --tsconfig tsconfig.script.json build-scripts/social-previews/index.ts",
"social-previews:dev": "npm run social-previews:prebuild && tsx --tsconfig tsconfig.script.json build-scripts/social-previews/live-server.ts",
"epub": "tsx --tsconfig tsconfig.script.json build-scripts/generate-epubs.ts", "epub": "tsx --tsconfig tsconfig.script.json build-scripts/generate-epubs.ts",
"tsc": "tsc --noEmit && astro check", "tsc": "tsc --noEmit && astro check",
"test": "jest", "test": "jest",

1
src/constants/.gitignore vendored Normal file
View File

@@ -0,0 +1 @@
*.js

1
src/types/.gitignore vendored Normal file
View File

@@ -0,0 +1 @@
*.js

9
tsconfig.script.json
View File

@@ -1,7 +1,10 @@
{ {
"extends": "./tsconfig.json", "extends": "./tsconfig.json",
"compilerOptions": { "compilerOptions": {
"module": "CommonJS", "jsx": "react-jsx",
"jsx": "react" "jsxImportSource": "preact"
} },
"files": [
"build-scripts/social-previews/twitter-large-card.tsx"
]
} }