commit 18468c0b01eadd5485c87df05d3e6df344138ec5 · hexmani.ac/bluroma

bun.lock

···

       4
       4
        
           "": {

     

       5
       5
        
             "name": "vite-template-solid",

     

       6
       6
        
             "dependencies": {

     

       7
       7
       +
               "@atcute/atproto": "^3.1.8",

     

       7
       8
        
               "@atcute/bluesky": "^3.2.8",

     

       9
       9
       +
               "@atcute/bluesky-richtext-builder": "^2.0.4",

     

       8
       10
        
               "@atcute/client": "^4.0.5",

     

       9
       11
        
               "@atcute/lexicons": "^1.2.2",

     

       10
       12
        
               "@atcute/oauth-browser-client": "^1.0.27",

     

       13
       13
       +
               "@atcute/tid": "^1.0.3",

     

       11
       14
        
               "@solidjs/router": "^0.15.3",

     

       12
       15
        
               "solid-js": "^1.9.5",

     

       13
       16
        
             },

     
···

       26
       29
        
       

     

       27
       30
        
           "@atcute/bluesky": ["@atcute/bluesky@3.2.8", "", { "dependencies": { "@atcute/atproto": "^3.1.8", "@atcute/lexicons": "^1.2.2" } }, "sha512-wxEnSOvX7nLH4sVzX9YFCkaNEWIDrTv3pTs6/x4NgJ3AJ3XJio0OYPM8tR7wAgsklY6BHvlAgt3yoCDK0cl1CA=="],

     

       28
       31
        
       

     

       32
       32
       +
           "@atcute/bluesky-richtext-builder": ["@atcute/bluesky-richtext-builder@2.0.4", "", { "dependencies": { "@atcute/bluesky": "^3.2.5", "@atcute/lexicons": "^1.2.2" } }, "sha512-ydA9VWBPsBE/gbu1vYbmh7AZ8FLfxp+LE4eH5GgOTCOxwhs7Mgy1oHrHY+Er6gu6PfdoUoGso0uI3Wl3ZF/Mxg=="],

     

       33
       33
       +
       

     

       29
       34
        
           "@atcute/client": ["@atcute/client@4.0.5", "", { "dependencies": { "@atcute/identity": "^1.1.1", "@atcute/lexicons": "^1.2.2" } }, "sha512-R8Qen8goGmEkynYGg2m6XFlVmz0GTDvQ+9w+4QqOob+XMk8/WDpF4aImev7WKEde/rV2gjcqW7zM8E6W9NShDA=="],

     

       30
       35
        
       

     

       31
       36
        
           "@atcute/identity": ["@atcute/identity@1.1.1", "", { "dependencies": { "@atcute/lexicons": "^1.2.2", "@badrap/valita": "^0.4.6" } }, "sha512-zax42n693VEhnC+5tndvO2KLDTMkHOz8UExwmklvJv7R9VujfEwiSWhcv6Jgwb3ellaG8wjiQ1lMOIjLLvwh0Q=="],

     
···

       35
       40
        
           "@atcute/multibase": ["@atcute/multibase@1.1.6", "", { "dependencies": { "@atcute/uint8array": "^1.0.5" } }, "sha512-HBxuCgYLKPPxETV0Rot4VP9e24vKl8JdzGCZOVsDaOXJgbRZoRIF67Lp0H/OgnJeH/Xpva8Z5ReoTNJE5dn3kg=="],

     

       36
       41
        
       

     

       37
       42
        
           "@atcute/oauth-browser-client": ["@atcute/oauth-browser-client@1.0.27", "", { "dependencies": { "@atcute/client": "^4.0.4", "@atcute/identity": "^1.1.1", "@atcute/lexicons": "^1.2.2", "@atcute/multibase": "^1.1.6", "@atcute/uint8array": "^1.0.5", "nanoid": "^5.1.5" } }, "sha512-Ng1tCOTMLgFHHoIHXTtCZR1/ND62an1qxPX2kBoUzkxxd7iCP7IBYYqOiKyJYT5n1R4zS+s29hFS4t9mxXa5kQ=="],

     

       43
       43
       +
       

     

       44
       44
       +
           "@atcute/tid": ["@atcute/tid@1.0.3", "", {}, "sha512-wfMJx1IMdnu0CZgWl0uR4JO2s6PGT1YPhpytD4ZHzEYKKQVuqV6Eb/7vieaVo1eYNMp2FrY67FZObeR7utRl2w=="],

     

       38
       45
        
       

     

       39
       46
        
           "@atcute/uint8array": ["@atcute/uint8array@1.0.5", "", {}, "sha512-XLWWxoR2HNl2qU+FCr0rp1APwJXci7HnzbOQLxK55OaMNBXZ19+xNC5ii4QCsThsDxa4JS/JTzuiQLziITWf2Q=="],

     

       40
       47

package.json

···

       19
       19
        
           "vite-plugin-solid": "^2.11.8"

     

       20
       20
        
         },

     

       21
       21
        
         "dependencies": {

     

       22
       22
       +
           "@atcute/atproto": "^3.1.8",

     

       22
       23
        
           "@atcute/bluesky": "^3.2.8",

     

       24
       24
       +
           "@atcute/bluesky-richtext-builder": "^2.0.4",

     

       23
       25
        
           "@atcute/client": "^4.0.5",

     

       24
       26
        
           "@atcute/lexicons": "^1.2.2",

     

       25
       27
        
           "@atcute/oauth-browser-client": "^1.0.27",

     

       28
       28
       +
           "@atcute/tid": "^1.0.3",

     

       26
       29
        
           "@solidjs/router": "^0.15.3",

     

       27
       30
        
           "solid-js": "^1.9.5"

     

       28
       31
        
         }

