JSPM

  • Created
  • Published
  • Downloads 271
  • Score
    100M100P100Q87596F
  • License MIT

Deploy Your Frontend In a Single Command

Package Exports

  • pinme
  • pinme/dist/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (pinme) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

PinMe

Deploy your site in one command.


PinMe

PinMe is a zero-config frontend deployment tool. No servers. No accounts. No setup.

Build a static site, generate a page with AI, export your frontend, or import CAR files — then deploy instantly with a single command.

PinMe publishes your site as verifiable content, making silent tampering and accidental breakage far harder than traditional hosting.

You don’t manage servers, regions, or uptime. PinMe handles availability and persistence for you.

Website: https://pinme.eth.limo/


Table of Contents


Quick Start

Prerequisites

  • Node.js 16.13.0 or higher required
# Check your Node.js version
node --version

Three Steps to Deploy

  1. Install PinMe
npm install -g pinme
  1. Build your project (if not already built)
# For Vite/React/Vue projects
npm run build

# For Next.js (static export)
npm run build
  1. Upload to PinMe
# Upload the dist directory (most common)
pinme upload dist

# Or upload build directory
pinme upload build

That's it! You'll get a preview URL like https://pinme.eth.limo/#/preview/*


For AI Assistants

This section provides AI-specific instructions for deploying websites using PinMe CLI.

AI Execution Protocol

Goal: Use PinMe CLI to upload static files to server.

Required Steps

  1. Check Environment Requirements

    # Check Node.js version (requires 16.13.0+)
    node --version
  2. Install PinMe CLI (if not installed)

    npm install -g pinme
  3. Identify the Static File Directory Priority order to check:

    • dist/ - Default output directory for Vue/React/Vite projects
    • build/ - Output directory for Create React App
    • out/ - Output directory for Next.js static export
    • public/ - Pure static file projects

    Validation Rules:

    • Folder must exist
    • Must contain index.html file (for website deployment)
    • Must contain actual static resource files (CSS, JS, images, etc.)

    If no suitable folder is found, ask the user to specify the upload path.

  4. Execute Deployment Command

    pinme upload <folder_path>
  5. Return Result

    • Only return final preview page URL: https://pinme.eth.limo/#/preview/*
    • Do not output additional logs or intermediate steps

Prohibited Operations

  • ❌ Do not upload node_modules, .env, .git directories
  • ❌ Do not upload source code directories (like src/)
  • ❌ Do not upload config files (like package.json, tsconfig.json, etc.)
  • ❌ Do not attempt to upload non-existent or empty folders

Machine-Readable Configuration

For easy AI tool parsing:

{
  "tool": "pinme",
  "requirements": {
    "node_version": ">=16.13.0"
  },
  "install": "npm install -g pinme",
  "upload": "pinme upload {{directory}}",
  "upload_with_domain": "pinme upload {{directory}} --domain {{domain}}",
  "validDirectories": ["dist", "build", "out", "public"],
  "requiredFiles": ["index.html"],
  "excludePatterns": ["node_modules", ".env", ".git", "src"],
  "limits": {
    "single_file": "200MB",
    "total_directory": "1GB"
  },
  "output": "preview_url",
  "preview_url_format": "https://pinme.eth.limo/#/preview/*",
  "fixed_domain_format": "https://*.pinit.eth.limo",
  "other_commands": {
    "version": "pinme --version",
    "list": "pinme list",
    "import": "pinme import <car-file>",
    "export": "pinme export <cid>",
    "set_appkey": "pinme set-appkey",
    "show_appkey": "pinme show-appkey",
    "my_domains": "pinme my-domains",
    "remove": "pinme rm <hash>",
    "logout": "pinme logout",
    "help": "pinme help"
  }
}

AI Usage Template

Deployment Request: Please read the PinMe documentation, then use PinMe CLI to deploy the specified website (upload static files) to server.

Operation Steps:

  1. Check Node.js version (requires 16.13.0+)
  2. Check if pinme is installed, install if not
  3. Identify the static file directory for the website to deploy
  4. Execute deployment command
  5. Return preview page link: https://pinme.eth.limo/#/preview/*

Installation

Using npm

npm install -g pinme

Using yarn

yarn global add pinme

Verify Installation

# Check PinMe version
pinme --version

Usage

Upload Files or Directories

# Interactive upload
pinme upload

# Specify path directly
pinme upload /path/to/file-or-directory

# Upload and bind to a domain
pinme upload /path/to/file-or-directory --domain <name>
pinme upload /path/to/file-or-directory -d <name>

Import CAR files

# Interactive CAR import
pinme import

# Specify CAR file path directly
pinme import /path/to/car-file.car

# Import CAR file and bind to a domain
pinme import /path/to/car-file.car --domain <name>
pinme import /path/to/car-file.car -d <name>

Export IPFS Content as CAR files

# Interactive CAR export
pinme export

# Specify CID directly
pinme export <CID>

# Export with custom output path
pinme export <CID> --output /path/to/output.car
pinme export <CID> -o /path/to/output.car

