commit ea9dbac4842cc12a1b1c4b57ff7aa30ade6c579b · mewsse.pet/pet.mewsse.link

+17

lexicons/pet/mewsse/embed/external.json

···

       1
       1
       +
       {

     

       2
       2
       +
         "lexicon": 1,

     

       3
       3
       +
         "id": "pet.mewsse.embed.external",

     

       4
       4
       +
         "description": "An external integration (card)",

     

       5
       5
       +
         "defs": {

     

       6
       6
       +
           "main": {

     

       7
       7
       +
             "type": "object",

     

       8
       8
       +
             "required": ["uri"],

     

       9
       9
       +
             "properties": {

     

       10
       10
       +
               "uri": {

     

       11
       11
       +
                   "type": "string",

     

       12
       12
       +
                   "format": "uri"

     

       13
       13
       +
               }

     

       14
       14
       +
             }

     

       15
       15
       +
           }

     

       16
       16
       +
         }

     

       17
       17
       +
       }

+13 -4

lexicons/pet/mewsse/embed/video.json

···

       1
       1
        
       {

     

       2
       2
        
         "lexicon": 1,

     

       3
       3
        
         "id": "pet.mewsse.embed.video",

     

       4
       4
       -
         "description": "An video to embed in a link",

     

       4
       4
       +
         "description": "A video to illustrate a link",

     

       5
       5
        
         "defs": {

     

       6
       6
        
           "main": {

     

       7
       7
        
             "type": "object",

     

       8
       8
       -
             "required": ["uri"],

     

       8
       8
       +
             "required": ["video"],

     

       9
       9
        
             "properties": {

     

       10
       10
       -
               "uri": {

     

       10
       10
       +
               "video": {

     

       11
       11
       +
                   "type": "blob",

     

       12
       12
       +
                   "description": "A video to illustrate a link",

     

       13
       13
       +
                   "accept": [

     

       14
       14
       +
                       "video/*"

     

       15
       15
       +
                   ],

     

       16
       16
       +
                   "maxSize": 1000000

     

       17
       17
       +
               },

     

       18
       18
       +
               "alt": {

     

       11
       19
        
                   "type": "string",

     

       12
       12
       -
                   "format": "uri"

     

       20
       20
       +
                   "maxLength": 3000,

     

       21
       21
       +
                   "description": "A alt text to describe the video."

     

       13
       22
        
               }

     

       14
       23
        
             }

     

       15
       24
        
           }

+2 -1

lexicons/pet/mewsse/link.json

···

       33
       33
        
                   "refs": [

     

       34
       34
        
                     "pet.mewsse.embed.image",

     

       35
       35
        
                     "pet.mewsse.embed.post",

     

       36
       36
       -
                     "pet.mewsse.embed.video"

     

       36
       36
       +
                     "pet.mewsse.embed.video",

     

       37
       37
       +
                     "pet.mewsse.embed.external"

     

       37
       38
        
                   ]

     

       38
       39
        
                 },

     

       39
       40
        
                 "nsfw": {

+1

src/db.ts

···

       13
       13
        
       export type Embed = { 

     

       14
       14
        
           '$type': string, 

     

       15
       15
        
           image?: Blob | LegacyBlob,

     

       16
       16
       +
           video?: Blob | LegacyBlob,

     

       16
       17
        
           alt?: string, 

     

       17
       18
        
           uri?: string 

     

       18
       19
        
         } | null

+1

src/lexicons/index.ts

···

       1
       1
       +
       export * as PetMewsseEmbedExternal from "./types/pet/mewsse/embed/external.ts";

     

       1
       2
        
       export * as PetMewsseEmbedImage from "./types/pet/mewsse/embed/image.ts";

     

       2
       3
        
       export * as PetMewsseEmbedPost from "./types/pet/mewsse/embed/post.ts";

     

       3
       4
        
       export * as PetMewsseEmbedVideo from "./types/pet/mewsse/embed/video.ts";

+17

src/lexicons/types/pet/mewsse/embed/external.ts

···

       1
       1
       +
       import type {} from "@atcute/lexicons";

     

       2
       2
       +
       import * as v from "@atcute/lexicons/validations";

     

       3
       3
       +
       

     

       4
       4
       +
       const _mainSchema = /*#__PURE__*/ v.object({

     

       5
       5
       +
         $type: /*#__PURE__*/ v.optional(

     

       6
       6
       +
           /*#__PURE__*/ v.literal("pet.mewsse.embed.external"),

     

       7
       7
       +
         ),

     

       8
       8
       +
         uri: /*#__PURE__*/ v.genericUriString(),

     

       9
       9
       +
       });

     

       10
       10
       +
       

     

       11
       11
       +
       type main$schematype = typeof _mainSchema;

     

       12
       12
       +
       

     

       13
       13
       +
       export interface mainSchema extends main$schematype {}

     

       14
       14
       +
       

     

       15
       15
       +
       export const mainSchema = _mainSchema as mainSchema;

     

       16
       16
       +
       

     

       17
       17
       +
       export interface Main extends v.InferInput<typeof mainSchema> {}

+15 -1

src/lexicons/types/pet/mewsse/embed/video.ts

···

       5
       5
        
         $type: /*#__PURE__*/ v.optional(

     

       6
       6
        
           /*#__PURE__*/ v.literal("pet.mewsse.embed.video"),

     

       7
       7
        
         ),

     

       8
       8
       -
         uri: /*#__PURE__*/ v.genericUriString(),

     

       8
       8
       +
         /**

     

       9
       9
       +
          * A alt text to describe the video.

     

       10
       10
       +
          * @maxLength 3000

     

       11
       11
       +
          */

     

       12
       12
       +
         alt: /*#__PURE__*/ v.optional(

     

       13
       13
       +
           /*#__PURE__*/ v.constrain(/*#__PURE__*/ v.string(), [

     

       14
       14
       +
             /*#__PURE__*/ v.stringLength(0, 3000),

     

       15
       15
       +
           ]),

     

       16
       16
       +
         ),

     

       17
       17
       +
         /**

     

       18
       18
       +
          * A video to illustrate a link

     

       19
       19
       +
          * @accept video/*

     

       20
       20
       +
          * @maxSize 1000000

     

       21
       21
       +
          */

     

       22
       22
       +
         video: /*#__PURE__*/ v.blob(),

     

       9
       23
        
       });

     

       10
       24
        
       

     

       11
       25
        
       type main$schematype = typeof _mainSchema;

+2

src/lexicons/types/pet/mewsse/link.ts

···

       1
       1
        
       import type {} from "@atcute/lexicons";

     

       2
       2
        
       import * as v from "@atcute/lexicons/validations";

     

       3
       3
        
       import type {} from "@atcute/lexicons/ambient";

     

       4
       4
       +
       import * as PetMewsseEmbedExternal from "./embed/external.ts";

     

       4
       5
        
       import * as PetMewsseEmbedImage from "./embed/image.ts";

     

       5
       6
        
       import * as PetMewsseEmbedPost from "./embed/post.ts";

     

       6
       7
        
       import * as PetMewsseEmbedVideo from "./embed/video.ts";

     
···

       25
       26
        
           get embed() {

     

       26
       27
        
             return /*#__PURE__*/ v.optional(

     

       27
       28
        
               /*#__PURE__*/ v.variant([

     

       29
       29
       +
                 PetMewsseEmbedExternal.mainSchema,

     

       28
       30
        
                 PetMewsseEmbedImage.mainSchema,

     

       29
       31
        
                 PetMewsseEmbedPost.mainSchema,

     

       30
       32
        
                 PetMewsseEmbedVideo.mainSchema,

+49

src/lib/embed.ts

···

       1
       1
       +
       import { isBlob } from '@atcute/lexicons/interfaces'

     

       2
       2
       +
       import type { Did } from '@atcute/lexicons/syntax'

     

       3
       3
       +
       import type { Embed } from '../db.ts'

     

       4
       4
       +
       

     

       5
       5
       +
       export function findEmbed(did: Did<"web"> | Did<"plc">, pds: string): Function {

     

       6
       6
       +
         return async (embed: Embed): Promise<{url?: string, html?:string, $type:string} | null> => {

     

       7
       7
       +
           if (!embed) return null

     

       8
       8
       +
       

     

       9
       9
       +
           if (embed.$type === "pet.mewsse.embed.image" || embed.$type === "pet.mewsse.embed.video") {

     

       10
       10
       +
             if (!embed.image && !embed.video) return null

     

       11
       11
       +
       

     

       12
       12
       +
             const embedType = embed.image || embed.video

     

       13
       13
       +
       

     

       14
       14
       +
             if (!embedType) return null

     

       15
       15
       +
       

     

       16
       16
       +
             const cid = isBlob(embedType) ? embedType.ref.$link : embedType.cid

     

       17
       17
       +
       

     

       18
       18
       +
             // let the user pull the blob with their browser directly fomr the pds

     

       19
       19
       +
             // decreasing space needed to run the service and prevent duplication

     

       20
       20
       +
             // if hosted at the same place as the pds (self host anyone ?)

     

       21
       21
       +
             return {

     

       22
       22
       +
               '$type': embed.$type,

     

       23
       23
       +
               url: `${pds}/xrpc/com.atproto.sync.getBlob?did=${did}&cid=${cid}`

     

       24
       24
       +
             }

     

       25
       25
       +
           }

     

       26
       26
       +
       

     

       27
       27
       +
           if (embed.$type === "pet.mewsse.embed.post" && embed.uri) {

     

       28
       28
       +
             const at = embed.uri.split("at://").pop()

     

       29
       29
       +
       

     

       30
       30
       +
             return {

     

       31
       31
       +
               '$type': embed.$type,

     

       32
       32
       +
               url: `https://embed.bsky.app/embed/${at}`

     

       33
       33
       +
             }

     

       34
       34
       +
           }

     

       35
       35
       +
       

     

       36
       36
       +
           if (embed.$type === "pet.mewsse.embed.external" && embed.uri) {

     

       37
       37
       +
             if (embed.uri.indexOf('youtube') != -1) {

     

       38
       38
       +
               const id = embed.uri.split("?v=").pop()

     

       39
       39
       +
       

     

       40
       40
       +
               return {

     

       41
       41
       +
                 '$type': embed.$type,

     

       42
       42
       +
                 url: `http://www.youtube.com/embed/${id}`

     

       43
       43
       +
               }

     

       44
       44
       +
             }

     

       45
       45
       +
           }

     

       46
       46
       +
       

     

       47
       47
       +
           return null

     

       48
       48
       +
         }

     

       49
       49
       +
       }

+8 -1

src/routes.ts

···

       32
       32
        
             .executeTakeFirstOrThrow()

     

       33
       33
        
       

     

       34
       34
        
           const pages = Math.ceil(parseInt(totalLink.count.toString(), 10) / itemPerPages)

     

       35
       35
       +
       

     

       36
       36
       +
           const items = await Promise.all(links.map(async (link) => {

     

       37
       37
       +
             return {

     

       38
       38
       +
               ...link,

     

       39
       39
       +
               embed: await embed(link.embed)

     

       40
       40
       +
             }

     

       41
       41
       +
           }))

     

       35
       42
        
             

     

       36
       43
        
           const body = eta.render("./main", { 

     

       37
       37
       -
             items: links, 

     

       44
       44
       +
             items: items, 

     

       38
       45
        
             pages: Array.from(Array(pages).keys()),

     

       39
       46
        
             selected: parseInt(params?.page || "0", 10),

     

       40
       47
        
             embed: embed

+20 -12

src/views/link.eta

···

       5
       5
        
             <div class="description"><%~ it.description %></div>

     

       6
       6
        
           <% } %>

     

       7
       7
        
         </section>

     

       8
       8
       -
         <% if (it.nsfw) { %>

     

       9
       9
       -
           <label class="aside <% if (!it.image) { %>empty<% } %>" target="<%= it.rkey %>">

     

       10
       10
       -
             <input type="checkbox" id="<%= it.rkey %>">

     

       11
       11
       -
             <% if (it.image) { %>

     

       12
       12
       -
               <img src="<%= it.image %>" <% if (it.alt) { %>alt="<%= it.alt %>"<% } %>>

     

       13
       13
       -
             <% } %>

     

       14
       14
       -
           </label>

     

       15
       15
       -
         <% } else { %>

     

       16
       16
       -
           <a class="aside <% if (!it.image) { %>empty<% } %>" href="<%= it.link %>">

     

       17
       17
       -
             <% if (it.image) { %>

     

       18
       18
       -
               <img src="<%= it.image %>" <% if (it.alt) { %>alt="<%= it.alt %>"<% } %>>

     

       19
       19
       -
             <% } %>

     

       8
       8
       +
         <% if (it.embed) { %>

     

       9
       9
       +
           <% if (it.embed.$type == "pet.mewsse.embed.image") { %>

     

       10
       10
       +
           <a class="aside" href="<%= it.link %>">

     

       11
       11
       +
             <img src="<%= it.embed.url %>" alt="<%= it.embed.alt || "" %>">

     

       20
       12
        
           </a>

     

       13
       13
       +
           <% } %>

     

       14
       14
       +
       

     

       15
       15
       +
           <% if (it.embed.$type == "pet.mewsse.embed.video") { %>

     

       16
       16
       +
             <video controls>

     

       17
       17
       +
               <source src="<%= it.embed.url %>">

     

       18
       18
       +
             </video>

     

       19
       19
       +
           <% } %>

     

       20
       20
       +
       

     

       21
       21
       +
           <% if (it.embed.$type == "pet.mewsse.embed.post") { %>

     

       22
       22
       +
             <iframe frameborder="0" src="<%= it.embed.url %>"></iframe>

     

       23
       23
       +
           <% } %>

     

       24
       24
       +
       

     

       25
       25
       +
           <% if (it.embed.$type == "pet.mewsse.embed.external") {%>

     

       26
       26
       +
             <iframe frameborder="0" allowfullscreen src="<%= it.embed.url %>"></iframe>

     

       27
       27
       +
           <% } %>

     

       28
       28
       +
       

     

       21
       29
        
         <% } %>

     

       22
       30
        
       </div>