Under de senaste 1-2 veckorna har jag kört varje ny beta-version vid utvecklingen av en ny stor produkt som jag jobbar med. Under den tiden har jag med lätthet kunnat se en reducering av laddningstiden upp till 90-95% vid kompileringen dessa komponenter. Egentligen utan någon som helst konfiguration.

Detta är särskilt tydligt i t.ex. större tabeller när man bygger upp både rader och celler med t.ex.

 1@foreach($data as $datum)
 2    <x-table.row>
 3        <x-table.td>
 4            {{ $datum->field_1 }}
 5        </x-table.td>
 6        <x-table.td>
 7            {{ $datum->field_2 }}
 8        </x-table.td>
 9    </x-table.row>
10@endforeach
 1@foreach($data as $datum)
 2    <x-table.row>
 3        <x-table.td>
 4            {{ $datum->field_1 }}
 5        </x-table.td>
 6        <x-table.td>
 7            {{ $datum->field_2 }}
 8        </x-table.td>
 9    </x-table.row>
10@endforeach

De allra flesta buggarna verkar nu vara fixade, och version 1.0 släpptes för bara någon timma sedan. Bör nästintill vara default i varje nytt Laravel-projekt.

In och testa! Läs mer på blazephp.dev, och läs mer om hur det funkar och eventuella "pitfalls" på github.com/livewire/blaze.

This article, "Blaze – supereffektiva Laravel-komponenter", was first posted on marcusolsson.me.

För att fira har Wikimedia Foundation (förvaltarna av Wikipedia) publicerat en jubileumssajt med tillbakablickar, information och statistik över de gångna åren. Väl värt en titt.

Jag själv upptäckte Wikipedia någon gång under sena högstadiet/början av gymnasiet (bör ha varit runt 2003). Men vill minnas att kvalitén var ganska låg och källhänvisningarna var svåra att kontrollera – oftast fick man fortfarande förlita sig på böcker genom skolans bibliotek och uppslagsverk.

Men nu, 2026, är Wikipedia min mest besökta webbsida och förmodligen mest använda iOS-appen (riktigt bra app för övrigt) – har precis som många andra väldigt lätt att halka ner i diverse "rabbit holes" när man har lite dödtid.

Svårt också att säga när man gjorde sin första "edit", men min nuvarande användare skapade jag 2010, och mina första redigeringar var "Landvetter Airport" på engelska Wikipedia och "Java" (programmeringsspråk) på svenska. Båda i mitten av 2010. Nu för tiden redigerar jag mest när jag upptäcker döda länkar och/eller uppenbara SEO-länkar.

Stort grattis Wikipedia! Låt oss hoppas på 25 år till, även om kunskap och information inte direkt verkar vara riktigt lika populärt idag som det en gång var.

Spana även in de 100 första sidorna som publicerades på Wikipedia.

This article, "Wikipedia fyller 25!", was first posted on marcusolsson.me.

Orion är en väldigt intressant webbläsare, främst då den satsar på helt rätt saker: snabbhet, säkerhet och minus all AI-bloat som verkar hitta in överallt nuförtiden. Dessutom så har den brett stöd för extensions/plugins – i princip alla extensions som du kan köra i Firefox och/eller Chrome och Safari går att installera.

Byggd på Webkit (likt Safari) tillskillnad ifrån Blink som de allra flesta webbläsarna använder (Edge, Chrome och i princip alla dess kloner och "AI webbläsare").

Väl värt tiden att ladda ner, installera och testa.

Jag körde på Orion under ett par veckor tidigare i år men blev aldrig riktigt van med de devtools:en som ervbjuds i Webkit (kört på Firefox, och nu på sistone LibreWolf de senaste fyra åren).

Det enda egentliga som håller webbläsaren tillbaka just nu är att den är closed source – för de som detta är ett hinder för rekommenderar jag LibreWolf eller att köra Webkit direkt (vill även egentligen rekommendera Chromium, men är svårt i dagsläget då Google lägger trackers även i open source-varianten.)

–

