@noodlestan/designer-integration-astro NPM

Designer Decisions - Astro Integration

npm.io

This Astro integration allows you to use Designer Decisions Astro components in your MDX pages.

🚧 Currently this integration loads only the base styles (from @noodlestan/designer-shows/astro). Upcoming features include loading decisions and settings as well.
Get Involved: #92 Astro Integration

How to use

Installation

npm install @noodlestan/designer-integration-astro

Usage

Import the integration and add it to your astro.config.* file:

import { defineConfig } from 'astro/config';
import designerDecisions from '@noodlestan/designer-integration-astro';

export default defineConfig({
  integrations: [
    designerDecisions({});
  ]
})

Development

Make sure you README first.

Build Targets

This library is packaged for use in Astro, both during config time (e.g., in astro.config.mjs) and at build time.

Entry Point	Description
`import integration from '@noodlestan/designer-integrations-astro';`	Astro integration
`import '@noodlestan/designer-integrations-astro/styles/...';`	CSS

Scripts

$ npm run build - uses astro check and tsc --noEmit to type check Astro and SolidJS sources (does not produce any dist/).
$ npm run test / npm run test:watch - 🚧 no tests.
$ npm run lint / npm run lint:fix - uses @noodlestan/eslint-config.