Camilo clsource

Svelte5: A Less Favorable Vue3

Background

Svelte5 was released in October last year, touted as the best version of Svelte to date. The team was particularly proud of "runes," a reactive state system built on proxies. However, after experiencing Vue3's Composition API and SolidJS signals, I didn't feel particularly excited. This blog outlines specific issues encountered when using Svelte5 in real projects. If you're a Svelte5 enthusiast, you might want to stop reading now.

Runes Only Work in Svelte Components or .svelte.ts Files

When trying to write hooks with runes similar to React/Vue, like useCounter:

Libraries and Frameworks Working Group

Mission Statement

To provide resources for library and framework authors to ensure that BEAM languages have a rich, vibrant ecosystem with a high degree of developer experience. Main Objectives
Provide and maintain best practices on library and framework standardization, documentation, code, and distribution. Collaborate to work on and make proposals for underlying tooling that improve the experience for library/framework authors and users.
Provide more visibility into the library ecosystem of Elixir on behalf of both authors and users.
(if Build and Packaging want to move this here, we could also take this over) Improve the user experience in generating and accessing documentation from the shell, IDEs, web pages, and more.

Single Page Oban Web

Application.put_env(:sample, Sample.Repo, database: "oban_dev")

Application.put_env(:phoenix, :json_library, Jason)

Application.put_env(:sample, Sample.Endpoint,
  http: [ip: {127, 0, 0, 1}, port: 5001],
  server: true,

Hello, Diagrams!

GitHub recently added support for including Mermaid diagrams in Markdown files. The good news is that it works for AsciiDoc files as well. Here is an example:

sequenceDiagram
    participant Alice
    participant Bob

Creating a `.so` dynamic library of a haskell program and calling it from C

TLDR:

Export a haskell function with foreign export.
Create a C wrapper that calls hs_init when the library is loaded.
Compile the .hs and .c wrapper with ghc, linking with lHSrts-ghc8.6.5
Use it from C by linking as usual.

(For more details, see here.)

For anyone who develops software on Windows (but needs quick access to a Linux terminal), here's a quick and easy way to get it with MSYS2.

Before starting, install "MSYS2" with default settings.

From Windows search, launch 'regedit.exe'
Navigate to "HKEY_CLASSES_ROOT\Directory\Background\shell"
Right-click on 'shell' and select New>Key. Call this key MSYS2.
Now right-click on 'MSYS2' and select New>Key. Call this key command
Select command and then double-click on (Default). Set 'Value data' to "C:\msys64\msys2_shell.cmd" "-here"

Using MSYS2 with Visual Studio Code is extremely easy now thanks to the Shell Launcher extension by Tyriar.

First, install the extension and reload Visual Studio Code.

Then, open the settings.json to edit your settings.

Add the field shellLauncher.shells.windows. I recommend using autocompletion here so that all the default shells are added.

You should having something like this now:

	import {
	createContext,
	ReactNode,
	useCallback,
	useContext,
	useEffect, useMemo,
	useRef,
	useState
	} from "react";
	import {Channel, Presence, Socket} from "phoenix";

	import io, string, sys, zlib
	CH3_DMF_VOL_IS_DS_VOL = False

	def sane(a):
	cap = True
	t = ""
	for i in a.decode():
	if i in string.ascii_letters + string.digits + "_":
	t += i.upper() if cap else i
	cap = False

	import JavaScriptCore

	extension JSContext {
	subscript(key: String) -> Any {
	get {
	return self.objectForKeyedSubscript(key)
	}
	set{
	self.setObject(newValue, forKeyedSubscript: key as NSCopying & NSObjectProtocol)
	}