Läs mer på orionbrowser.com och på deras blogg.

This article, "Orion 1.0", was first posted on marcusolsson.me.

Visar sig att väldigt många fler hade samma behov, då denna lilla enkla sajt är bland mina mest besökta just nu med uppåt 1000 genererade personnummer per dag.

Men, vad många verkar ha missat (trots en liten notis om detta) är att den genererade slumpade personnummer – vilket kan innebära att personnumret faktiskt tillhör verkliga personer.

Som en lösning så finns nu hela Skatteverkets databas över testpersonnummer, personnummer som inte ska finns ute i cirkulation i befolkningen, inladdade och man kan välja dem urval istället för helt slumpmässiga personnummer. Gör det hela mycket mer "säkert" att använda.

This article, "personnummer.se v2", was first posted on marcusolsson.me.

Samtidigt så har de lanserat "Laravel VPS", deras egna alternativ till externa VPS-lösningar.

Forge

I våras så släpptes Laravels egna "Managed Cloud"-lösning "Laravel Cloud" som snabbt har blivit väldigt populärt för dem som inte vill hantera servrar utan endast är ute efter att snabbt publicera sina appar.

Många var då lite oroliga över att Forge kanske skulle falla lite i skymundan.

Visade sig att man inte alls behövde vara orolig. Nu har de anpassat samma designspråk som de använde för Laravel Cloud till Laravel Forge – vilket är en massiv förbättring från det tidigare gränssnittet. Allting är betydligt mer överblickbart och tydligare – även om det efter 11 år på den gamla plattformen tar en stund att hitta rätt. CMD+K finns numera dock för att hjälpa en.

Bland de nya funktionerna är att äntligen ingår "zero downtime deployments" direkt i Forge, istället för att man behöver gå via Envoyer likt tidigare. Detta kommer att spara otroligt mycket tid, huvudvärk och pengar för framtida sajter (OBS – "ZDD" erbjuds endast nya sajter konfigurerade via Forge, ej bakåtkompatibelt).

Forge är fortsatt extremt prisvärt och effektivt om man jobbar med servrar för flera projekt.

Laravel VPS

Laravel erbjuder numera en VPS direkt genom dem (läser man det finstilta så ser man dock att detta är genom DigitalOcean).

Kanske inget märkvärdigt med detta egentligen mer än att de erbjuder extrem snabb setup/provision. Runt 10 sekunder tar det att skapa och sätta upp servern. Rimligt prissatt likaså.

I slutändan kanske mest smidigt för dem som inte vill mecka med externa leverantörer som AWS, DigitalOcean eller annan tredjepartslösning och hantera sina kostnader direkt via Forge.

–

Forge har genom åren varit ett av de viktigaste verktygen i mitt arbete – i alla fall det som har sparat mest tid per krona spenderat. Jag är väldigt glad att se att Laravel-teamet fortsätter att satsa på Forge dess användare.

Allt nytt kring Forge och Laravel VPS kan du läsa direkt på Laravels officiella blogg.

This article, "Nya Laravel Forge är här!", was first posted on marcusolsson.me.

Hittade själv inte heller så mycket info kring uppkörningar i Borås, så tänkte att det här inlägget kanske är till nytta för någon annan.

I mitt eget fall har jag gått och funderat på A-körkort till och från sedan 20-årsåldern (då A2-körkort), men i år fanns äntligen luckan i schemat och utrymme i budgeten för att faktiskt ta tag i det.

På knappt två månader gick jag från att i princip aldrig ha kört något motordrivet på två hjul till att klara uppkörningen. Började köra i början av augusti och hade uppkörning i slutet av september.

Moment

De grundläggande delarna för ett A-körkort är egentligen likadant som att ta B-körkort (d.v.s. för personbil); man behöver skaffa ett lämplighetsintyg, genomföra riskutbildningarna ("1" och "2") sedan klara teoriprov samt uppkörningen.

Utbildning och körskola