+55 -2

src/components/postForm.tsx

···

       1
       1
       -
       import { Component } from "solid-js";

     

       1
       1
       +
       import { Component, createSignal } from "solid-js";

     

       2
       2
       +
       import { agent } from "./login";

     

       3
       3
       +
       import { Client } from "@atcute/client";

     

       4
       4
       +
       import * as TID from "@atcute/tid";

     

       5
       5
       +
       import RichtextBuilder from "@atcute/bluesky-richtext-builder";

     

       2
       6
        
       

     

       3
       7
        
       const PostForm: Component = () => {

     

       8
       8
       +
         const [notice, setNotice] = createSignal("");

     

       9
       9
       +
         const [text, setText] = createSignal("");

     

       10
       10
       +
       

     

       11
       11
       +
         async function handleSubmit() {

     

       12
       12
       +
           const rpc = new Client({ handler: agent });

     

       13
       13
       +
           const rawText = text();

     

       14
       14
       +
       

     

       15
       15
       +
           document.querySelector(".submitInfo")?.removeAttribute("hidden");

     

       16
       16
       +
       

     

       17
       17
       +
           try {

     

       18
       18
       +
             const res = await rpc.post("com.atproto.repo.createRecord", {

     

       19
       19
       +
               input: {

     

       20
       20
       +
                 collection: "app.bsky.feed.post",

     

       21
       21
       +
                 record: {

     

       22
       22
       +
                   $type: "app.bsky.feed.post",

     

       23
       23
       +
                   text: rawText,

     

       24
       24
       +
                   langs: ["en"],

     

       25
       25
       +
                   createdAt: new Date().toISOString(),

     

       26
       26
       +
                 },

     

       27
       27
       +
                 repo: agent.sub,

     

       28
       28
       +
                 rkey: TID.now(),

     

       29
       29
       +
               },

     

       30
       30
       +
             });

     

       31
       31
       +
       

     

       32
       32
       +
             if (!res.ok) {

     

       33
       33
       +
               throw new Error(`${res.data.error}/${res.data.message}`);

     

       34
       34
       +
             }

     

       35
       35
       +
       

     

       36
       36
       +
             console.log(res);

     

       37
       37
       +
             setNotice("Post successful");

     

       38
       38
       +
             setTimeout(() => {

     

       39
       39
       +
               setNotice("");

     

       40
       40
       +
               document.querySelector(".submitInfo")?.setAttribute("hidden", "");

     

       41
       41
       +
             }, 3000);

     

       42
       42
       +
           } catch (e: unknown) {

     

       43
       43
       +
             if (e instanceof Error) {

     

       44
       44
       +
               setNotice(`Failed to post: ${e.message}`);

     

       45
       45
       +
             } else {

     

       46
       46
       +
               setNotice(`Failed to post`);

     

       47
       47
       +
             }

     

       48
       48
       +
           }

     

       49
       49
       +
         }

     

       50
       50
       +
       

     

       4
       51
        
         return (

     

       5
       52
        
           <>

     

       6
       53
        
             <form

     
···

       14
       61
        
                 rows="1"

     

       15
       62
        
                 cols="1"

     

       16
       63
        
                 placeholder="The car's on fire, and there's no driver at the wheel..."

     

       64
       64
       +
                 onchange={(e) => setText(e.target.value)}

     

       17
       65
        
               ></textarea>

     

       18
       18
       -
               <button type="submit">Post</button>

     

       66
       66
       +
               <button type="submit" onclick={handleSubmit}>

     

       67
       67
       +
                 Post

     

       68
       68
       +
               </button>

     

       19
       69
        
             </form>

     

       70
       70
       +
             <p class="submitInfo" hidden>

     

       71
       71
       +
               {notice()}

     

       72
       72
       +
             </p>

     

       20
       73
        
           </>

     

       21
       74
        
         );

     

       22
       75
        
       };

+1 -1

tsconfig.json

···

       15
       15
        
       

     

       16
       16
        
           // Type Checking & Safety

     

       17
       17
        
           "strict": true,

     

       18
       18
       -
           "types": ["vite/client", "@atcute/bluesky"]

     

       18
       18
       +
           "types": ["vite/client", "@atcute/bluesky", "@atcute/atproto"]

     

       19
       19
        
         }

     

       20
       20
        
       }