001-create-javascript-project

name	001-create-javascript-project
description	Scaffolds the initial boilerplate structure for a JavaScript/TypeScript project following the standard tooling and layout defined in agentme-edr-003. Activate this skill when the user asks to create, scaffold, or initialize a new JavaScript or TypeScript project, npm package, or similar project structure.
metadata	{"author":"flaviostutz","version":"1.0"}
compatibility	JavaScript/TypeScript, Node.js 18+

Overview

Creates a complete JavaScript/TypeScript project from scratch. The layout keeps the package self-contained in its module root (lib/), organizes internal code following agentme-edr-026 (adapters/, app/, shared/), places runnable consumer examples in the sibling examples/ folder, redirects persistent caches into .cache/, and uses Makefiles as the only entry points. Boilerplate is derived from the filedist project.

Related EDRs: agentme-edr-003, agentme-edr-016, agentme-edr-026

Instructions

Phase 1: Gather information

1. Ask for (or infer from context):
   • Package name (npm-compatible, e.g. my-lib)
   • Short description (one sentence)
   • Author name or GitHub username
   • Node.js version (default: 24)
   • GitHub repo URL (optional, for package.json fields)
2. Confirm the target directory (default: current workspace root).

---

Phase 2: Create root files

./Makefile

Delegates every make target to /lib then /examples in sequence. Child Makefiles own the actual mise exec -- <tool> calls:

SHELL := /bin/bash
MISE := mise exec --
%:
	@echo ''
	@echo '>>> Running /lib:$@...'
  @$(MAKE) -C lib $@
	@echo ''
	@echo '>>> Running /examples:$@...'
  @STAGE=dev $(MAKE) -C examples $@

publish:
  @$(MAKE) -C lib publish

setup:
  mise install

./.mise.toml

[tools]
node = "24.0.0"
pnpm = "10.14.0"

(Replace 24.0.0 with the chosen Node.js version and pin any additional project CLIs here.)

./.gitignore

node_modules/
dist/
.cache/
*.tgz
.filedist

---

Phase 3: Create lib/

lib/src/app/hello.ts — business logic:

export const hello = (name: string): string => {
  return `Hello, ${name}!`;
};

lib/src/app/hello.test.ts — co-located unit test:

import { hello } from './hello';

describe('hello', () => {
  it('should return a greeting', () => {
    expect(hello('world')).toBe('Hello, world!');
  });
});

lib/src/index.ts — public API re-export from app/:

export { hello } from './app/hello';

lib/src/adapters/ — create empty directories for the hexagonal structure:

• lib/src/adapters/ — inbound adapters (add cli/, http/, etc. as needed)
• lib/src/adapters/connectors/ — outbound adapters (one folder per external resource)
• lib/src/shared/ — infrastructure-agnostic utilities

Create a placeholder .gitkeep in lib/src/adapters/ and lib/src/shared/ so the directories are tracked.

lib/Makefile:

SHELL := /bin/bash
MISE := mise exec --
CACHE_DIR := .cache

build: install
	@rm -rf dist
  @mkdir -p $(CACHE_DIR)/tsc
  $(MISE) pnpm exec tsc --incremental --tsBuildInfoFile $(CACHE_DIR)/tsc/tsconfig.tsbuildinfo --outDir dist
	@-find ./dist \( -regex '.*\.test\..*' -o -regex '.*__tests.*' \) -exec rm -rf {} \; 2> /dev/null
	@# Create pack for use by examples to simulate real external usage
  $(MISE) pnpm pack --pack-destination dist

build-module: install
	@rm -rf dist
  @mkdir -p $(CACHE_DIR)/tsc
  $(MISE) pnpm exec tsc --incremental --tsBuildInfoFile $(CACHE_DIR)/tsc/tsconfig.tsbuildinfo --outDir dist
	@-find ./dist \( -regex '.*\.test\..*' -o -regex '.*__tests.*' \) -exec rm -rf {} \; 2> /dev/null

lint:
  @mkdir -p $(CACHE_DIR)/eslint
  $(MISE) pnpm exec eslint ./src --cache --cache-location $(CACHE_DIR)/eslint/.eslintcache

lint-fix:
  @mkdir -p $(CACHE_DIR)/eslint
  $(MISE) pnpm exec eslint ./src --fix --cache --cache-location $(CACHE_DIR)/eslint/.eslintcache