Utbildningen för MC kan skilja sig markant ifrån den för personbil dock – de allra flesta som tar A-körkort har redan körkort för personbil, så fokusen ligger i princip helt och hållet på att klara uppkörningen och vad som skiljer mellan en motorcykel och bil. Inte så mycket fokus vid individuella småmoment som med bil.

Uppkörningen för MC är nämligen ganska annorlunda än den för personbil, innan du ens får köra i trafik på behöver du demonstrera flera moment på en manöverbana:

• Körning i krypfart på lågfartsbana
• Undanmanöver på högfartsbana
• Kraftig inbromsning till stillastående från 70 och 90km/h

Nästan halva utbildningstiden gick åt till att träna de delarna så att de satt så gott som prickfritt.

Känner man någon med MC som kan tänka sig vara handledare så är det värdefullt, särskilt för att få in mer timmar på motorcykeln och få erfarenhet i trafik. Samtidigt så har man sett och hört folk som har blivit lärda fel (vissa moment, regler och rekommendationer har även ändrats de senaste 10-20 åren) – så ett par lektioner på körskola är att rekommendera starkt i alla fall.

Jag själv hade dessvärre inte alls tillgång till privat handledare, så jag fick köra uteslutande via körskolan vilket såklart kostar lite extra. Men funkade ändå bra – de vet dessutom exakt vad provförättaren är ute efter och hur nuvarande rekommendationer ser ut.

14 lektioner + en extra teknik-/manöverkurs tog jag. En MC-lektion är som regel 80 minuter, så totalt 20h (+2h kurs) på motorcykel innan uppkörning. Om man har tillgång till privat handledare så skulle jag nästan rekommendera att satsa på det dubbla i alla fall för att vara än mer säker i sadeln.

Mina lärare sade efter ~12 lektioner att jag var redo för uppkörning, men jag bokade därefter in någon extra på manöverbanan och stadstrafik för att vara på den säkra sidan då jag ändå hade tiden.

Teori och uppkörning

Teori

Teoriprovet ska inte vara några större problem om man redan har B-körkort. Jag rekommenderar att man skaffar en teoriapp (själv använde jag "iKörkort MC", mycket bra) och läsa igenom pärm till pärm 2-3 ggr och sedan köra testproven ett dussintal gånger.

Teoriprovet för MC är nästan identiskt som för personbil, där kanske 5-10 frågor är mer MC-specifika (främst kring placering, säkerhet, själva maskinen och klassificeringen av motorcyklar).

Uppkörning

Jag körde upp i Borås, där första momenten – manöverbanan – ligger ute vid Viareds flygplats (fr.o.m. 2026 kommer det att vara vid Ryssnäs). Vi var en liten grupp på endast tre personer som samlades på morgonen där körskolan erbjöd lite uppvärmning strax innan vilket är att rekommendera så att man inte kommer in helt "kall".

Därefter anlände provförättaren från Trafikverket som gick igenom de olika momenten och hur dagen skulle se ut. Han var tydlig med att han inte släppte ut någon i trafiken som inte klarade manöverbanan, vid små fel så skulle man bli erbjuden max ett extra försök per moment. Han sade även att fuskande med hastighet (t.ex. att köra 45 istället för 50km/h på högfartsbanan skulle resultera i ett nytt försök).

Jag var sist ut i gruppen. Trots nerver lyckades jag klara samtliga delar utan några direkta konstigheter. Var kanske lite wobblig på lågfartsbanan då jag överdrev hastigheten och endast höll ca. 4km/h som jag lyckades rädda upp med kopplingen.

Samtliga i gruppen blev klara för trafik efter manöverbanan vilket var kul att se.

Då jag hade kört sist och redan satt på motorcykeln så fick jag köra först i trafik och utgick därmed ifrån Viared, i annat fall är det ifrån Trafikverkets nya lokaler i Druvefors som gäller.

För de som känner till Borås; jag fick köra igenom industriområdet Viared, landsväg (Funningevägen ut mot Bosnäs och tillbaka), på och avfarter på Rv27 (Trafikplats Osdal), tätortskörning främst på Göta (via Varbergsvägen), lite filbyten och "destinationsplanering" vid Brodalsmotet (Gina Tricot-huset/Makrillen) och därefter tillbaka till Trafikverket på Druvefors. Totalt strax över 30 minuter.

