Skip to content

Add HowTo component for JSON-LD#1607

Merged
garmeeh merged 2 commits intomainfrom
claude/add-howto-json-ld-Ayl4w
Jan 27, 2026
Merged

Add HowTo component for JSON-LD#1607
garmeeh merged 2 commits intomainfrom
claude/add-howto-json-ld-Ayl4w

Conversation

@garmeeh
Copy link
Owner

@garmeeh garmeeh commented Dec 22, 2025

Add HowToJsonLd component following Schema.org HowTo specification for structured data that represents step-by-step instructions.

Features:

  • Support for HowToStep, HowToSection, HowToDirection, and HowToTip types
  • HowToSupply and HowToTool for materials and equipment
  • Duration properties (prepTime, performTime, totalTime) in ISO 8601 format
  • estimatedCost as string or MonetaryAmount object
  • yield as string or QuantitativeValue
  • Flexible @type handling - developers don't need to specify @type
  • Video support via VideoObject
  • ImageObject support for steps and materials

Includes:

  • Type definitions in src/types/howto.types.ts
  • Processing functions in src/utils/processors.ts
  • Unit tests with comprehensive coverage
  • E2E tests for basic and advanced usage
  • Example pages in the app-router-showcase
  • Documentation in README.md

Add HowToJsonLd component following Schema.org HowTo specification for
structured data that represents step-by-step instructions.

Features:
- Support for HowToStep, HowToSection, HowToDirection, and HowToTip types
- HowToSupply and HowToTool for materials and equipment
- Duration properties (prepTime, performTime, totalTime) in ISO 8601 format
- estimatedCost as string or MonetaryAmount object
- yield as string or QuantitativeValue
- Flexible @type handling - developers don't need to specify @type
- Video support via VideoObject
- ImageObject support for steps and materials

Includes:
- Type definitions in src/types/howto.types.ts
- Processing functions in src/utils/processors.ts
- Unit tests with comprehensive coverage
- E2E tests for basic and advanced usage
- Example pages in the app-router-showcase
- Documentation in README.md
@github-actions
Copy link
Contributor

📝 Changeset Required

This PR includes code changes but is missing a changeset. Changesets help us:

  • Track changes for release notes
  • Determine version bumps (patch/minor/major)
  • Credit contributors properly

How to add a changeset:

  1. Run pnpm changeset in your local environment
  2. Select the type of change (patch/minor/major)
  3. Write a brief description of your changes
  4. Commit the generated changeset file

Change types:

  • patch: Bug fixes, internal changes (0.0.X)
  • minor: New features, non-breaking changes (0.X.0)
  • major: Breaking changes (X.0.0)

Example:

$ pnpm changeset
? What kind of change is this? › patch
? Summary › Fixed TypeScript types for ArticleJsonLd component

If this PR only contains documentation or non-code changes, you can ignore this message.

@garmeeh garmeeh merged commit d412e2b into main Jan 27, 2026
9 checks passed
@garmeeh garmeeh deleted the claude/add-howto-json-ld-Ayl4w branch January 27, 2026 19:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants