Adventure DS

Published npm name: @devmadev/adventure-ds — public scoped package on npm (publishConfig.access: "public"). React components and CSS tokens, built with Vite and TypeScript. Your GitHub repo can stay private; only the published dist/ appears on npm.

Scripts

• npm run dev — local dev server (showcase app)
• npm run build — production build of the showcase app → dist-app/
• npm run build:lib — library bundle + types for npm → dist/
• npm run lint — ESLint
• npm run preview — preview the showcase build (dist-app/)

Use as a dependency

npm install @devmadev/adventure-ds

In your app (React 18+):

import { Button, Heading } from '@devmadev/adventure-ds'
import '@devmadev/adventure-ds/adventure-ds.css'

react and react-dom must be installed by the host app (peer dependencies).

Figma Make

Add @devmadev/adventure-ds to your Make kit like any other dependency from the public npm registry.

Publish to npm

1. Ensure your npm account is a member of the devmadev org with permission to publish @devmadev packages (npm teams).
2. npm login
3. npm publish — prepublishOnly runs build:lib first.

Dry-run the tarball:

npm pack --dry-run

Layout

• src/tokens/ — global CSS variables (semantic + primitives)
• src/components/ — UI components (barrel export in src/components/index.ts)

Git

This folder is a Git repository on main. For commits, set your name and email if you have not already:

git config --global user.name "Your Name"
git config --global user.email "[email protected]"

GitHub

This project’s remote (example — yours may already match):

[email protected]:robaimes-figma/devmaDS.git

Push updates:

git push -u origin main

If origin points at the wrong URL:

git remote set-url origin [email protected]:robaimes-figma/devmaDS.git