Ett tag på Göta körde vi högersvängar runt Bredalsgatan-Götagatan-Alvestagatan 2-3ggr vilket jag tyckte var lite skumt, men förstod att jag förmodligen hade gjort något misstag som han ville dubbelkolla – så jag var extra noggrann med döda vinkeln över cykelbanan, inbromsning (fram + bakbroms), placeringen och bromsberedskap vid utfarterna. Efter avslutat uppkörning bekräftade han att han tyckte jag hade slarvat med högerplacering vid korsning i första varvet – och därför hade vi kört dem ett par gånger till där han såg att jag rättade till det.

Annat så tyckte han att det såg väldigt bra ut och meddelade att han markerar körprovet som godkänt. Fem minuter senare fick jag resultatet via mail.

Uppkörningstips

Inga direkta nya moment ska dyka upp på uppkörningen om man har tränat/tränats ordentligt. Utan var fokuserad, var lugn och se det som en vanlig körlektion där du ska visa upp allt du har lärt dig.

• Bromsberedskap! Dolda utfarter är en potentiell livsfara, visa att du är beredd. Likadant i korsningar med högerregel, lys här gärna upp bromshjuset (utan kraftfull inbromsning såklart) för att påminna bakomliggande bilar.
• Använd alltid både fram- och bakbroms.
• Landsväg; håll långt till höger i dolda kurvor. Något till höger i backkrön. Vid fri sikt, skär linjer något.
• I trafik, placering; vid korsning utan färdriktningsmarkeringar håll långt till höger/vänster vid höger- och vänstersväng. (Här går ju åsikterna isär något, men är vad de lär ut och vill se i Borås i alla fall.) I annat fall är körfältet ditt – gör dig "stor".
• Glöm inte att stänga av blinkers!
• Det vanliga; överdriv backspegelkontroll, check av döda vinkeln o.s.v.

Provförättaren var också väldigt tydlig med att han inte ville se någon "mesåkning", utan att han behöver se hur man kör "på riktigt". Ordentliga accelerationer vid fri sikt och väg. Man ska köra defensivt, men för låga hastigheter och överdriven försiktighet ser inte bra ut och ger ett osäkert intryck vilket kan vara orsak för kuggning.

Till sist, var ödmjuk och känn till dina egna begränsningar. Läser man forum och annat om uppkörningen får man lätt intrycket att världens bästa MC-förare blir kuggade till höger och vänster. Det sker förmodligen extremt sällan. Blir man kuggad så har man förmodligen gjort ett allvarligt fel eller har tillräckligt många småbrister att man helt enkelt inte är en säker förare, antingen för sig själv eller andra. Ta en extra lektion och be läraren vara kritisk så att du får chansen att rätta till eventuella brister.

Trafikverket (tillsammans med STR) har en väldigt bra sida kring vad provförättaren tittar på och hur man kan identifiera sina egna brister.

Kostnad

Att ta MC-kort är dyrt, så enkelt är det. Om man kör även privat så kommer man såklart ner i pris för lektionerna, men man behöver ändå vara beredd på att betala en hel del. I mitt fall delade jag upp kostnaderna i tre kategorier; obligatoriska delar, körlektioner och "övrigt".

Obligatoriska delar

Dessa kommer man inte undan; utan detta är för Trafikverkets avgifter samt de obligatoriska riskutbildningarna (där priset kan variera kraftigt mellan de olika körskolorna).

Så kör du helt privat, behöver inte hyra motorcykel eller köpa utrustning och klarar körprovet på första försöket så kan du i bästa fall komma undan med blott 7 415kr.

Körlektioner

Antalet körlektioner varierar såklart kraftigt från person till person; finns de som bara tar någon eller några. Men jag träffade en på riskutbildningen som hade närmare 30 lektioner genomförda och/eller bokade. I mitt fall:

Övrigt