test-watch:
  $(MISE) pnpm exec jest --watch

test:
  $(MISE) pnpm exec jest --verbose

clean:
	rm -rf node_modules
	rm -rf dist
  rm -rf .cache

all: build lint test

install:
  mise install
  $(MISE) pnpm install --frozen-lockfile --config.dedupe-peer-dependents=false

publish:
  $(MISE) npx -y monotag@1.26.0 current --bump-action=latest --prefix=
  @VERSION=$$($(MISE) node -p "require('./package.json').version"); \
	if echo "$$VERSION" | grep -q '-'; then \
		TAG=$$(echo "$$VERSION" | sed 's/[0-9]*\.[0-9]*\.[0-9]*-\([a-zA-Z][a-zA-Z0-9]*\).*/\1/'); \
		echo "Prerelease version $$VERSION detected, publishing with --tag $$TAG"; \
    $(MISE) npm publish --no-git-checks --provenance --tag "$$TAG"; \
	else \
    $(MISE) npm publish --no-git-checks --provenance; \
	fi

lib/package.json (replace [package-name], [description], [author], [owner], [repo]):

Use this dependency set.

{
  "name": "[package-name]",
  "version": "0.0.1",
  "description": "[description]",
  "main": "dist/index.js",
  "types": "dist/index.d.ts",
  "files": [
    "dist/**",
    "package.json",
    "README.md"
  ],
  "packageManager": "pnpm@10.14.0",
  "scripts": {},
  "repository": {
    "type": "git",
    "url": "git+https://github.com/[owner]/[repo].git"
  },
  "author": "[author]",
  "license": "MIT",
  "bugs": {
    "url": "https://github.com/[owner]/[repo]/issues"
  },
  "homepage": "https://github.com/[owner]/[repo]#readme",
  "devDependencies": {
    "@eslint/eslintrc": "^3.3.1",
    "@stutzlab/eslint-config": "^3.2.1",
    "@tsconfig/node24": "^24.0.1",
    "@types/jest": "^29.5.14",
    "@typescript-eslint/eslint-plugin": "^8.31.0",
    "@typescript-eslint/parser": "^8.31.0",
    "esbuild": "^0.20.0",
    "eslint": "^9.25.1",
    "jest": "^29.7.0",
    "ts-jest": "^29.4.0",
    "typescript": "^5.9.0"
  }
}

Keep package.json without "type": "module". Use eslint.config.mjs as the ESLint entry point so Jest can continue to run with its default CommonJS runtime.

lib/tsconfig.json:

{
  "extends": "@tsconfig/node24/tsconfig.json",
  "compilerOptions": {
    "outDir": "dist",
    "rootDir": "src",
    "declaration": true,
    "declarationMap": true,
    "sourceMap": true
  },
  "include": ["src/**/*"],
  "exclude": ["node_modules", "dist"]
}

Use this single tsconfig for both build and type-aware linting. Keep *.test.ts included so ESLint can resolve them through parserOptions.project, and rely on the existing dist/ cleanup in the Makefile to remove emitted test files after compilation.

lib/jest.config.js:

module.exports = {
  testEnvironment: 'node',
  testMatch: ['**/*.test.ts'],
  cacheDirectory: '<rootDir>/.cache/jest',
  coverageDirectory: '<rootDir>/.cache/coverage',
  collectCoverageFrom: ['src/**/*.ts', '!src/**/*.test.ts'],
  transform: {
    '^.+\\.tsx?$': [
      'ts-jest',
      {
        tsconfig: {
          module: 'commonjs',
        },
      },
    ],
  },
};

This avoids the deprecated globals['ts-jest'] configuration style while forcing ts-jest to transpile with CommonJS instead of the nodenext default inherited from @tsconfig/node24.

lib/eslint.config.mjs (ESLint 9 flat config format):

import path from 'node:path';
import { fileURLToPath } from 'node:url';
import { FlatCompat } from '@eslint/eslintrc';
import baseConfig from '@stutzlab/eslint-config';

const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename);

const compat = new FlatCompat({
  baseDirectory: __dirname,
});

