npm package: @swissup/pwa-argento-home
Description: PWA-Studio argento home theme based on Venia-UI.
Author: Alexander Kras'ko
Latest version: 13.0.0

# pwa-argento-home

 PWA-Studio argento home theme based on Venia-UI.

- [Original magento 2 theme](https://github.com/swissup/theme-frontend-argento-home)
- [Magento 2 theme documentation](https://docs.swissuplabs.com/m2/argento/home/)

### Magento PWA Studio Setup

[Magento PWA Studio setup](https://magento.github.io/pwa-studio/tutorials/pwa-studio-fundamentals/project-setup/)

### Install theme

```
yarn add @swissup/pwa-argento-home @swissup/pwa-ajaxsearch @swissup/pwa-askit @swissup/pwa-core @swissup/pwa-easy-banner @swissup/pwa-easycatalogimg @swissup/pwa-easy-slide @swissup/pwa-easytabs @swissup/pwa-highlight @swissup/pwa-navigationpro @swissup/pwa-sold-together
```

> Why @swissup packages are in peerDependencies but not in dependencies? It's for more comfortable development.
> So unfortunately you need to install each package separately

##### For development

 - [@swissup/pwa-ajaxsearch](https://github.com/swissup/pwa-ajaxsearch#install-module)
 - [@swissup/pwa-askit](https://github.com/swissup/pwa-askit#install-module)
 - [@swissup/pwa-core](https://github.com/swissup/pwa-core#install-module)
 - [@swissup/pwa-easy-banner](https://github.com/swissup/pwa-easy-banner#install-module)
 - [@swissup/pwa-easycatalogimg](https://github.com/swissup/pwa-easycatalogimg#install-module)
 - [@swissup/pwa-easy-slide](https://github.com/swissup/pwa-easy-slide#install-module)
 - [@swissup/pwa-easytabs](https://github.com/swissup/pwa-easytabs#install-module)
 - [@swissup/pwa-highlight](https://github.com/swissup/pwa-highlight#install-module)
 - [@swissup/pwa-navigationpro](https://github.com/swissup/pwa-navigationpro#install-module)
 - [@swissup/pwa-sold-together](https://github.com/swissup/pwa-sold-together#install-module)


#### Add @swissup to trusted vendors

1. In your pwa-studio project root open package.json
2. Find "pwa-studio" section
3. Add "trusted-vendors" section if not exist
3. Add "@swissup" vendor to "trusted-vendors"

```json
{
    ...
    "pwa-studio": {
        "targets": {
          "intercept": "./local-intercept.js"
        },
        "trusted-vendors": [
          "@swissup"
        ]
    }
}
```

###### Show trusted vendor list
```
cat package.json | jq '."pwa-studio"."trusted-vendors"'
```

###### Oneline add vendor command (experimental jq)
```
mv package.json package.json.old && cat package.json.old | jq '."pwa-studio"."trusted-vendors" [."pwa-studio"."trusted-vendors" | length] |= . + "@swissup"' > package.json && rm package.json.old
```

###### On your Magento 2 backend please install magento2 integration module [swissup/module-pwa-studio-integration](https://github.com/swissup/module-pwa-studio-integration)

```
composer require swissup/module-pwa-studio-integration --prefer-source --ignore-platform-reqs
bin/magento module:enable Swissup_PwaStudioIntegration Swissup_Core
bin/magento setup:upgrade
bin/magento setup:di:compile
```


### Install single module

```
 yarn add @swissup/pwa-argento-home
```

##### With github access

```
 yarn add ssh://git@github.com:swissup/pwa-argento-home.git
```
 
 ##### For developers
 
 ```
 mkdir -p pwa-studio-custom-packages/swissup
 cd pwa-studio-custom-packages/swissup
 
 git clone git@github.com:swissup/pwa-argento-home.git
 cd pwa-argento-home
 pwd 

 # goto pwa project root dir 
 cd  ../../../pwa-studio-fundamentals
 
 yarn add file:[some path]/pwa-studio-custom-packages/swissup/pwa-argento-home
 yarn watch 
 
 yarn build && yarn start 
 ```

###### Custom script commands "swissup:yarn:cache:fix", "swissup:sync"

```package.json

"swissup:yarn:cache:fix": "yarn cache clean @swissup/pwa-ajaxsearch @swissup/pwa-argento-home @swissup/pwa-askit @swissup/pwa-core @swissup/pwa-easy-banner @swissup/pwa-easycatalogimg @swissup/pwa-easy-slide @swissup/pwa-easytabs @swissup/pwa-highlight @swissup/pwa-navigationpro @swissup/pwa-sold-together",
"swissup:sync": "yarn add file:[some path]/pwa-studio-custom-packages/swissup/pwa-ajaxsearch file:[some path]/pwa-studio-custom-packages/swissup/pwa-argento-home file:[some path]/pwa-studio-custom-packages/swissup/pwa-askit file:[some path]/pwa-studio-custom-packages/swissup/pwa-core file:[some path]/pwa-studio-custom-packages/swissup/pwa-easy-banner file:[some path]/pwa-studio-custom-packages/swissup/pwa-easycatalogimg file:[some path]/pwa-studio-custom-packages/swissup/pwa-easy-slide file:[some path]/pwa-studio-custom-packages/swissup/pwa-easytabs file:[some path]/pwa-studio-custom-packages/swissup/pwa-highlight file:[some path]/pwa-studio-custom-packages/swissup/pwa-navigationpro file:[some path]/pwa-studio-custom-packages/swissup/pwa-sold-together"
```