Use sdk as a standalone package

.circleci/config.yml

@@ -3,15 +3,15 @@ jobs:
   build:
     working_directory: ~/app
     docker:
-      - image: circleci/node:10.7.0-browsers
+      - image: circleci/node:12.16.3-browsers
     steps:
       - checkout
       - run:
           name: Install system dependencies
           command: sudo apt-get install -y libpng-dev
       - run:
           name: Install dependencies
-          command: npm install
+          command: npm ci
       - run:
           name: Run typescript checker
           command: npx tsc --noEmit & npx tsc --noEmit -p src/@sdk & npx tsc --noEmit -p src/@next
@@ -36,7 +36,7 @@ jobs:
             - dist/*
   cypress/run:
     docker:
-      - image: cypress/base:10
+      - image: cypress/base:12.16.2
         environment:
           TERM: xterm
     parallelism: 1

CHANGELOG.md

@@ -6,6 +6,7 @@ All notable, unreleased changes to this project will be documented in this file.
 
 - Add Cypress tags to all of the buttons (also speed up tests) - #718 by @krzysztofwolski
 - Automatically choose variant attributes from url in ProductVariantPicker - #708 by @AlicjaSzu
+- Use sdk as a standalone package - #724 by @dominik-zeglen
 
 ## 2.10.1
 

config/webpack/config.base.js

@@ -4,6 +4,7 @@ const { CleanWebpackPlugin } = require("clean-webpack-plugin");
 const TsconfigPathsPlugin = require("tsconfig-paths-webpack-plugin");
 const ForkTsCheckerWebpackPlugin = require("fork-ts-checker-webpack-plugin");
 const webpack = require("webpack");
+const path = require("path");
 
 if (!process.env.API_URI) {
   throw new Error("Environment variable API_URI not set");
@@ -12,6 +13,10 @@ if (!process.env.API_URI) {
 module.exports = ({ sourceDir, distDir }) => ({
   resolve: {
     alias: {
+      // Explicitely set react's path here because npm-link doesn't do well
+      // when it comes to peer dependencies, and we need to somehow develop
+      // @saleor/sdk package
+      react: path.resolve("./node_modules/react"),
       "react-dom": "@hot-loader/react-dom",
     },
     extensions: [".ts", ".tsx", ".js", ".jsx"],