Note: By default, exported CAR files are saved to your system's Downloads directory.

View Upload History

# Show the last 10 upload records
pinme list

# Or use the shorthand command
pinme ls

# Limit the number of records shown
pinme list -l 5

# Clear all upload history
pinme list -c

Remove Files from IPFS

# Interactive removal
pinme rm

# Remove a specific file by hash
pinme rm <IPFS_hash>

Authentication (AppKey)

# Set AppKey for login and domain binding
pinme set-appkey

# View current AppKey info (masked)
pinme show-appkey
pinme appkey

# Log out
pinme logout

# View your domains
pinme my-domains
pinme domain

Get Help

# Display help information
pinme help

📁 Common Static File Directories

Automatic Detection

PinMe automatically detects these common output directories (in priority order):

Directory Framework/Tool Description
dist/ Vite, Vue CLI, Angular Default output directory
build/ Create React App CRA output directory
out/ Next.js Static export output
public/ Static sites Pure static file projects

Validation Rules

The selected directory must meet:

  • ✅ Folder exists
  • ✅ Contains index.html file (for website deployment)
  • ✅ Contains actual static resource files (CSS, JS, images, etc.)

What NOT to Upload

  • node_modules/ - Dependency folder
  • .git/ - Version control
  • .env - Environment configuration
  • src/ - Source code directory
  • package.json, tsconfig.json - Config files

Command Details

upload

Upload a file or directory to the IPFS network.

pinme upload [path] [--domain <name>]

Options:

  • path: Path to the file or directory to upload (optional, interactive if not provided)
  • -d, --domain <name>: Pinme subdomain to bind after upload (optional)

Examples:

# Upload dist directory
pinme upload dist

# Upload and bind to a domain (requires Plus membership)
pinme upload dist --domain my-site

# Upload a specific file
pinme upload ./example.jpg

import

Import CAR (Content Addressable aRchive) files to the IPFS network. This command is specifically designed for importing CAR files while maintaining their original structure. Supports binding to a Pinme subdomain after import.

pinme import [path] [--domain <name>]

Options:

  • path: Path to the CAR file to import (optional, if not provided, interactive mode will be entered)
  • -d, --domain <name>: Pinme subdomain to bind after import (optional)

Examples:

# Interactive CAR import
pinme import

# Import a specific CAR file
pinme import ./my-archive.car

# Import CAR file and bind to a domain
pinme import ./my-archive.car --domain my-archive
pinme import ./my-archive.car -d my-archive

Key Differences from upload:

  • CAR files are imported with their original structure preserved
  • Uses IPFS CAR import protocol for efficient content addressing
  • Ideal for importing previously exported IPFS content
  • Same domain binding and management features as upload

export

Export IPFS content as a CAR (Content Addressable aRchive) file.

pinme export [CID] [--output <path>]

Options:

  • CID: IPFS content identifier (CID) to export (optional, interactive if not provided)
  • -o, --output <path>: Output file path for the CAR file (optional, defaults to Downloads directory)

Examples:

# Interactive CAR export
pinme export

# Export a specific CID
pinme export bafybeiakzpeep2jw5cvsyfa66nqxmjurmarw3a34moxpgrbz7s75v7nune

# Export with custom output path
pinme export bafybeiakzpeep2jw5cvsyfa66nqxmjurmarw3a34moxpgrbz7s75v7nune --output ./my-export.car
pinme export bafybeiakzpeep2jw5cvsyfa66nqxmjurmarw3a34moxpgrbz7s75v7nune -o ./my-export.car

Features:

  • Exports IPFS content as CAR files for backup or migration
  • Default output location: system Downloads directory (~/Downloads on macOS/Linux, %USERPROFILE%\Downloads on Windows)
  • Supports interactive mode for easy CID input
  • Shows progress during export generation and file download
  • CAR files preserve original content structure and CID relationships

Note: Export is an asynchronous process. The command will:

  1. Request export task creation
  2. Poll export status (every 5 seconds) until completion
  3. Download the generated CAR file to your specified location

rm

Remove a file from the IPFS network.

pinme rm [hash]

Note: This unpins content from our IPFS node and deletes the ENS subdomain record. It does not guarantee removal from the entire IPFS network.

list / ls

Display upload history.

pinme list [options]

Options:

  • -l, --limit <number>: Limit the number of records displayed
  • -c, --clear: Clear all upload history

set-appkey

Set AppKey for authentication and automatically merge anonymous upload history to the current account.

pinme set-appkey [AppKey]

Note: Fixed domain binding requires AppKey and Plus membership. Get your AppKey from PinMe website.

show-appkey / appkey

Display current AppKey information with masked sensitive data.

logout

Log out and clear authentication information from local storage.

my-domains / domain

List all domains owned by the current account.


Error Handling

Common Errors and Solutions

1. Node.js Version Too Low

Error: Node.js version not supported

Solution: Upgrade to Node.js 16.13.0 or higher

2. Command Not Found

Error: command not found: pinme

Solution: Run npm install -g pinme

3. Folder Does Not Exist

Error: No such file or directory

