React.jsのコンポーネントをUXPinアカウントに送信するには、Continuous Integrationサーバー（Circle CI、Travis、GitHub Actions…）との統合接続をお勧めします。

統合を開始するには

• UXPinアカウントにアクセスします。
• UXPin エディタに入ります。
• 左下のライブラリ名をクリックし、New libraryをクリックします。
• Import React componentsを選択します。
• ライブラリの名前を指定してCreate library」をクリックします。
• Auth tokenをコピーします。 （誰とも絶対に共有しないでください。Git repoのファイルに保存しないでください。このトークンにはアカウントからライブラリに直接アクセスする権限があります。）

CircleCI設定

1. CircleCI configファイルを作成します。 ./.circleci/config.yml
2. 次の YAML コンテンツを config.yml にコピーします。

#config.yml

jobs:
  build:
    docker:
      - image: circleci/node:10.15-stretch-browsers
    working_directory: ~/project/
    steps:
      - checkout
      - run:
          name: "Install dependencies"
          command: npm install
      - run:
          name: 'Push to UXPin'
          command: ./node_modules/.bin/uxpin-merge push --webpack-config ./webpack.config.js --wrapper ./src/Wrapper/UXPinWrapper.js

1. Circle CIを開き、新しいプロジェクトを追加する

2. GitHub repoを検索し、Set Up Projectをクリックします。 プロジェクトにすでにconfig.ymlファイルがある場合は、[Use Existing Config]をクリックします。

3. Start Buildingをクリック *Sync が開始されますが、すぐに失敗します。

4. Project Settings > Environmental Variablesをクリック

5. 新しい環境変数を追加し、名前を入力します。 名前: uxpin_auth_token

   値: コピーした UXPin Auth token

6. 統合を再実行します。