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

@backpackjs/preflight

v1.2.3

Published

Backpack preflight is the second command (2) executed during the [backpack storefront initialization lifecycle](https://github.com/packdigital/backpackjs-monorepo/packages/cli#storefront-init-lifecycle).

Downloads

111

Readme

🛫 Backpackjs Preflight

Backpack preflight is the second command (2) executed during the backpack storefront initialization lifecycle.

Backpackjs preflight is primarily responsible for:

  • Validating backpack storefronts required environment variables
  • (Optional) Logging the available environment variables during the storefront initialization.

Backpack preflight options.

Environment Variables

Environment variables enable users to easily configure different features and settings in backpack storefronts. Env vars are categorized in the following domains:

  • SEO configuration
  • Backpack setup
  • CMS setup
  • Build and Site settings
  • Others

Backpack Environment Variables

TYPE | DOMAIN | REQUIRED | DESCRIPTION | EXAMPLE --- | --- | --- | --- | --- | BACKPACK_SITE_ID | backpack | ✅ | Backpack site id | 53ed44b3-e2d9-4a78-842a-70fd8e632393 BACKPACK_API_URL | backpack | ✅ | Backpack api url | https://app.packdigital.com BACKPACK_API_SECRET_TOKEN | backpack | ✅ | Backpack API token | 77c10d8cf683ebd2f0930391c2fb7fc3

CMS Environment Variables

TYPE | DOMAIN | REQUIRED | DESCRIPTION | EXAMPLE --- | --- | --- | --- | --- | CMS_CONTENT_TOKEN | cms | ✅ | Backpack CMS content API token | b78cb5d897a297dcdc7ccd0d605f83 CMS_MANAGEMENT_TOKEN | cms | ✅ | Backpack CMS management API token | 901920a33712485252f14c22c814f9 CMS_PUBLISHED_WEBHOOK_URL | cms | ✅ | Backpack storefront content publishing hook | https://api.netlify.com/build_hooks/60905f7bbed02300bf28503d CMS_ENV | cms | ✅ | Active Backpack CMS environment content branch (set dynamically) | main or staging..

Shopify Environment Variables

TYPE | DOMAIN | REQUIRED | DESCRIPTION | EXAMPLE --- | --- | --- | --- | --- | SHOPIFY_DOMAIN | shopify | ✅ | Shopify store admin url | my-store.myshopify.com SHOPIFY_CART_DOMAIN (to validate) | shopify | 🚧 | Shopify cart domain | shop.mystore.com SHOPIFY_ADMIN_API_PRODUCTION_PASSWORD | shopify | ✅ | Shopify Admin API production password (live site) | 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 SHOPIFY_ADMIN_API_STAGING_PASSWORD | shopify | ✅ | Shopify Admin API feature branches password (feature content branches) | shppa_2d146380b44a952e56978ebf7duc122d4 SHOPIFY_ADMIN_API_DEV_PASSWORD | shopify | ✅ | Shopify Admin API developer password (Each developer's password) | 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 SHOPIFY_ADMIN_API_VERSION | shopify | ✅ | Shopify Admin API version | 2021-04 SITE_URL (to validate) | shopify | 🚧 | Your headless site url | https://mystore.com SHOPIFY_STOREFRONT_API_TOKEN | shopify | ✅ | Shopify storefront API token | b082530638595004cf0af89c52d764d2 SHOPIFY_STOREFRONT_API_VERSION | shopify | ✅ | Shopify storefront API version | 2020-10

SEO Environment Variables

TYPE | DOMAIN | REQUIRED | DESCRIPTION | EXAMPLE --- | --- | --- | --- | --- | FACEBOOK_APP_ID | seo | 🚫 | Facebook app id | 123456 FACEBOOK_DOMAIN_VERIFICATION_ID | seo | 🚫 | Facebook domain verification id | abcde GOOGLE_SITE_VERIFICATION_ID | seo | 🚫 | Google site verification | abcde GTM_CONTAINER_ID | seo | 🚫 | Google GTM container id | GTM-WA2T8B2

Build Environment Variables

TYPE | DOMAIN | REQUIRED | DESCRIPTION | EXAMPLE --- | --- | --- | --- | --- | NODE_VERSION (to validate) | build | 🚧 | Build's nodejs version | 14.16.0 NPM_TOKEN (to validate) | build | 🚧 | @backpackjs npm token | abf80524-0f55-22be-9edf-eb71e9004d5d SILENCE_RECOIL_DUPE_WARNING (to validate) | build | 🚧 | Silence recoil SSR warnings | true ANALYZE (to validate) | build | 🚧 | Generate JS bundle reports | true

Preflight options

Backpack preflight can be configured via backpack.init.js preflight options.