Denna kategori kanske inte tillämpas för alla beroende på vilka förutsättningar man har. Kör man t.ex. via körskola så finns nästan all utrustning att låna, men rekommenderar ändå att köpa den själv om man har möjlighet – dels så känns det bättre när allt sitter "rätt" och man slipper använda en hjälm som har används av 3-4 andra personer den dagen i 30 graders värme... Blir lättare att fokusera på rätt saker helt enkelt.

Man kan realistiskt förmodligen komma undan med ~7-8000kr för utrustningen. Men man vill ändå ha något som man kan köra med i både varmt och svalare väder – och att den har rätt skyddsklassning såklart. Är man ändå inställd på att ta kortet så köp också en kvalitétshjälm direkt – sitter bättre, är tystare och har ofta bättre alternativ för framtida uppgraderingar (visir, intercom o.s.v.).

Totalt pris för mitt körkort inkl. skyddsutrustning blev alltså 45 635kr. Vilket såklart är en hutlös summa för de flesta. Lägg därtill eventuell förlorad lön för kurser och prov o.s.v. så är det fullt förståeligt varför A-körkort är och förblir en dröm för många.

Värt att tillägga dock är att man knappst behöver göra det i så snabbt tempo; många kör någon lektion och gör Risk 1 på hösten, och sedan tar resten på våren.

Summering

Är det värt det då? Det kan endast en själv svara på!

I mitt fall så har det verkligen varit det; äntligen så behöver jag inte fundera mer på detta efter alla år. En ny färdighet att checka av.

Man har också fått träffa nya intressanta människor och man har fått sig en tankeställare kring olika delar av trafiken som förmodligen även har gjort en till en bättre och säkrare bilförare. Inte minst så har det varit roligt (om än lite stressigt och nervöst emellanåt)!

Ett sista tips om detta är något du verkligen är intresserad av; boka i tid! Väldigt ont om utbildnings- och uppkörningstider. Bokade i mars/april och de hade de precis en enda ledig uppkörningstid bland säsongens sista veckor i september med start för övningskörning i augusti.

Nu blir det till att budgetera för inköp av en egen motorcykel inför kommande säsong – förmodligen någon av de populära mellanklassarna som första modell (står mellan CB750, MT-07/XSR 700 eller kanske en GSX-8?)

Ses på vägarna – kör säkert!

This article, "Att ta MC-körkort", was first posted on marcusolsson.me.

Efter flera undersökningar och analyser den senaste tiden¹ som pekar på att AI-svaren ger en sämre CTR (click through rate) till faktiskt relevanta webbplatser slår Google nu ifrån sig² – och istället hävdar att AI istället faktiskt leder till mer trafik och "higher quality clicks".

Google kanske menar att det leder till fler klick, bara inte genom Google utan genom alternativ så som DuckDuckGo?

–

Anekdotisk bevis, ja visst, men mina egna sajter har sett en stagnering av trafik från Google (och i vissa fall ett tapp) över en 24-månaders period. Medan trafik från t.ex. DuckDuckGo och Bing har gått upp flera 100% (förvisso från väldigt små volymer för två år sedan). Men, utav någon anledning får en av mina andra bloggar (olssonbygger.se) väldigt mycket trafik från ChatGPT, många som bygger altaner med hjälp av en chatbot?

Googles index är fortfarande bäst i mitt tycke när det kommer till nischade ämnen och om man orkar scrolla förbi annonser, AI-svar och Reddit-inlägg. Men annars så är DuckDuckGo en betydligt bättre användarupplevelse som fortfarande visar det man vill ha; relevanta sökresultat – dessutom utan att sälja all ens information. Bytte för över ett år sedan och kan räkna på en hand hur många gånger i månaden jag använder Google.

This article, "Google: vi förstör inte sökresultaten", was first posted on marcusolsson.me.

En konkurrerande webbutvecklare som har stulit all design och text från min webbplats. Visst att "Imitation is the sincerest form of flattery" och allt det där, men att titulera sig själv som webbutvecklare/-designer och sedan själva något som någon annan har lagt tid och energi på att skapa är mest pinsamt och ganska sorgligt.

