@siddharth-jain04/stencil-recipe-library

Reusable StencilJS component library for the Recipe Finder & Meal Planner application.

Purpose

This package exposes recipe-related web components that can be used in a SvelteKit app or any other frontend project. It is designed to be consumed as a published package instead of being imported directly from the source folder.

Install

npm install @siddharth-jain04/stencil-recipe-library

If your npm username or scope differs, replace the package name before publishing.

Usage

import '@siddharth-jain04/stencil-recipe-library';

Then render the custom elements in your app:

<recipe-card
  recipe={JSON.stringify(recipe)}
  isFavorite={true}
  onrecipeSelected={handleSelect}
  onfavoriteToggle={handleFavoriteToggle}
></recipe-card>

Build

npm install
npm run build

Publish to npm

npm run build
npm publish --access public

Notes

• The package is versioned using semver conventions.
• This library is intended to be published and then installed as a dependency in the app.
• The package name should match the actual npm scope you choose before final deployment.
• For local development before publish, you can install a tarball or local package temporarily while testing the app.