Yonatan Kra
LightNews LightNews
banner
yonatankra.com
Yonatan Kra
@yonatankra.com
280 followers 81 following 420 posts
Javascript developer, web components groupie, design systems, web performance, gamer and a scifi and fantasy author. Father of 4, hence the jokes ;)
https://yonatankra.com
Posts Replies Media Videos
yonatankra.com
Are you writing with AI? I'm getting low scores on my text detector (meaning it's probably human-written!).

Will we need a "No-AI" badge for human-made art?

As an author, I enjoy to create. As a reader, the test is if I enjoyed the story or book.

#wattpad #indieauthor #fantasy #authorlife #AIArt
A screenshot of a result page from an AI content detector. The top of the page reads "Your Text is Human written." Below this, there is a large, semi-circular progress bar. The bar is mostly light grey, with a small green and blue segment on the far left. In the center of the arc, it shows the text "5.83% AI GPT*," indicating the percentage of the text that was detected as AI-generated.
September 6, 2025 at 7:45 AM
yonatankra.com
Nice one!
If I complete only 6 out of 9, it'd be great!
A simple visual mind map titled "WRITING GOALS SEPTEMBER." It contains a grid of nine rounded, rectangular boxes. Each box has a different color and contains a different goal. The goals are: "Read Hostage by Eli Sharabi," "Read Archangels Sisters: Spring of Souls by N.B. Shira," "Finish writing Jack's Bane first book," "Finish editing Dynazeer's first novel get at least 2/3 done," "Write two indie fantasy books reviews," "Complete the children's fantasy reading app," "Complete the outline for the Logicans book," "Spend time with family," and "Run."
September 1, 2025 at 2:34 PM
yonatankra.com
OMG!
I can't be a prouder LLM trainer.

#softwaredevelopment #javascript #typescript #tdd #mcp
A close-up screenshot of a software development environment, likely from an IDE or a terminal. The main text is a developer's comment celebrating a clear architectural decision. It says, "Perfect! Clear architecture decisions. Let me delete the premature implementation and start with tests following TDD." The text is followed by a console command to remove a file, rm src/services/MCPPlaywrightClient.ts, indicating the developer is deleting the existing code to start over with a test-driven development approach.
September 1, 2025 at 1:05 PM
yonatankra.com
Remember a new chapter of Jack's Bane drops every day this week?

Just finished drafting Saturday's chapter—and wow, the plot twist surprised even me.

Catch up from the beginning: buff.ly/G0X8z6H

Read it all: buff.ly/lM3QsEY

#wattpad #indieauthor #fantasy #comedyfantasy #authorlife
A screenshot of a "Table of contents" or list of articles. The list shows four entries in a light grey color, and four entries below them highlighted in a light green background with a green dot next to each title. The titles are: Jack's Bane (Tue, Jul 29, 2025), Mistakes, Mentors, and Magical Mishaps (Fri, Aug 1, 2025), Of Pigs, Honor, and Missed meals (Sun, Aug 3, 2025), Mud, Fury, and the Fish (Tue, Aug 5, 2025), Web of Intentions (Fri, Aug 15, 2025), A Web Well Done (Fri, Aug 22, 2025), Barn's Bane (Tue, Aug 26, 2025), and Beauty and the Bane (about 5 hours ago).
August 27, 2025 at 10:49 AM
yonatankra.com
Jack and Bane are going to get a new chapter every day starting tomorrow.
Free read at www.wattpad.com/story/398983...

#wattpad #indieauthor #fantasy #comedyfantasy #authorlife
Anime-style fantasy illustration of two young adventurers in a chaotic battle scene. In the foreground, a dark-haired boy in a blue tunic kneels on the ground, wide-eyed and alarmed, with glowing sparks of orange magic bursting from his hand. Behind him stands a tall, muscular blond warrior in armor and a helmet, grinning confidently while gripping a large sword. Around them, enemies lie defeated on the forest floor, with a fire burning brightly in the background among tall trees. The mood is tense yet heroic, with a contrast between the sorcerer’s fear and the warrior’s bravado.
August 25, 2025 at 2:29 PM
yonatankra.com
Jack’s stuck to a tree. Bane’s covered in blood and mud. Too many giant spiders.

Slippy the fish? Still alive—barely.

Mud, Fury, and the Fish — new chapter of The Bane of Jack the Sorcerer now up.

buff.ly/9oJg4Rs

