### Replit Extensions - Getting Started
Source: https://docs.replit.com/replit-workspace/workspace-features/version-control
Guides on how to install and set up the Replit Extensions API client for your project using script tags or npm packages.
```APIDOC
## Replit Extensions API - Installation
### Description
Learn how to install and integrate the Replit Extensions API client into your project. You can use either script tags or npm packages for a streamlined development experience.
### Method
N/A (Installation Guide)
### Endpoint
N/A (Installation Guide)
### Parameters
N/A
### Request Example
N/A
### Response
N/A
```
--------------------------------
### Install Replit Client Library - One-Click Setup
Source: https://docs.replit.com/getting-started/quickstarts/object-storage-javascript/
Guide to install the Replit client library using the one-click setup method. This involves accessing the 'App Storage' tool and selecting the appropriate option.
```markdown
1. Access the 'App Storage' tool.
2. Navigate to the 'App Storage' tab.
```
--------------------------------
### Installation and Setup
Source: https://docs.replit.com/replit-workspace/workspace-features/file-history
Guides on how to install and set up Replit extensions, including using script tags or npm packages.
```APIDOC
## Installation and Setup
### Description
Learn how to install and integrate the Replit API client into your project using script tags or npm packages for a streamlined development experience.
### Method
N/A (Setup Guide)
### Endpoint
N/A
### Parameters
N/A
### Request Example
N/A
### Response
N/A
```
--------------------------------
### Replit Extensions Development
Source: https://docs.replit.com/teams/information-security/overview
Guides on how to get started with Replit extensions development, including installation and building full-stack extensions.
```APIDOC
## Replit Extensions Development
### Description
Learn how to build Replit extensions, covering installation and full-stack development.
### Installation
**Endpoint:** `/extensions/development/installation`
### Full-Stack Extension
**Endpoint:** `/extensions/development/full-stack`
**Description:** Learn how to build a full-stack extension by creating a separate backend API server to handle requests from your extension client on Replit.
```
--------------------------------
### Quickstart Guides for Replit Apps
Source: https://docs.replit.com/category/replit-apps
This section provides links to various quickstart guides for creating Replit Apps. It includes options for remixing an existing app, creating an app using AI, and building an app from scratch, catering to different user preferences and skill levels.
```markdown
* Remix an App
* Create with AI
* Build from Scratch
```
--------------------------------
### Replit Apps Quickstart Guides (Links)
Source: https://docs.replit.com/category/replit-apps
Provides links to various quickstart guides for creating Replit Apps. These guides cover different methods such as remixing an existing app, creating with AI, or building from scratch. No specific code is embedded, but they serve as entry points for development.
```text
- Remix an App
- Create with AI
- Build from Scratch
```
--------------------------------
### Replit Mobile App Installation and Usage Guide
Source: https://docs.replit.com/platforms/mobile-app
This section outlines the steps to install the Replit mobile app, create an account, and begin developing applications. It details navigating to the download page, signing up or logging in, and initiating app creation. The guide also introduces the 'Agent' feature, which assists in the development process from the 'Create' tab.
```markdown
The Replit mobile app is a full-featured App creation environment where you can build and publish apps with a mobile\nexperience optimized for phone and tablet.\n
## Getting started
Follow these steps to learn to install the app and create a Replit App.
### Install the app
To install the app on your compatible mobile device, follow these steps:
1. Navigate to the [mobile app download page](https://replit.com/mobile) and install the app for your mobile device OS.
2. Open the app and sign up for a new account or log in with an existing one.\nIf you register for a new account, you must verify your email address to complete the process.
3. Create a Replit App from the home screen.
### Create an App with Agent
Start building from the Create tab — it’s the first thing you’ll see when you open the app. Every app you create includes Agent.
Accordion
Title: Build with Agent
```
--------------------------------
### Install and Run TweakCN Project
Source: https://github.com/jnsahaj/tweakcn
This snippet outlines the steps to clone the TweakCN repository, install its Node.js dependencies, and start the development server. It requires Node.js and npm to be installed on the system. The process culminates in launching a local development server accessible via a web browser.
```bash
git clone https://github.com/jnsahaj/tweakcn.git
cd tweakcn
npm install
npm run dev
```
--------------------------------
### Replit LLM: Web Search for Startup Showcase (Example)
Source: https://docs.replit.com/replitai/web-search
An example prompt guiding Replit LLM to create a website showcasing startups from the latest Y Combinator batch. The LLM fetches real startup data, logos, and descriptions.
```text
Build a website showcasing the latest Y Combinator batch startups
```
--------------------------------
### Start Local Project Server (Shell)
Source: https://developers.notion.com/docs/create-a-notion-integration
This command starts the local development server for the Replit LLMs project. It requires the project dependencies to be installed and environment variables to be configured.
```shell
npm start
```
--------------------------------
### Add and Run Example Code in JavaScript Replit App
Source: https://docs.replit.com/getting-started/quickstarts/object-storage-javascript/
This snippet demonstrates how to add and run example code for managing files within your Replit App using the JavaScript client library. Ensure the official client library is installed before running.
```javascript
"use strict";
const {jsx: _jsx} = arguments[0];
const {useMDXComponents: _provideComponents} = arguments[0];
function _createMdxContent(props) {
const _components = {
p: "p",
..._provideComponents(),
...props.components
};
return _jsx(_components.p, {
children: "Learn how to use the JavaScript App Storage client library to manage files from your Replit App."
});
}
function MDXContent(props = {}) {
const {wrapper: MDXLayout} = {
..._provideComponents(),
...props.components
};
return MDXLayout ? _jsx(MDXLayout, {
...props,
children: _jsx(_createMdxContent, {
...props
})
}) : _createMdxContent(props);
}
return {
default: MDXContent
};
```
--------------------------------
### Guided Import GitHub Repository to Replit
Source: https://docs.replit.com/getting-started/quickstarts/import-from-github
This method provides a step-by-step process for importing repositories into Replit, offering support for both public and private repositories. It guides users through repository selection and setup.
```text
1. Copy the GitHub repository URL (e.g., https://github.com/exampleUser/my-app).
2. Navigate to Replit and initiate the import process.
3. Follow the on-screen prompts to select and import your repository.
```
--------------------------------
### Example Build Command for Vite
Source: https://docs.replit.com/cloud-services/deployments/reserved-vm-deployments/
This example shows a typical build command used with Replit Reserved VM Deployments to optimize a JavaScript application using Vite. It assumes the user has Vite installed and configured within their project.
```shell
vite build
```
--------------------------------
### Replit Extensions - Basics
Source: https://docs.replit.com/extensions/development/installation
Learn the fundamental concepts of Replit Extensions and get started with building your first extension.
```APIDOC
## Replit Extensions - Basics
### Description
This section covers the foundational knowledge required to understand and begin developing Replit Extensions. It includes an introduction to key concepts and a step-by-step guide to creating your first extension.
### Key Concepts
- **Overview**: Understand the core principles and architecture of Replit Extensions.
- **Get Started Guide**: A recommended starting point for new developers.
### Create Your First Replit Extension
- **Purpose**: Learn the process of creating, previewing, and enhancing a basic Replit extension.
- **Tools**: Utilizes Extension Devtools and the Extensions API.
- **Process**: Involves creating, previewing, and adding features to a sample project.
```
--------------------------------
### Example: Website Creation with Clarity
Source: https://docs.replit.com/tutorials/effective-prompting
This example contrasts a generic request to 'Make a website' with a detailed prompt specifying sections, design, and content. It demonstrates how clarity and constraints help the AI understand project requirements.
```text
Bad Prompt: "Make a website."
Good Prompt: "Create a simple portfolio website. It needs sections for Home, About Me, and a Contact Form. Use a clean, modern design theme and placeholder content."
Explanation: Clarity & Constraints (Simplify, Specify, Test): The good prompt defines the purpose, core features (sections), desired aesthetic, and initial content state.
```
--------------------------------
### Figma Import: Getting Started Guide
Source: https://docs.replit.com/replit-app/import-to-replit
This guide outlines the initial steps for importing Figma designs into Replit Agent Apps. It includes connecting your Figma account, selecting the frame to import, and pasting the frame URL into Replit's interface. A link to a more detailed quickstart guide is provided.
```markdown
1. Connect your Figma account to authorize access.
2. In Figma, select the frame you want to build in Replit.
3. Copy the frame URL and paste it into the Replit import interface.
For a full guide on how to import a Figma design, see our [quickstart guide](/getting-started/quickstarts/import-from-figma).
```
--------------------------------
### Replit Extensions Key Concepts - Getting Started
Source: https://docs.replit.com/extensions/basics/key-concepts
This snippet describes the introductory concepts for Replit Extensions, guiding new users to the 'Get Started' guide. It's a foundational piece for understanding the extension ecosystem.
```mdx
"use strict";
const {jsx: _jsx, jsxs: _jsxs} = arguments[0];
const {useMDXComponents: _provideComponents} = arguments[0];
function _createMdxContent(props) {
const _components = {
a: "a",
p: "p",
..._provideComponents(),
...props.components
};
return _jsxs(_components.p, {
children: ["On this page, you’ll learn the key concepts of Replit Extensions. If you’re new to Extensions, we recommend you start with the ", _jsx(_components.a, {
href: "/extensions/",
children: "Get Started guide"
}), "."]
});
}
function MDXContent(props = {}) {
const {wrapper: MDXLayout} = {
..._provideComponents(),
...props.components
};
return MDXLayout ? _jsx(MDXLayout, {
...props,
children: _jsx(_createMdxContent, {
...props
})
}) : _createMdxContent(props);
}
return {
default: MDXContent
};
```
--------------------------------
### Extension Basics: Key Concepts
Source: https://docs.replit.com/replit-workspace/workspace-features/webview
Learn the key concepts of Replit Extensions. This guide is recommended for those new to Extensions, suggesting starting with the Get Started guide.
```APIDOC
## Extension Basics: Key Concepts
### Description
On this page, you'll learn the key concepts of Replit Extensions. If you're new to Extensions, we recommend you start with the [Get Started guide](/extensions/).
### Endpoint
/extensions/basics/key-concepts
```
--------------------------------
### Manual Installation of Extensions API Client
Source: https://docs.replit.com/getting-started/quickstarts/object-storage-javascript/
Instructions for installing and initializing the Replit Extensions API client using script tags or npm packages.
```APIDOC
## Manual Installation
### Description
Learn how to install and initialize the Replit Extensions API client using script tags or npm packages for your project.
### Endpoint
/extensions/development/installation
```
--------------------------------
### Extension Development: Key Concepts
Source: https://docs.replit.com/billing/about-usage-based-billing/
Learn the fundamental concepts of Replit Extensions. Recommended to start with the Get Started guide.
```APIDOC
## Key Concepts of Replit Extensions
### Description
This page outlines the core concepts you need to understand to build Replit extensions. It's a foundational resource, and we suggest beginning with the [Get Started guide](/extensions/) for a practical introduction.
### Method
N/A
### Endpoint
`/extensions/basics/key-concepts`
### Parameters
N/A
### Request Body
N/A
### Response
N/A
```
--------------------------------
### Example: Backend Development with Clear Tasks
Source: https://docs.replit.com/tutorials/effective-prompting
This snippet contrasts a broad instruction like 'Build the backend' with a detailed prompt outlining specific functionalities such as user authentication and API endpoint creation. It emphasizes clearly defining tasks for backend development.
```text
Bad Prompt: "Build the backend."
Good Prompt: "Set up the server-side logic. Implement user authentication (signup/login) and create an API endpoint to retrieve user profile data securely.”
Explanation: Specificity & Outcome (Specify, Show): This is an incomplete example in the source, but it implies a good prompt would detail specific backend tasks.
```
--------------------------------
### Replit SCIM Introduction and Setup Steps
Source: https://docs.replit.com/teams/identity-and-access-management/scim
This code snippet appears to be a JSX representation of the Replit SCIM integration documentation. It includes headings, notes, paragraphs, and UI components like CardGroup, Card, Steps, and Step. It outlines the introduction to SCIM, its key features, benefits, and a step-by-step guide for getting started, including contact information for sales and configuration instructions.
```jsx
function App() {\n return (
<_jsx(Heading, { level: "2", id: "introduction", children: "Introduction" })
<_jsx(Note, { children: _jsxs(_components.p, { children: ["SCIM is available exclusively for Enterprise customers. Contact our sales team at ", _jsx(_components.a, { href: "mailto:sales@replit.com", children: "sales@replit.com" }), " to enable this feature for your organization."] }) })
<_jsxs(_components.p, { children: ["System for Cross-domain Identity Management (", _jsx(_components.a, { href: "https://en.wikipedia.org/wiki/System_for_Cross-domain_Identity_Management", children: "SCIM" }), ") is a standardized protocol that automates user provisioning and deprovisioning between your enterprise identity provider (IdP) and Replit."] })
<_jsxs(_components.p, { children: ["The SCIM integration is built on the ", _jsx(_components.a, { href: "https://workos.com/", children: "WorkOS" }), " platform, ensuring enterprise-grade reliability and security."] })
<_jsx(Heading, { level: "2", id: "key-features", children: "Key Features" })
<_jsxs(CardGroup, { cols: 2, children: [
<_jsx(Card, { title: "Automated User Management", icon: "user-plus", children: _jsx(_components.p, { children: "Automatically provision and deprovision users based on your IdP’s directory" }) }),
<_jsx(Card, { title: "Role Synchronization", icon: "shield", children: _jsx(_components.p, { children: "Keep user roles and permissions in sync with your organizational structure" }) }),
<_jsx(Card, { title: "Bulk Operations", icon: "users", children: _jsx(_components.p, { children: "Efficiently manage large teams with bulk user operations" }) }),
<_jsx(Card, { title: "Major IdP Support", icon: "plug", children: _jsx(_components.p, { children: "Direct integration with Azure AD, Okta, and other leading identity providers" }) })
] })
<_jsx(Heading, { level: "2", id: "benefits", children: "Benefits" })
<_jsx(_components.p, { children: "SCIM integration provides several advantages for Enterprise teams:" })
<_jsxs(_components.ul, { children: [
"\n",
<_jsxs(_components.li, { children: [" ", _jsx(_components.strong, { children: "Enhanced Security" }), ": Leverage your existing identity management systems for robust access control"]
}),
"\n",
<_jsxs(_components.li, { children: [" ", _jsx(_components.strong, { children: "Simplified Administration" }), ": Automatically manage team members through your identity provider"]
}),
"\n",
<_jsxs(_components.li, { children: [" ", _jsx(_components.strong, { children: "Efficient Onboarding" }), ": Seamlessly provision large teams without manual intervention"]
}),
"\n",
<_jsxs(_components.li, { children: [" ", _jsx(_components.strong, { children: "Consistent Access Control" }), ": Maintain uniform access policies across your organization"]
}),
"\n"
] })
<_jsx(Heading, { level: "2", id: "getting-started", children: "Getting Started" })
<_jsxs(Steps, { children: [
<_jsx(Step, { title: "Contact Sales", children: _jsxs(_components.p, { children: ["Reach out to our sales team at ", _jsx(_components.a, { href: "mailto:sales@replit.com", children: "sales@replit.com" }), " to enable SCIM for your Enterprise organization"]
}) }),
<_jsx(Step, { title: "Configure Your IdP", children: _jsx(_components.p, { children: "Your IT admin will receive a link to the SCIM onboarding portal, which provides step-by-step instructions specific to your identity provider for synchronizing your user directory"
}) }),
<_jsx(Step, { title: "Test Integration", children: _jsx(_components.p, { children: "Verify the connection by provisioning a test user"
}) }),
<_jsx(Step, { title: "Go Live", children: _jsx(_components.p, { children: "Begin using SCIM for automated user management"
}) })
] })
<_jsx(Heading, { level: "2", id: "best-practices", children: "Best Practices" })
);
}
```
--------------------------------
### Import Replit Extensions Client in JavaScript/TypeScript
Source: https://docs.replit.com/extensions/development/installation
After installing the API client, use the 'import' statement to start using its features. This example shows how to import specific modules like 'fs' and 'data' from the '@replit/extensions' package into your project.
```javascript
import {
fs,
data,
...
} from '@replit/extensions';
```
--------------------------------
### Replit Configuration: onBoot Command
Source: https://docs.replit.com/replit-app/configuration
The `onBoot` configuration option in Replit specifies a command to be executed automatically when the Replit application starts. This is commonly used for package installations or initial setup tasks. The value is a string representing the command to run.
```text
onBoot = "npm install"
```
--------------------------------
### Python Example: Import replit Package
Source: https://pypi.org/project/replit/
This snippet demonstrates how to import the 'replit' package in a Python script. It's a basic setup that assumes the package has been successfully installed. This import statement is the first step to using any of the functionalities provided by the 'replit' library.
```python
>>> import replit
```
--------------------------------
### Replit Extension Installation
Source: https://docs.replit.com/getting-started/quickstarts/import-from-github
Information on how to install Replit extensions, either using script tags or npm packages.
```APIDOC
## Installation Methods
### Description
Learn how to install Replit extensions, either by directly including script tags in your project or by using npm packages for a more managed approach.
### Method
N/A (Documentation focused)
### Endpoint
N/A
### Parameters
N/A
### Request Example
N/A
### Response
N/A
```
--------------------------------
### README.md Structure Example
Source: https://context7_llms
An example outline for a README.md file, demonstrating best practices for documenting a developer framework. It includes sections for the framework's name, usage instructions with potential code snippets, and licensing information.
```markdown
# Developer Framework Name
Choose a self-descriptive name, you can also add a simple description about your developer framework.
# Usage
Explain how you can install / use this developer framework. Make sure to provide a detailed explanation and make it easy for people to read. Also, add any code snippets if needed.
# License
This will define how people can use your developer framework. You can visit https://opensource.org/licenses to choose a license.
```
--------------------------------
### React Extension Development - Introduction
Source: https://docs.replit.com/getting-started/quickstarts/import-from-github
Introduction to building Replit extensions using React, leveraging the official package, hooks, and components for a streamlined development experience.
```APIDOC
## React Extension Development - Introduction
### Description
Learn how to build Replit extensions using React with our official package, hooks, and components for a streamlined development experience.
### Method
N/A (Documentation focused)
### Endpoint
N/A
### Parameters
N/A
### Request Example
N/A
### Response
N/A
```
--------------------------------
### Get User Profile and Token (Python)
Source: https://workos.com/
This Python example illustrates obtaining a user's access token and profile data from an Identity Provider via the WorkOS Python client. The WorkOS Python library must be installed, and your API key and client ID set.
```python
import workos
from workos import client
workos.api_key = 'sk_example_123456789'
workos.client_id = 'client_123456789'
client.sso.get_profile_and_token('01E2RJ4C05B52KKZ8FSRDAP23J')
```
--------------------------------
### Replit Extensions - Manual Installation
Source: https://docs.replit.com/replit-workspace/ports/
Instructions for installing and initializing the Replit Extensions API client.
```APIDOC
## Manual Installation
### Description
Learn how to install and initialize the Replit Extensions API client using script tags or npm packages for your project.
### Method
GET
### Endpoint
/extensions/development/installation
```
--------------------------------
### Import from Figma Quickstart Guide
Source: https://docs.replit.com/getting-started/quickstarts/import-from-figma
This code snippet is part of a Next.js application, specifically detailing the 'Import from Figma' quickstart guide. It includes page metadata like title and description, and references compiled MDX source for content.
```javascript
{
"mdxSource": {
"compiledSource": "$3f",
"frontmatter": {},
"scope": {
"config": {},
"pageMetadata": {
"title": "Import from Figma",
"description": "Learn how to import Figma designs into Replit and convert them into functional React applications.",
"href": "/getting-started/quickstarts/import-from-figma"
}
}
},
"mdxSourceWithNoJs": {
"compiledSource": "$40",
"frontmatter": {},
"scope": {
"config": {},
"pageMetadata": {
"title": "Import from Figma",
"description": "Learn how to import Figma designs into Replit and convert them into functional React applications.",
"href": "/getting-started/quickstarts/import-from-figma"
}
}
}
}
```
--------------------------------
### Describe Setup Process for Replit Migration
Source: https://context7_llms
Provides a description for the setup phase during project migration to Replit. It highlights the Agent's role in validating and optimizing the project structure for the Replit environment.
```javascript
export const setupDescription_0 = "Agent validates your project structure and assists with migration to optimize it for the Replit environment"
```
--------------------------------
### Example of Effective vs. Less Effective Prompting for Task Manager App
Source: https://docs.replit.com/tutorials/effective-prompting
Demonstrates planning before prompting for application development. The 'More Effective' approach breaks down the development into logical stages, starting with basic structure and progressively adding features and persistence, which guides the AI more precisely than a general request.
```text
Less Effective: “Build a task manager app.”
More Effective: (After planning) “1. Create the basic HTML structure for a task manager with an input field and a task list. 2. Add JavaScript to allow users to add tasks to the list. 3. Use Replit Database to store tasks so they persist. 4. Add functionality to mark tasks as complete…” (Then prompt for each step).
```
--------------------------------
### Frequently Asked Questions
Source: https://docs.replit.com/getting-started/quickstarts/object-storage-python/
Common questions and answers about building, verifying, and troubleshooting Replit Extensions, including server setup and Preview integration.
```APIDOC
## Frequently Asked Questions (FAQ)
### Description
Provides answers to common inquiries regarding the development, verification, and troubleshooting of Replit Extensions. Includes information on server setup and integration with the Preview feature.
### Method
N/A (Informational)
### Endpoint
N/A
### Parameters
N/A
### Request Example
N/A
### Response
N/A
### See Also
- [Frequently Asked Questions](/extensions/faq)
```
--------------------------------
### Example Build Command: npm install
Source: https://docs.replit.com/cloud-services/deployments/scheduled-deployments
This snippet shows an example of a build command used to install Node.js application dependencies. It's typically used in the 'Build command' field to prepare the application before execution. This command does not count towards usage or job timeout.
```shell
npm install
```
--------------------------------
### Manual Installation
Source: https://docs.replit.com/getting-started/quickstarts/webscrape-and-slack-notifications
Learn how to install and initialize the Replit Extensions API client using script tags or npm packages for your project.
```APIDOC
## Manual Installation
### Description
Learn how to install and initialize the Replit Extensions API client using script tags or npm packages for your project.
### Method
GET
### Endpoint
/extensions/development/installation
### Parameters
None
### Request Example
None
### Response
None
```
--------------------------------
### Example: JavaScript Commands Extension
Source: https://docs.replit.com/teams/identity-and-access-management/viewer-seats
This example guides you through creating an extension that adds JavaScript-specific commands to Replit. These commands can include functionalities for managing npm packages and executing scripts, streamlining JavaScript development workflows.
```markdown
Learn how to build an extension that adds JavaScript-related commands to Replit for managing npm packages and running scripts.
```
--------------------------------
### Replit Extensions Development - Installation
Source: https://docs.replit.com/cloud-services/storage-and-databases/object-storage/
Guides on how to install the Replit Extensions API client using script tags or npm packages for your project.
```APIDOC
## Replit Extensions Installation
### Description
Learn how to install the Replit Extensions API client using script tags or npm packages for your project.
### Method
N/A (Installation Guide)
### Endpoint
N/A
### Parameters
N/A
### Request Example
N/A
### Response
N/A
```
--------------------------------
### Example Run Command for Flask App
Source: https://docs.replit.com/cloud-services/deployments/reserved-vm-deployments/
This example demonstrates a common run command for starting a Flask application within a Replit Reserved VM Deployment. It specifies the Flask app name and the run command, assuming the Flask framework is set up in the project.
```shell
flask --app myApp run
```
--------------------------------
### Define After Install Command
Source: https://docs.replit.com/replit-app/configuration
Specifies a command to be executed immediately after a new package is successfully installed by the packager. This allows for custom post-installation setup or notifications.
```toml
afterInstall = "echo 'package installed'"
```
--------------------------------
### Python Replit App Setup and File Operations
Source: https://docs.replit.com/getting-started/quickstarts/object-storage-python/
This snippet demonstrates the initial setup for a Python Replit application and outlines common file operations using the Replit client library. It covers creating a Replit app, selecting the Python template, and provides a placeholder for file management functions.
```python
def upload_file(bucket, file_path, content):
# Implementation for uploading a file to App Storage
pass
def list_files(bucket):
# Implementation for listing files in App Storage
pass
def download_file(bucket, file_name):
# Implementation for downloading a file from App Storage
pass
def delete_file(bucket, file_name):
# Implementation for deleting a file from App Storage
pass
# Example usage (assuming 'bucket' is initialized elsewhere)
# upload_file(bucket, 'my_file.txt', 'This is the file content.')
# files = list_files(bucket)
# print(files)
# download_file(bucket, 'my_file.txt')
# delete_file(bucket, 'my_file.txt')
```
--------------------------------
### Install JavaScript Object Storage Package via Replit UI
Source: https://docs.replit.com/getting-started/quickstarts/object-storage-javascript/
Provides instructions for installing the '@replit/object-storage' package within a Replit environment. It guides the user to select JavaScript as the language and then choose the specific installation option from the UI.
```plaintext
Select "JavaScript" from the programming language dropdown on the top left.
Select "Install @replit/object-storage package".
When completed, the button text should read "Package installed".
```
--------------------------------
### Install Expo Dev Client
Source: https://docs.expo.dev/build/setup/
Installs the `expo-dev-client` library, which is part of a development build of the app. This library enhances the development environment by providing a more flexible and reliable experience for iterating on the app.
```bash
npx expo install expo-dev-client
```
--------------------------------
### Examples - JavaScript Commands
Source: https://docs.replit.com/getting-started/quickstarts/ask-ai/
Learn how to build an extension that adds JavaScript-related commands to Replit for managing npm packages and running scripts.
```APIDOC
## JavaScript Commands Extension Example
### Description
This example details the creation of a Replit extension designed to add custom JavaScript-related commands. These commands can be used for tasks such as managing npm packages or executing scripts directly from within the Replit IDE.
### Method
N/A (Example Project)
### Endpoint
N/A (Example Project)
### Parameters
N/A
### Request Example
N/A
### Response
N/A
```
--------------------------------
### Example Replit Configuration
Source: https://docs.replit.com/replit-app/configuration/
This snippet shows an example of how to configure the .replit file for a Python project, specifying the entrypoint and deployment target.
```text
run = ["python3", "main.py"]
deploymentTarget = "cloudrun"
```
--------------------------------
### Get Package Information for Emacs Lisp
Source: https://github.com/replit/upm/
UPM supports Emacs Lisp packages. This example shows how to get information for the 'elnode' package, including its name, description, version, and dependencies.
```shell
$ upm -l elisp info elnode
--> emacs -Q --batch --eval '' /tmp/elpa552971126 info elnode
Name: elnode
Description: The Emacs webserver.
Version: 20190702.1509
Dependencies: web, dash, noflet, s, creole, fakir, db, kv
```
--------------------------------
### Project Configuration: .env.example
Source: https://github.com/jnsahaj/tweakcn
This file provides an example of environment variables required for the application. It includes placeholders for sensitive information like database URLs and API keys, aiding in setting up the development environment.
```dotenv
# DATABASE_URL
DATABASE_URL="postgresql://user:password@host:port/database"
# NEXTAUTH_URL
NEXTAUTH_URL="http://localhost:3000"
# NEXTAUTH_SECRET
NEXTAUTH_SECRET="YOUR_NEXTAUTH_SECRET"
# RESEND_API_KEY
RESEND_API_KEY="YOUR_RESEND_API_KEY"
# STRIPE_SECRET_KEY
STRIPE_SECRET_KEY="YOUR_STRIPE_SECRET_KEY"
# STRIPE_PUBLISHABLE_KEY
STRIPE_PUBLISHABLE_KEY="YOUR_STRIPE_PUBLISHABLE_KEY"
```