JSPM

  • Created
  • Published
  • Downloads 22536
  • Score
    100M100P100Q160672F
  • License MIT

TypeScript SDK for Composable Commerce Import API features

Package Exports

    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 (@commercetools/importapi-sdk) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

    Readme

    TypeScript SDK for commercetools Composable Commerce Import API

    Usage examples

    Browser environment

    <script src="https://unpkg.com/@commercetools/ts-client@latest/dist/commercetools-sdk-client-v3.umd.js"></script>
    <script src="https://unpkg.com/@commercetools/importapi-sdk@latest/dist/commercetools-importapi-sdk.umd.js"></script>
    <script>
      // global: @commercetools/ts-client
      // global: @commercetools/importapi-sdk
      ;(function () {
        //  We can now access the ts-client and importapi-sdk object as:
        //  const { ClientBuilder } = this['@commercetools/ts-client']
        //  const { createApiBuilderFromCtpClient } = this['@commercetools/importapi-sdk']
        //  or
        //  const { ClientBuilder } = window['@commercetools/ts-client']
        //  const { createApiBuilderFromCtpClient } = window['@commercetools/importapi-sdk']
      })()
    </script>

    Node environment

    npm install --save @commercetools/ts-client
    npm install --save @commercetools/importapi-sdk
    const {
      ClientBuilder,
      createAuthForClientCredentialsFlow,
      createHttpClient,
    } = require('@commercetools/ts-client')
    const { createApiBuilderFromCtpClient } = require('@commercetools/importapi-sdk')
    
    const projectKey = 'mc-project-key'
    const authMiddlewareOptions = {
      host: 'https://auth.europe-west1.gcp.commercetools.com',
      projectKey,
      credentials: {
        clientId: 'mc-client-id',
        clientSecret: 'mc-client-secrets',
      },
      oauthUri: '/oauth/token', // - optional: custom oauthUri
      scopes: [`manage_project:${projectKey}`],
      fetch,
    }
    
    const httpMiddlewareOptions = {
      host: 'https://import.europe-west1.gcp.commercetools.com',
      fetch,
    }
    
    const client = new ClientBuilder()
      .withProjectKey(projectKey)
      .withMiddleware(createAuthForClientCredentialsFlow(authMiddlewareOptions))
      .withMiddleware(createHttpClient(httpMiddlewareOptions))
      .withUserAgentMiddleware()
      .build()
    
    // or
    const client = new ClientBuilder()
      .withProjectKey(projectKey)
      .withClientCredentialsFlow(authMiddlewareOptions)
      .withHttpMiddleware(httpMiddlewareOptions)
      .withUserAgentMiddleware()
      .build()
    
    
    const apiRoot = createApiBuilderFromCtpClient(client)
    
    // calling the importapi functions
    // get project details
    apiRoot
      .withProjectKeyValue({
        projectKey,
      })
      .importContainers()
      .get()
      .execute()
      .then((x) => {
        /*...*/
      })
    
    
    // -----------------------------------------------------------------------
    // The ts-client also has support for the old syntax
    import {
      createClient,
      createHttpClient,
      createAuthForClientCredentialsFlow,
    } from '@commercetools/ts-client'
    import { createApiBuilderFromCtpClient } from '@commercetools/importapi-sdk')
    
    const projectKey = 'some_project_key'
    
    const authMiddleware = createAuthForClientCredentialsFlow({
      host: 'https://auth.europe-west1.gcp.commercetools.com',
      projectKey,
      credentials: {
        clientId: 'some_id',
        clientSecret: 'some_secret',
      },
      fetch,
    })
    
    const httpMiddleware = createHttpClient({
      host: 'https://import.europe-west1.gcp.commercetools.com',
      fetch,
    })
    
    const ctpClient = createClient({
      middlewares: [authMiddleware, httpMiddleware],
    })
    
    const apiRoot = createApiBuilderFromCtpClient(ctpClient)
    
    apiRoot
      .withProjectKey({
        projectKey,
      })
      .get()
      .execute()
      .then((x) => {
        /*...*/
      })