open-index/open-npm huggingface dataset:
npm package: @integrating-magic/create-from-template
Description: Creates a widget for the js dev env
Author: jeremy brown
Latest version: 1.0.2

# Create a JS Widget for FileMaker

*Get set up with the JS Dev Environment quickly*

# This Kit
## What it does
This app will set up all you need to start creating a JS widget for Claris FileMaker. It will let you name the widget, the target file. Also it will give you everything you need.
## How to start
1. Navigate to the folder where you want to create the widget in your terminal.
2. Run 'npx @integrating-magic/create-js-in-fm-widget'.
3. Follow the prompts in the terminal.
npm package: @integrating-magic/create-js-in-fm-widget
Description: Creates a widget for the js dev env
Author: jeremy brown
Latest version: 1.1.11

# Create a JS Widget for FileMaker

*Get set up with the JS Dev Environment quickly*

# This Kit
## What it does
This app will set up all you need to start creating a JS widget for Claris FileMaker. It will let you name the widget, the target file. Also it will give you everything you need.
## How to start
1. Navigate to the folder where you want to create the widget in your terminal.
2. Run 'npx @integrating-magic/create-js-in-fm-widget'.
3. Follow the prompts in the terminal.
npm package: @integrating-magic/jsinfm-course
Description: The starter files for the JS in FM Course
Author: jeremy brown
Latest version: 1.0.1

# JS in FM Course Kit

*Use this to get the starter files for each section*

# This Kit
## Contents
The following starter repos are available:
1. JS Libraries Part 1
2. Manipulating Data
3. Manipulating the DOM
4. JS Libraries Part 2
## How to start
1. Navigate to the folder where you want to create the widget in your terminal.
2. Run 'npx @integrating-magic/create-js-in-fm-widget'.
3. Follow the prompts in the terminal.
npm package: @integrating-magic/my-first-widget
Description: Solving a client problem
Author: jeremy brown
Latest version: 1.0.1

# JS Dev Kit for FileMaker Developers

*Develop, Render, and Deploy JavaScript for a FileMaker App*

# This Kit
## What it does
This environment allows a FileMaker developer to start coding their widget and see the results right away in a FileMaker file. Once done developing, the can be inlined and pushed to the FileMaker file for use offline.
<br/>
It's a template file, so you can use to start other projects.
## Consists of
- A repository template on Github
- A basic html / JS set up.
- package.json file for install
- A FileMaker file to show the widget rendered
- Scripts to build and upload the inlined code to FileMaker
## TO GET STARTED Using this file
1. `npm install`
2. `npm start`
3. Open the jsDev.fmp12 file.
4. Allow it to work in Dev mode.

At this point you should see the web viewer on the layout load up with the HTML and JavaScript here. Edit the JavaScript or the HTML and you'll see the render in the web viewer update.

## Use this kit
Now you're ready to use this kit to create awesome JS widgets.
npm package: @integrating-magic/react-demos
Description: Creates React demo projects for learning and development
Author: jeremy brown
Latest version: 1.1.1

# React Demos Creator

*Get set up with React demo projects quickly*

## What it does
This npx tool helps you create React demo projects for learning and development. Choose between a simple React demo for beginners or an advanced demo with more complex patterns and features.

### Available Demos
- **react-demo-simple**: Basic React setup with fundamental components and concepts  
  *Source: [js-dev-react](https://github.com/integrating-magic/js-dev-react)*
- **react-demo-adv**: Advanced React demo with complex features, hooks, and patterns  
  *Source: [react-demo](https://github.com/integrating-magic/react-demo)*
- **my-first-react**: Beginner-friendly introduction to React for newcomers  
  *Source: [my-first-react](https://github.com/jlbmagic/my-first-react)*

> **Note**: Make sure both repositories exist and are accessible before using this tool.

## How to use
1. Navigate to the folder where you want to create your React project in your terminal.
2. Run `npx @integrating-magic/react-demos`.
3. Follow the prompts to:
   - Name your project
   - Choose between simple or advanced demo
   - Customize project details
   - Optionally install dependencies automatically

## What you get
- A complete React project setup
- All necessary dependencies configured
- Example components and code patterns
- Development server ready to run
- Git repository initialized (optional)

## Quick Start
```bash
npx @integrating-magic/react-demos
cd my-react-demo
npm start
```

Start building awesome React applications! 🚀