Startsida

Tjänsteutbud

Kontaktsida

T.o.m. idén till favicon:en är kopierad...!?

Får väl ge lite cred till att den som har kopierat har uppdaterat designen något (har själv inte uppdaterat på snart 3+ år). Men det som är mest störande är ändå texten, då detta är min personliga text som jag har skrivit och uppdaterat år efter år, tycker att det är ganska oförsvarbart att stjäla den rakt av.

Men vad ska man göra då? I teorin kan jag ju stämma i domstol då all originel text är upphovsrättsskyddad i Sverige. Men så långt ska det förhoppningsvis inte gå, istället prövade jag att höra av mig till förövaren och hoppas på att han väljer att plocka ner det och skriver ihop något eget istället. Får se om han väljer att lyssna.

Väldigt tråkigt är det i alla fall. Uppdatering kommer när något nytt sker.

Uppdaterat: Den andra parten har plockat ner webbplatsen och bett om ursäkt – så detta är överspelat.

This article, "Min webbplats har blivit stulen", was first posted on marcusolsson.me.

Vad som också är lite speciellt för i år är att det i princip inte finns några "breaking changes" mellan Laravel 11 och 12¹. Kör ens projekt Laravel 11 så ska det gå att uppdatera till Laravel 12 rakt av.

Vad större fokus har varit i år är ekosystemet för Laravel i stort. Nytt är Laravel Cloud, och Laravel (som produkt) har fått en uppdaterad grafisk profil.

Ny grafisk profil och sajt

laravel.com har fått sig ett nytt lager av färg och förbättrad struktur. Dokumentationen är lika lätt att hitta till och söka igenom som tidigare, men de har förtydligat ekosystemet där de pekar ut vad som är en "produkt" (som kostar pengar) och vad som ingår i deras paraply of officiella open source paket (som t.ex. Socialite och Horizon – men inte Livewire...?).

Vid intresse så gick Laravels nya "Head of design" David Hill igenom designtänket vid Laracon EU häromveckan, väl värt att ta en titt.

Starter kits

Nytt är också att de har gjort om konceptet kring "starter kits". Alltså valfria tillägg som du kan lägga till vid en ny installation för att få autentisering o.s.v. "gratis". Jag själv har alltid använt mina egna mellan projekt, och har tyckt att skillnaderna mellan tidigare "Jetstream" och "Breeze" var väldigt knepiga.

Nu väljer man istället sin stack; React, Vue eller Livewire. De två förstnämnda kommer med Tailwind/shadcn, och Livewire kommer med sitt egna "Flux".

Ska bli spännande att pröva Livewire-kitet vid kommande projekt.

Laravel Cloud

Laravel har nu lanserat sin egna "Managed Cloud"-lösning som de kort och gott kallar för "Cloud".

Cloud strömlinjeformar ens setup där man helt enkelt väljer vilken kod som ska deployas, kopplar ihop en databas (och cache + fillagring ) och klickar på deploy. Cloud tar hand om resten. Allt ifrån autoscaling till SSL-cert etc.

Testat runt lite och måste säga att gränssnittet är superbt – detta har de lyckats väldigt bra med. Men det är nog sällan en tjänst som jag skulle ha användning av då jag föredrar att ha full kontroll över mina servrar, så jag stannar på Forge i en överskådlig framtid.

Det skulle då eventuellt vara för enklare kundlösningar där man inte behöver installera egna paket på servern som detta skulle kunna bli aktuellt.

Som alltid med denna typen av produkter så är priset alltid ett frågetecken också, blir alltid i förväg svårt att budgetera. Komplett prislista för compute, db o.s.v. finns här. Klart är i alla fall att om jag skulle flytta mina 100+ sajter och projekt ifrån Forge till Cloud så skulle det kosta en mindre förmögenhet.

Blir också lite fundersam var tidigare "Vapor" passar in i detta. Det är snarlikt Cloud, men är låst endast till AWS Lambda. Cloud stödjer "hibernation", så tror inte Vapor kommer vara särskilt relevant framöver.

