Anibal anaibol

Verified Spec-Driven Development (VSDD)

The Fusion: VDD × TDD × SDD for AI-Native Engineering

Overview

Verified Spec-Driven Development (VSDD) is a unified software engineering methodology that fuses three proven paradigms into a single AI-orchestrated pipeline:

Spec-Driven Development (SDD): Define the contract before writing a single line of implementation. Specs are the source of truth.
Test-Driven Development (TDD): Tests are written before code. Red → Green → Refactor. No code exists without a failing test that demanded it.

Remix request cheatsheet

Navigates?	declarative?	Makes GET, triggers loader	Makes POST, triggers action	No requests
navigates	declarative	`<Link to="">` `<Form method="get">`	`<Form method="post">`	`<Link to="#...">`
navigates	imperative	`navigate()` `setSearchParams()`	`submit()`	`navigate("#")`
stays	declarative	`<fetcher.Form method="get">`	`<fetcher.Form method="post">`	(doesn't make sense)
s

Pure ESM package

The package that linked you here is now pure ESM. It cannot be require()'d from CommonJS.

This means you have the following choices:

Use ESM yourself. (preferred)
Use import foo from 'foo' instead of const foo = require('foo') to import the package. You also need to put "type": "module" in your package.json and more. Follow the below guide.
If the package is used in an async context, you could use await import(…) from CommonJS instead of require(…).
Stay on the existing version of the package until you can move to ESM.

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Ollama's Adventure</title>
	<style>
	* {
	margin: 0;
	padding: 0;

	import { z } from 'zod';
	import { getParams } from './params';

	const envSchema = z.object({
	NODE_ENV: z.string(),
	DATABASE_URL: z.string().url(),
	SESSION_SECRET: z.string(),
	AUTH_SECRET: z.string(),
	ENABLE_REGISTRATION: z.boolean().default(false),
	SMTP_HOST: z.string(),

	import { ConfigInterface, useSWRInfinite } from 'swr'
	import { useMemo, useCallback, useRef } from 'react'
	import last from 'lodash.last'
	import get from 'lodash.get'

	type PageKeyMaker<Page, Key extends any[]> = (
	index: number,
	previousPageData?: Page
	/**
	* Mutable ref object. Set this to `true` before the request and `false` afterwards if the request is fetching more.

	CREATE SEQUENCE public.global_id_seq;
	ALTER SEQUENCE public.global_id_seq OWNER TO postgres;

	CREATE OR REPLACE FUNCTION public.id_generator()
	RETURNS bigint
	LANGUAGE 'plpgsql'
	AS $BODY$
	DECLARE
	our_epoch bigint := 1314220021721;
	seq_id bigint;

	async function getData(){
	const a = await someFunction().catch((error)=>console.log(error));
	const b = await someOtherFunction().catch((error)=>console.log(error));
	if(a && b ) console.log("some result")
	}

	<form>
	<input type="text" name="cities[]" /> <!-- for arrays and objects. don't enumerate/propertize in markup. yes i just invented propertize -->
	</form>

	const obj = { a: 1, c: 3, b: 2 }

	// Map from object.
	const myMap = new Map(Object.entries(obj))

	// Map to Object.
	// NOTE: Keys will be cast to strings by `.toString`, so any "complex" key like for example `[1, 2]` will become `1,2`
	const newObj = [...myMap.entries()]
	.reduce((acc, [key, value]) => (Object.assign(acc, { [key]: value })), {})