fix(tl-reference): fixed html in previews, fixed some links

tl-reference/scripts/prepare-data.js

@@ -35,6 +35,7 @@ function convertToArrays(ns) {
 }
 
 const marked = require('marked')
+const cheerio = require('cheerio')
 
 const pascalToCamel = (s) => s[0].toLowerCase() + s.substr(1)
 const camelToSnake = (str) =>
@@ -147,8 +148,21 @@ function prepareData(data) {
             }
 
             // render descriptions in markdown
-            if (item.description)
+            if (item.description) {
                 item.description = renderDescription(item.description)
+                item.descriptionExcerpt = cheerio.load(item.description).root().text().trim()
+                if (item.descriptionExcerpt.length > 100) {
+                    const words = item.descriptionExcerpt.split(' ')
+                    let i = 0
+                    let result = words[i++]
+
+                    while (result.length < 90) {
+                        result += ' ' + words[i++]
+                    }
+
+                    item.descriptionExcerpt = result + '...'
+                }
+            }
             if (item.arguments)
                 item.arguments.forEach((arg) => {
                     if (arg.description)

tl-reference/src/components/objects/link-to-tl.tsx

@@ -19,10 +19,10 @@ export function LinkToTl(
     history?: boolean
 ): React.ReactElement {
     if (typeof prefix !== 'string') {
+        history = !!type
         type = prefix.type
         name = prefix.name
         prefix = prefix.prefix
-        history = !!type
     }
 
     // this kind of invocation is used in parameters table and for return type

tl-reference/src/templates/tl-object.tsx

@@ -89,7 +89,7 @@ export default function TlObject({ data }: { data: GraphqlResult }) {
                 <meta
                     name="description"
                     content={
-                        obj.description ||
+                        obj.descriptionExcerpt ||
                         obj.prefix +
                             obj.name +
                             " currently doesn't have a description."
@@ -281,6 +281,7 @@ export const query = graphql`
             type
             name
             description
+            descriptionExcerpt
             namespace
             returns
             available

tl-reference/src/types.tsx

@@ -10,6 +10,7 @@ export interface ExtendedTlObject {
     returns: string
     underscore: string
     description: string | null
+    descriptionExcerpt: string
     arguments: {
         ts: string
         optional?: boolean

tl-reference/tsconfig.json

@@ -1,7 +1,8 @@
 {
-    "extends": "../../tsconfig.json",
+    "extends": "../tsconfig.json",
     "compilerOptions": {
-        "jsx": "react"
+        "jsx": "react",
+        "esModuleInterop": true
     },
     "include": "src"
 }