Solution: Check if path is correct, or use ls command to view available directories

4. Permission Error

Error: Permission denied

Solution: Check folder permissions, or use sudo (only when necessary)

5. Upload Failed

  • Check network connection
  • Confirm file size is within limits (single file 200MB, total directory 1GB)
  • Retry upload command

6. Authentication Failed

  • Check if AppKey is set correctly
  • Confirm AppKey format: <address>-<jwt>
  • Use pinme show-appkey to check current status

Upload Limits

Type Free Plan
Single file 200MB
Total directory 1GB

File Storage

Uploaded files are stored on the IPFS network and accessible through the Glitter Protocol's IPFS gateway.

After successful upload, you receive:

  1. IPFS content hash
  2. Preview page URL: https://pinme.eth.limo/#/preview/*
  3. Fixed domain option: https://*.pinit.eth.limo

Log Locations

  • Linux/macOS: ~/.pinme/
  • Windows: %USERPROFILE%\.pinme\

PinMe Platform Features

Preview Page

  • Access uploaded website via preview link: https://pinme.eth.limo/#/preview/*
  • Get fixed domain: https://*.pinit.eth.limo

Login and Management

  • Support user login via AppKey
  • View historical upload records
  • Manage uploaded files

Address Binding

  • Bind uploads to fixed addresses (requires Plus membership)
  • Convenient for long-term maintenance and access
  • Requires AppKey setup and Plus membership activation

Usage Tips

Uploading Vite Projects

When uploading projects built with Vite, ensure proper asset path resolution:

// vite.config.js
export default {
  base: './',
  // other configurations...
};

Working with CAR Files

PinMe supports both importing and exporting CAR (Content Addressable aRchive) files:

Importing CAR Files

When using the import command for CAR files:

  1. CAR File Format: Ensure your files have the .car extension and follow the IPFS CAR specification
  2. Content Integrity: CAR files preserve the original content structure and CID relationships
  3. Use Cases: Ideal for importing previously exported IPFS content, migrating between IPFS nodes, or batch content transfers
  4. Size Considerations: CAR files can be large, ensure you have sufficient bandwidth and storage space

Exporting CAR Files

When using the export command:

  1. Export Process: Export is asynchronous - the command will create an export task and poll for completion
  2. Output Location: By default, exported CAR files are saved to your system's Downloads directory
  3. Custom Path: Use --output or -o to specify a custom output location
  4. CID Format: Supports CIDv0 (starting with Qm) and CIDv1 (starting with bafy, bafk, or bafz)
  5. Use Cases: Backup IPFS content, migrate content between nodes, or archive specific IPFS content

CAR File Workflow

# Export IPFS content to CAR file
pinme export <CID>

# Later, import the CAR file back to IPFS
pinme import ~/Downloads/<CID>.car

Best Practices

  1. Pre-upload Checks

    • Confirm build process completed
    • Verify output directory exists and contains expected files
  2. Security

    • Do not upload sensitive information
    • Avoid uploading development config files
  3. Performance Optimization

    • Compress images and resource files
    • Remove unnecessary files
  4. Verify Deployment

    • Test if preview page is accessible after upload
    • Check if website functions normally

GitHub Actions Integration

PinMe can be integrated with GitHub Actions for automated CI/CD deployment.

Quick Setup

  1. Add workflow file to your repository:

    • Create .github/workflows/deploy.yml
  2. Configure GitHub Secrets:

    • Go to repository → Settings → Secrets and variables → Actions
    • Add PINME_APPKEY with your PinMe AppKey
    • (Optional) Add PINME_DOMAIN for custom domain
  3. Push to trigger deployment:

    • Push to main or master branch
    • Or manually trigger via Actions tab

Example Workflow

name: Deploy to PinMe

on:
  push:
    branches: [main, master]
  workflow_dispatch:
    inputs:
      domain:
        description: 'PinMe domain name'
        required: true
      build_dir:
        description: 'Build directory'
        default: 'dist'

jobs:
  deploy:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with:
          node-version: '18'
      - run: npm ci
      - run: npm run build
      - run: npm install -g pinme
      - run: pinme set-appkey "${{ secrets.PINME_APPKEY }}"
      - run: pinme upload dist --domain "${{ secrets.PINME_DOMAIN }}"

Supported Build Tools

  • Vite: Builds to dist/
  • Create React App: Builds to build/
  • Next.js: Builds to out/ (with output: 'export')
  • Vue CLI: Builds to dist/
  • Angular: Builds to dist/
  • Static sites: Uses root directory or public/

Troubleshooting GitHub Actions

Build directory not found:

  • Ensure build script outputs to standard directory
  • Use manual workflow dispatch to specify custom directory

Authentication failed:

  • Verify PINME_APPKEY secret is correct
  • Ensure AppKey format: <address>-<jwt>

Domain binding failed:

  • Check if domain name is available
  • Ensure you have permission to bind the domain

License

MIT License - See the LICENSE file for details


Contact Us

If you have questions or suggestions, please contact us through:


Star History

Star History Chart


Developed and maintained by the Glitter Protocol team