#IndieAuthor #Wattpad #FantasyBooks #IndieFantasy #FantasyReaders #JacksBane
A stylized, cartoon-like illustration of a dramatic fantasy scene at dusk. In the foreground, a young man with blond hair and a red cape is aggressively lunging forward with a short sword. He looks angry and determined. To his right, another young man with dark hair is on the ground, tangled in ropes, with a frightened expression. Both are surrounded by several small, pink pigs. In the background, a massive, menacing spider with glowing red eyes looms over the scene, while two other smaller, shadowy figures with glowing eyes are visible to the far left. A wooden building and a horse are visible in the background, and the sky is a vivid orange. A jar with a small, green creature inside sits on the ground between the two main characters.
August 10, 2025 at 4:34 AM
yonatankra.com
Three pigs. One mule. What can go wrong?
Jack the Sorcerer returns in Chapter 3 — featuring heroic delusions, spiritually questionable bread, and a fish with teeth.

Read the new chapter here:
w.tt/4moCLxd
Or start from the beginning:
w.tt/4mqLXBh

#FantasyComedy #Fantasy #JackTheSorcerer #wattpad
A stylized, cartoon-like illustration of a group of characters reacting to a spooky, night-time setting. In the foreground, a muscular man with spiky blond hair and a red cape looks terrified, holding up one hand in a defensive gesture while clenching a jar with a glowing, mischievous-looking creature in the other. Behind him, two wide-eyed pigs peek out from a wooden cart. To the left, a dark-haired figure with a glowing star on their chest looks on calmly, standing next to a grey horse with an equally stoic expression. The background is a dark, starlit sky with glowing red eyes and several large spiders lurking around a wooden building. The art style has a textured, slightly grainy filter over it.
August 3, 2025 at 7:44 PM
yonatankra.com
Congrats. Read the abstract and it sounds like an amazing story.
Note there is a possible typo:
An image presenting part of the "Thirteen" intro with a red circle around a possible typo
August 2, 2025 at 8:02 PM
yonatankra.com
Jack the Sorcerer is back.
Loud warriors? Check.
Accidental spells? Check.
Mentors with dramatic flair? Absolutely.
Also: mildly cursed fish.

Read Chapter 2 of The Bane of Jack the Sorcerer now!

www.wattpad.com/1565110143-t...

#Wattpad #FantasyFiction #WritingCommunity #IndieAuthor #ComedyFantasy
Anime-style fantasy illustration of a misty lakeside at dawn. A young sorcerer boy sits cross-legged near the water, looking annoyed, while an eccentric older wizard in patchwork robes leans in animatedly, gesturing as if lecturing. In the background, a muscular warrior stomps through the lake holding a small, angry, sharp-toothed fish. The scene is lighthearted and magical, with soft mist, fantasy lighting, and comedic character expressions.
August 1, 2025 at 10:49 AM
yonatankra.com
1/
Just read The State of CD 2025 by @davefarley77.bsky.social
Insightful and encouraging as it gives a clear path for improvement.

The study looked at nearly 100 organizations and how well they apply 14 key Continuous Delivery practices.

Most are doing well culturally. Technically? Not so much.
Slide titled "The State of CD 2025." It summarizes findings from a study on nearly 100 organizations. The slide shows that most companies succeed in cultural aspects like autonomous teams, pipeline discipline, and process flow. However, many struggle with technical areas such as trunk-based development (35% adoption), test automation (42% coverage), and complete deployment pipelines (47%). It concludes that the top 10% of companies excel by investing in robust test automation, daily deployments, rollback pipelines, and observability.
July 31, 2025 at 1:32 PM
yonatankra.com
I'm moving to #flutter.

That's it. No punch.
Saitama from One-Punch Man, drawn in black and white manga style, looking unimpressed with a speech bubble saying 'OK'.
July 24, 2025 at 1:58 PM
yonatankra.com
Hi @bsky.app !
I'm back after a long time off the web.
How are things?
Here's something to open your day with
A screenshot of a Strava activity titled "Morning Run" by Yonatan Kra. The run covered a distance of 18.0 km with an elevation gain of 168 meters, completed in 1 hour and 23 minutes. A map shows the winding route taken through a residential area labeled "Modi'in-Maccabim-Re'ut," with various neighborhoods like "Haprahim," "Hanehalim," "Masua," and "Hashvatim" visible. The route itself is highlighted in orange, showing a roughly circular path with some extensions.
July 22, 2025 at 7:18 AM
yonatankra.com
Did you know you can close issues with commit messages?

Short Version:
Use `closes #13` to close issue #13 (replace 13 with your issue number) in your GitHub repository. Just commit this as the commit message and watch the magic happen.

#github #ci #cd #opensource #softwaredevelopment
A screenshot of a GitHub issue timeline showing two recent actions: 1. YonatanKra closed the issue as "completed" 13 minutes ago. 2. github-project-automation moved the issue to the "Done" column in the "My App" project 13 minutes ago.
February 12, 2025 at 7:06 PM
yonatankra.com
Getting better at this.
A screenshot of a running app showing a completed run of 17.01 km with a pace of 4:27/km and a time of 1 hour and 15 minutes
January 4, 2025 at 10:11 AM
yonatankra.com
Hey Web Component ppl who meddle with design systems.
I checked 3 design systems that came up first in Google search, and validation was nonexistent.
When you build a form control, do you form-associate it? How do you handle validation?

