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.

Core Philosophy

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;