Parses ORIGYN PerpetualOS URLs which access resources in an Internet Computer canister implementing the ORIGYN NFT Standard.
For an overview of the PerpetualOS see Welcome to the PerpetualOS.
npm install @origyn/perpetualos-context
import { getPerpetualOSContext } from '@origyn/perpetualos-context';
const context = getPerpetualOSContext('https://abcde-biaaa-aaaal-qbhwa-cai.raw.ic0.app/-/epithalamus-amygdala-diencephalon/primary');
console.log('context', context);
When you need to build a valid PerpetualOS URL in HTML rendering logic, you can use the following functions:
// returns: https://fghij-biaaa-aaaal-qbhwa-cai.raw.icp0.io
const directCanisterUrl = getDirectCanisterUrl('fghij-biaaa-aaaal-qbhwa-cai', true, false);
// returns: https://prptl.io/-/fghij-biaaa-aaaal-qbhwa-cai
const proxyCanisterUrl = getProxyCanisterUrl('fghij-biaaa-aaaal-qbhwa-cai', false);
You can also set the last parameter to true to build local URLs:
// returns: http://fghij-biaaa-aaaal-qbhwa-cai.localhost:8080
const localDirectCanisterUrl = getDirectCanisterUrl('fghij-biaaa-aaaal-qbhwa-cai', false, true);
// returns: http://localhost:3000/-/fghij-biaaa-aaaal-qbhwa-cai
const localProxyCanisterUrl = getProxyCanisterUrl('fghij-biaaa-aaaal-qbhwa-cai', true);
You can get the canister ID from a collection ID (the name of your NFT collection that can be used in a PerpetualOS URL in place of a canister ID).
The Origyn Phone Book canister provides a mapping between the canister IDs of deploy Origyn NFT canisters and their collection IDs (user friendly name of a collection).
By default, this library will query the mainnet Phone Book canister. This behavior can be overridden by providing another Phone Book canister ID, such as one running locally.
To deploy a full local network including Dfinity nns canisters and Origyn system canisters, see https://github.com/ORIGYN-SA/minting-starter.
Use mainnet Phone Book:
const nftCanisterId = await lookupCanisterId('my-cool-collection');
console.log(nftCanisterId);
const nftCollectionId = await lookupCollectionId('abcde-biaaa-aaaal-qbhwa-cai');
console.log(nftCollectionId);
Use an environment specific Phone Book canister (local or mainnet depending on environment variables):
const nftCanisterId = await lookupCanisterId('my-cool-collection', process.env.PHONE_BOOK_CANISTER_ID, process.env.IS_LOCAL);
console.log(nftCanisterId);
const nftCollectionId = await lookupCollectionId('abcde-biaaa-aaaal-qbhwa-cai', process.env.PHONE_BOOK_CANISTER_ID, process.env.IS_LOCAL);
console.log(nftCollectionId);
npm ci
npm run build
PerpetualOS Context is created by parsing the PerpetualOS URL. It provides information
about the canister, collection, token, library asset or other resource being requested by the URL.
See the URLContext interface comments in types.ts.
A canister reference is the first part of the PerpetualOS URL that references a canister.
The following URLs are validated and parsed using the DirectCanisterUrl and ProxyCanisterUrl
regular expressions in regex-patterns.ts.
- Direct to Canister
- Localhost
- Direct to local canister
- http://{canister_id}.localhost:8080
- Webpack dev server to local canister
- Direct to local canister
- Mainnet
- Canisters created before Apr 20, 2023
- https://{canister_id}.raw.ic0.app
- https://{canister_id}.ic0.app
- Canisters created before or after Apr 20, 2023
- https://{canister_id}.raw.icp0.io
- https://{canister_id}.icp0.io
- Webpack dev server to mainnet canister
- Canisters created before Apr 20, 2023
- Localhost
- Via Proxy
- Localhost (uses local proxy)
- Webpack dev server to Mainnet Canister (uses mainnet proxy)
- Mainnet
- Current domain
- Current direct proxy
- Legacy domain
- Via Proxy + Phonebook (to Lookup Collection ID)
- Localhost
- http://localhost:3000/-/{collection_id} (lookup canister_id from collection_id)
- Webpack dev server to Mainnet Canister (uses mainnet proxy)
- http://localhost:9000/-/{collection_id} (lookup canister_id from collection_id)
- Mainnet
- Current domain
- https://prptl.io/-/{collection_id} (lookup canister_id from collection_id)
- Current direct proxy
- https://icx-proxy.origyn.ch/-/{collection_id} (lookup canister_id from collection_id)
- Legacy domain
- https://exos.origyn.network/-/{collection_id} (lookup canister_id from collection_id)
- Current domain
- Localhost
A canister-relative path in this project refers to the part of the URL after the canister reference,
but not including the query string or fragment (if provided).
This part of the URL specifies the resource that is being requested from the canister.
This is similar to a root-relative URL, but since canister references can either be a root-URL (direct to canister), or a root-URL with 2 additional segments (prptl.io domain with reverse proxy), we need a different term for this path following the canister reference.
For a list of all canister-relative paths, see the ResourceType enum comments in types.ts.
Note that hyphens in URLs are placeholders for future data and are currently ignored.
- canister_id: abcde-biaaa-aaaal-qbhwa-cai
- collection_id: brain-matters-dev (lookup function with that name returns canister_id abcde-biaaa-aaaal-qbhwa-cai)
- token_id: epithalamus-amygdala-diencephalon
- URL to the collection's preview image: https://abcde-biaaa-aaaal-qbhwa-cai.raw.ic0.app/collection/preview
- URL to the marketplace dApp at the collection level: https://abcde-biaaa-aaaal-qbhwa-cai.raw.ic0.app/collection/-/marketplace#/epithalamus-amygdala-diencephalon
- URL to the marketplace dApp at the token level: https://abcde-biaaa-aaaal-qbhwa-cai.raw.ic0.app/-/epithalamus-amygdala-diencephalon/-/marketplace#/thalamus-neocortex-brainstem
- URL to an experience page: https://abcde-biaaa-aaaal-qbhwa-cai.raw.ic0.app/-/epithalamus-amygdala-diencephalon/ex
- URL to a primary asset: https://abcde-biaaa-aaaal-qbhwa-cai.raw.ic0.app/-/epithalamus-amygdala-diencephalon/primary
Note: The ORIGYN Phone Book canister maps collection IDs to canister IDs.