npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@ai-stack/payloadcms

v3.0.0-beta.111.2

Published

<p align="center"> <img alt="Payload AI Plugin" src="assets/payload-ai-intro.gif" width="100%" /> </p>

Downloads

136

Readme

Payload AI Plugin

🌟 Supercharge Your Payload CMS with AI-Powered Content Creation

The Payload AI Plugin is an advanced extension that integrates modern AI capabilities into your Payload CMS, streamlining content creation and management.

⚠️ Important: This plugin is in active development. We're doing our best to improve its features and functionality. Please be prepared for regular updates; at the moment, the plugin has only been tested with Payload version v3.0.0-beta.104.

To give it a try, we recommend using Payload's website template.


🎥 Watch the Magic in Action

Want to dive deeper?

🎥 Explore More in Our Extended Demo

✨ Supported Fields and Features

Text and RichText Field

  • 📝 Text Generation
    • [x] Compose masterpieces effortlessly
    • [x] Proofread with precision (Beta)
    • [x] Translate across languages
    • [ ] Expand your ideas
    • [ ] Summarize with clarity
    • [ ] Simplify complex concepts
    • [x] Rephrase for maximum impact (Beta)

Upload Field

  • 🎙️ Voice Generation powered by ElevenLabs, OpenAI
  • 🖼️ Image Generation powered by OpenAI

Other Features

  • 🎛️ Field-level Prompt Customization
  • 🧠 Prompt Editor (Beta)
  • 📊 Document Analyzer (Coming Soon)
  • Fact Checking (Coming Soon)
  • 🔄 Automated Content Workflows (Coming Soon)
  • 🌍 Internationalization Support (Coming Soon)
  • 🌍 Editor AI suggestions (Coming Soon)
  • 💬 AI Chat Support (Coming Soon)

📚 Table of Contents

📦 Installation

Rock your Payload project with a single command:

pnpm add @ai-stack/payloadcms

🛠 Usage

Config with ease:


// Add below in payload.config.ts
import { buildConfig } from 'payload/config';
import { payloadAiPlugin } from '@ai-stack/payloadcms';

export default buildConfig({
  plugins: [
    payloadAiPlugin({
      collections: {
        [Posts.slug]: true,
      },
      debugging: false,
    }),
  ],
  // ... your existing Payload configuration
});


// Add below in Lexical Editor field config
import { PayloadAiPluginLexicalEditorFeature } from '@ai-stack/payloadcms'

fields: [
  {
    name: 'content',
    type: 'richText',
    editor: lexicalEditor({
      features: ({ rootFeatures }) => {
        return [
          // ... your existing features
          PayloadAiPluginLexicalEditorFeature()
        ]
      },
    }),
  },
]

⚙️ Configuration

Choose your AI model by providing one or more of the following environment variables. Create a .env file in your project root and add any of the following variables:

OPENAI_API_KEY=your-openai-api-key
ANTHROPIC_API_KEY=your-anthropic-api-key
ELEVENLABS_API_KEY=your-elevenlabs-api-key

Enabling AI for Custom Components

⚠️ Note: Custom fields don't fully adhere to the Payload schema, making it difficult to determine which components support injecting ComposeField as a Description. If AI enabled fields don't display Compose settings, please manually add the following component path:

@ai-stack/payloadcms/fields#ComposeField

To view AI enabled fields, enable the debugging flag in your plugin config or check your server startup logs.

👥 Contributing

Innovators: welcome! We're always excited to expand our community. Connect with us on Discord to get started.

Licensing

This project is dual-licensed under the MIT License and a Commercial License. Please read carefully to determine which license applies to you:

  1. MIT License (For open-source projects, individual use, and organizations with revenue under $1 million):
  • This license allows free use, modification, and distribution as long as the original copyright notice is included.
  • This license does not apply to companies or organizations that generate revenue above $1 million annually.
  1. Commercial License (For commercial organizations or companies with revenue over $1 million):
  • If you are using this project in a commercial context or your organization’s annual revenue exceeds $1 million, you must obtain a commercial license.
  • The commercial license includes additional rights for enterprise-level use, support, and feature requests.
  • To inquire about a commercial license, contact [email protected].

For any questions or concerns about licensing, feel free to reach out!