This article, "Laravel 12 (och Laravel Cloud)", was first posted on marcusolsson.me.

Dela via 1Password? Helt okej. Krypterad .zip med separat leverans av lösenord via SMS? Funkar för det mesta. "Okända" externa tjänster börja bli lite mer känsligt … och att be folk att signa upp för t.ex. Keybase kan vara mycket begärt (men ändå enklare än att be någon köra PGP lokalt).

Så jag snickrade ihop en enkel webbapp med Alpine.js och OpenPGP.js som läser in min publika PGP-nyckel och tillåter en att kryptera meddelanden ämnade för mig. Därefter kan jag dekryptera meddelandet enkelt med min privata nyckel.

Själva appen blev på knappt 30 rader:

 1document.addEventListener('alpine:init', () => {
 2    Alpine.data('encryptor', () => ({
 3        message: '',
 4        encryptedMessage: '',
 5 
 6        async fetchPGPKey(url) {
 7            const response = await fetch(url);
 8            return response.text();
 9        },
10        async encryptMessage(publicKeyArmored, message) {
11            const publicKey = await openpgp.readKey({ armoredKey: publicKeyArmored });
12            const encryptedMessage = await openpgp.encrypt({
13                message: await openpgp.createMessage({ text: message }),
14                encryptionKeys: publicKey,
15            });
16 
17            return encryptedMessage;
18        },
19        async encrypt() {
20            const publicKeyURL = '-----BEGIN PGP PUBLIC KEY BLOCK-----xxx';
21            try {
22                const publicKeyArmored = await this.fetchPGPKey(publicKeyURL);
23                this.encryptedMessage = await this.encryptMessage(publicKeyArmored, this.message);
24            } catch (error) {
25                console.error('Encryption failed:', error);
26                this.encryptedMessage = 'Encryption error.';
27            }
28        }
29    }));
30});
 1document.addEventListener('alpine:init', () => {
 2    Alpine.data('encryptor', () => ({
 3        message: '',
 4        encryptedMessage: '',
 5 
 6        async fetchPGPKey(url) {
 7            const response = await fetch(url);
 8            return response.text();
 9        },
10        async encryptMessage(publicKeyArmored, message) {
11            const publicKey = await openpgp.readKey({ armoredKey: publicKeyArmored });
12            const encryptedMessage = await openpgp.encrypt({
13                message: await openpgp.createMessage({ text: message }),
14                encryptionKeys: publicKey,
15            });
16 
17            return encryptedMessage;
18        },
19        async encrypt() {
20            const publicKeyURL = '-----BEGIN PGP PUBLIC KEY BLOCK-----xxx';
21            try {
22                const publicKeyArmored = await this.fetchPGPKey(publicKeyURL);
23                this.encryptedMessage = await this.encryptMessage(publicKeyArmored, this.message);
24            } catch (error) {
25                console.error('Encryption failed:', error);
26                this.encryptedMessage = 'Encryption error.';
27            }
28        }
29    }));
30});

Och därtill lite HTML:

 1<div
 2    x-data="{...encryptor()}"
 3>
 4    <div x-show="!encryptedMessage">
 5        <textarea x-model="message"></textarea>
 6        <button @click="encrypt">Kryptera</button>
 7    </div>
 8    <div x-show="encryptedMessage">
 9        <textarea x-model="encryptedMessage" disabled></textarea>
10    </div>
11</div>
 1<div
 2    x-data="{...encryptor()}"
 3>
 4    <div x-show="!encryptedMessage">
 5        <textarea x-model="message"></textarea>
 6        <button @click="encrypt">Kryptera</button>
 7    </div>
 8    <div x-show="encryptedMessage">
 9        <textarea x-model="encryptedMessage" disabled></textarea>
10    </div>
11</div>

Funkar riktigt bra för mina ganska enkla behov. Själva appen hittar du här.

This article, "App för att kryptera meddelanden", was first posted on marcusolsson.me.