#webcomponents #designsystem #html #javascript
A browser developer console screenshot showing two lines of JavaScript code: $0.validity This line attempts to access the validity property of the selected element ($0). The result is undefined, indicating that the selected element does not have a validity property. $0.checkValidity() This line attempts to call the checkValidity() method on the selected element. An error message is displayed: "Uncaught TypeError: $0.checkValidity is not a function" indicating that the selected element does not have this method. This suggests that the selected element is not an HTML form control element (like an input field, select, or textarea) that has built-in validation capabilities.
January 2, 2025 at 4:28 AM
yonatankra.com
Just became a local legend at the age of 43.8 meself 😉.

Have a great bday
A running app screenshot highlighting a 16.09 km run with a 4:35/km pace and the achievement "You're the Local Legend on Up the queen."
December 28, 2024 at 9:43 PM
yonatankra.com
After a period of stagnation, I'm getting back on track. I'm even a local legend now.
Next stop: 21K

#running #health
A running app screenshot highlighting a 16.09 km run with a 4:35/km pace and the achievement "You're the Local Legend on Up the queen."
December 28, 2024 at 9:42 PM
yonatankra.com
The wait is over! 🎉 You can now filter your Alt Text score by time range. My score improves with newer posts—proof that I’ve grown from “bad” to much better! 🫡 Built with a sleek range-slider web component. Check your score now: bskyalt.yonatankra.com

#webcomponents #javascript #a11y
December 26, 2024 at 3:13 PM
yonatankra.com
New Feature in the AltText Game: Search users by handle!
Had a few minutes to add this feature - still using Vanilla JS with web components :)
bskyalt.yonatankra.com
#javascript #webcomponents #a11y
December 25, 2024 at 2:08 PM
yonatankra.com
A new web component in town: The Heart Component
It's part of the AltTextGame, but is now also a standalone component.
Play with the heart's size, fill and fill color in this CodePen.
Want any more features? Feel free to file an issue or contribute

#webcomponents #javascript #typescript
An interactive graphic with sliders to express feelings of love. The 'How big is your heart?' slider is positioned towards the larger end, and the 'How much do you love me?' slider is near the middle. The 'Color of your Love' is displayed as red. Below, a simple red heart icon with a white highlight reflects the red color choice.
December 22, 2024 at 3:00 PM
yonatankra.com
Building a web component BlueSky bot, part 1.
While part 1 doesn't touch web components yet, it describes how to build an isomorphic "bot" that can run both in a Nodejs backend as well as in the browser.

#javascripr #webcomponents #tdd #testing
Illustration to depict a BlueSky bot. A robotic figure with fairy wings. The robot has a blue and silver metallic body, with details suggesting internal mechanics. The wings are large, delicate, and translucent. Above the robot's head floats a glowing blue butterfly with a faint halo.
December 21, 2024 at 5:22 AM
yonatankra.com
It's Almost ready!!!
Progress report on my small side project:
Finished the basic UI. It looks like... well... I designed it.
Design makeover tomorrow and then I'll be able to share it with y'all.
I believe it's going to benefit the whole @bsky.app network :)
Do you enjoy the tests stats like I do?
A code coverage report showing 100% coverage for all tests in the find-altless-posts.ts, agent, components, app.ts, components/alt-text-meter, and alt-text-meter.ts files. The report includes statistics on statement, branch, function, and line coverage, all of which are 100%. The test suite took 395 milliseconds to run and passed all 32 tests out of 32.
December 18, 2024 at 8:11 PM
yonatankra.com
A 100% test covered bot.
How about that?
Even though it is 100% covered, the tutorial itself is only 90% ready...
Would you like to know how to build a web component bluesky game?
#webcomponents #bluesky #javascript
A code coverage report showing 100% coverage for all tests in the posts.ts file. The report includes statistics on statement, branch, function, and line coverage, all of which are 100%. The test suite took 97 milliseconds to run and passed all 15 tests.
December 17, 2024 at 7:11 PM
yonatankra.com
Just finished writing a children's story.
It'll be published as a #VanillaJS #webcomponents app using the Vivid #DesignSystem
For backend I'll be using @remult.dev
It will take a while because I have an hour here and there, but I'll report on my progress.
Buzzwords are fun to put together ;)
December 11, 2024 at 7:35 AM
yonatankra.com
Another month, another small step forward. Grateful for the continued support of readers. #writerslife #kindledirectpublishing
An email from Amazon Accounts Payable notifying the recipient, Yonatan Kra, about a royalty payment for Kindle Direct Publishing (KDP) sales in the US Kindle Store. The email provides details about the payment number, date, and a link to the Payment Report.
December 8, 2024 at 5:10 PM