export default [
  ...compat.config(baseConfig),
  {
    files: ['src/**/*.ts'],
    languageOptions: {
      parserOptions: {
        project: ['./tsconfig.json'],
        tsconfigRootDir: __dirname,
      },
    },
  },
];

Do not name this file eslint.config.js unless the generated package also opts into ESM with "type": "module", because that produces Node.js warnings and conflicts with the recommended Jest CommonJS setup.

---

Phase 4: Create examples/

examples/Makefile (replace [package-name]):

SHELL := /bin/bash
%:
	@echo "Unknown target: $@. Ignoring"

build: install
	@echo "Examples built"

install:
	# Replace the lib dependency with the locally built pack
	pnpm add [package-name]@file:../lib/dist/[package-name]-0.0.1.tgz
	pnpm install

test:
	@echo "Running example tests..."
	cd usage-basic && node index.js

all: build test

examples/usage-basic/package.json (replace [package-name]):

{
  "name": "usage-basic",
  "version": "1.0.0",
  "description": "Basic usage example for [package-name]",
  "type": "module",
  "scripts": {},
  "dependencies": {
    "[package-name]": "file:../../lib/dist/[package-name]-0.0.1.tgz"
  }
}

examples/usage-basic/index.js:

import { hello } from '[package-name]';

const result = hello('world');
console.log(result);
// expected output: Hello, world!

---

Phase 5: Create README.md and lib/README.md

Keep the repository README focused on the workspace and the module README focused on consumers of the published package.

README.md

# [package-name]

[description]

## Getting Started

```bash
mise install
make test

The published module lives in lib/ and runnable consumer examples live in examples/.

**`lib/README.md`**

Quick Start must appear at the top — it is rendered first on the npm registry page.

```markdown
# [package-name]

[description]

## Quick Start

```bash
pnpm add [package-name]

import { hello } from '[package-name]';

const greeting = hello('world');
console.log(greeting); // Hello, world!

Installation

npm install [package-name]
# or
pnpm add [package-name]

Examples

See the sibling examples/ folder for complete runnable examples that consume the packed artifact from lib/dist/.

Development

make build
make lint
make test

License

MIT

---

### Phase 6: Verify

Review all created files and confirm:

- [ ] Root `Makefile` delegates to both `lib/` and `examples/`
- [ ] `.gitignore` ignores `dist/` and `.cache/`
- [ ] `lib/src/index.ts` exports at least one symbol
- [ ] `lib/src/index.test.ts` has at least one passing test
- [ ] `lib/package.json` has `main`, `types`, and `files` set correctly
- [ ] `lib/tsconfig.json` includes co-located `src/**/*.test.ts` files for ESLint type-aware parsing
- [ ] `lib/eslint.config.mjs` points `parserOptions.project` to `tsconfig.json`
- [ ] `lib/README.md` starts with Quick Start and ends with module development commands
- [ ] All `[package-name]` placeholders are replaced with the actual name
- [ ] Structure matches the layout in [agentme-edr-003](../../003-javascript-project-tooling.md)

## Examples

**User:** "Create a new TypeScript library project called `retry-client`"

**Agent action:** Gathers: name=`retry-client`, default Node.js 24, then creates:
- `./Makefile`, `./.mise.toml`, `./.gitignore`
- `lib/src/index.ts`, `lib/src/index.test.ts`, `lib/Makefile`, `lib/README.md`, `lib/package.json`, `lib/tsconfig.json`, `lib/jest.config.js`, `lib/eslint.config.mjs`
- `examples/Makefile`, `examples/usage-basic/package.json`, `examples/usage-basic/index.js`
- `README.md` (workspace overview)

All `[package-name]` replaced with `retry-client`.

## Edge Cases

- **Existing files** — skip creation; adapt references to the existing structure
- **Different Node.js version** — update `.mise.toml` and `tsconfig.json` `extends` (e.g. `@tsconfig/node22`)
- **CLI tool** — add `"bin": "dist/main.js"` to `package.json` and create `lib/src/main.ts` as the CLI entry point; add `esbuild` bundle target in `lib/Makefile`
- **No examples needed** — omit the `examples/` directory; remove the `examples` delegation from root `Makefile`
- **Binary bundling (Lambda/browser)** — add an esbuild step to `lib/Makefile`: `pnpm exec esbuild src/main.ts --bundle --platform=node --outfile=dist/bundle.js`