Angel S. Moreno angelxmoreno

Bun tooling bootstrap

A baseline setup for a new TypeScript/Bun project. Used in silica-cli. Copy the files, tweak the values that are personal preference, ship.

What you get

Biome for linting and formatting (replaces ESLint + Prettier)
Lefthook for git hooks
commitlint enforcing conventional commits
Fallow for codebase intelligence (dead code, duplication, complexity)

Desktop UX Standards Inside a Web Tech Stack

Overview

Modern applications are increasingly built with web technologies but are expected to behave like professional desktop tools. This document defines the principles, patterns, and behavioral rules that make a web-based application feel desktop-class instead of page-centric.

The gap between web and desktop UX has narrowed significantly. Apps like Linear, Figma, Notion, and VS Code for the Web have proven that a web stack can fully achieve desktop-class behavior. The distinction this document draws is about intent and defaults, not a hard capability ceiling: desktop UX is a choice to optimize for long-lived, high-efficiency workflows, and the web platform now provides everything needed to make that choice.

Install deps

npx husky-init && yarn add -D eslint prettier eslint-config-universe lint-staged @commitlint/cli @commitlint/config-conventional eslint-plugin-md

Add config rules to your package.json file:

"eslintConfig": {
      "root": true,
      "ignorePatterns": [


	function _encode(obj: object) {
	let string = "";

	for (const [key, value] of Object.entries(obj)) {
	if (!value) continue;
	string += `&${encodeURIComponent(key)}=${encodeURIComponent(value)}`;
	}

	return string.substring(1);

	<?php
	declare(strict_types=1);

	namespace SeoBakery\Test\TestCase\Core;

	use Cake\ORM\Table;
	use Cake\ORM\TableRegistry;
	use Cake\TestSuite\TestCase;
	use SeoBakery\Test\SeoObjects\Product;

	import {
	BeforeCreate,
	BeforeUpdate,
	Collection,
	Entity,
	EntityManager,
	EntityRepositoryType,
	ManyToOne,
	OneToMany,
	Property,

	<?php
	namespace App\Controller\Api;

	use App\Controller\AppController;
	use Crud\Controller\Component\CrudComponent;
	use Crud\Controller\ControllerTrait;
	use Exception;

	/**
	* ApiApp Controller

	import React from 'react';
	import {useField} from 'formik';
	import {FormFeedback, FormGroup, Input, Label} from 'reactstrap';

	export const InputText = ({label, ...props}) => {
	props.type = props.type \|\| 'text';
	const [field, meta, helpers] = useField(props);
	const id = `${field.name}Input`;
	const isInvalid = !!(meta.touched && meta.error);
	const errorMsg = meta.error \|\| ' ';

	<?php

	namespace App\Authentication\Authenticator;

	use ArrayAccess;
	use Authentication\Authenticator\FormAuthenticator;
	use Authentication\Authenticator\Result;
	use Authentication\Identifier\IdentifierInterface;
	use Cake\Utility\Security;
	use Firebase\JWT\JWT;