# Dev subDAO: Updated package build tool from CRACO to PARCEL Grape Dashboard

**URL:** <https://dao.grapenetwork.org/t/dev-subdao-updated-package-build-tool-from-craco-to-parcel-grape-dashboard/934>\
**Category:** Bounty\
**Created:** [April 21, 2022, 3:53pm UTC](https://dao.grapenetwork.org/t/dev-subdao-updated-package-build-tool-from-craco-to-parcel-grape-dashboard/934 "2022-04-21T15:53:38Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![its.kirk](https://yyz1.discourse-cdn.com/flex031/user_avatar/dao.grapenetwork.org/its.kirk/32/1023_2.png) [@its.kirk](https://dao.grapenetwork.org/u/its.kirk)\
**Post date:** [April 21, 2022, 3:53pm UTC](https://dao.grapenetwork.org/t/dev-subdao-updated-package-build-tool-from-craco-to-parcel-grape-dashboard/934/1 "2022-04-21T15:53:38Z")

</div>

**Type:** ` Developer DAO`  
**Title:** ` Support for parcel building tool from craco`  
**Funding:** `Pre-Funded`  
**Max Reward (Create):**` 20,000 Grape`  
**Max Reward (Complete):**`1,000 USDC`  
**Date Created:** `04/20/2022`  
**Date Complete:** `06/01/2022`  
**Restrictions/Implementation:** `[https](https://parceljs.org) `  
**Language:** `Typescript`

**Submission Instructions:**

> contribution to Grape GitHub repo [Grape Labs · GitHub](https://github.com/Grape-Labs) in specific [GitHub - Grape-Labs/grape-verification-dashboard: Grape Dashboard](https://github.com/Grape-Labs/grape-dashboard)

**Description:**  
Move to Parcel builds which will support the latest Solana Wallet Adapter

**Deliverable:**  
Updated push to GitHub with a build using parcel, builds should successfully

```auto
yarn install
yarn run build
yarn start

```

Craco should be removed in the deliverable and Parcel should be only used

**Acceptance Criteria:**  
Quality is based on & Exceptional quality generally means:  
Compilable/Runnable Code which will not break any existing dependencies and integrations on the existing repo, libraries may be updated and build can be updated as long as all existing functionality is compilable

---

<div class="post-metadata">

**Author:** ![its.kirk](https://yyz1.discourse-cdn.com/flex031/user_avatar/dao.grapenetwork.org/its.kirk/32/1023_2.png) [@its.kirk](https://dao.grapenetwork.org/u/its.kirk)\
**Post date:** [May 9, 2022, 12:03pm UTC](https://dao.grapenetwork.org/t/dev-subdao-updated-package-build-tool-from-craco-to-parcel-grape-dashboard/934/2 "2022-05-09T12:03:19Z")

</div>

This has been successfully completed:

> **[GitHub - Grape-Labs/grape-dashboard: Grape Dashboard](https://github.com/Grape-Labs/grape-dashboard)**
>
> Grape Dashboard. Contribute to Grape-Labs/grape-dashboard development by creating an account on GitHub.

Create Grape votes to be sent to:  
B98e2BdhvvkxtBTwsu97HCmot93kjg9kEKSVYL6YnjjK

Completion bounty can be sent to the devSub DAO address for development use HfG8kPRFNghXMvNQGhWXB44KdxM925ryGZBMpDkTsq7w

---

<div class="post-metadata">

**Author:** ![riderinred](https://yyz1.discourse-cdn.com/flex031/user_avatar/dao.grapenetwork.org/riderinred/32/382_2.png) [@riderinred](https://dao.grapenetwork.org/u/riderinred)\
**Post date:** [May 9, 2022, 12:17pm UTC](https://dao.grapenetwork.org/t/dev-subdao-updated-package-build-tool-from-craco-to-parcel-grape-dashboard/934/3 "2022-05-09T12:17:25Z")

</div>

Nice, great work!  
As you are the subDAO Leader here I think it’s fair to say that you accept the submission.  
Bounty is now awaiting payment @Dim_Selk

---

<div class="post-metadata">

**Author:** ![its.kirk](https://yyz1.discourse-cdn.com/flex031/user_avatar/dao.grapenetwork.org/its.kirk/32/1023_2.png) [@its.kirk](https://dao.grapenetwork.org/u/its.kirk)\
**Post date:** [May 10, 2022, 4:11pm UTC](https://dao.grapenetwork.org/t/dev-subdao-updated-package-build-tool-from-craco-to-parcel-grape-dashboard/934/4 "2022-05-10T16:11:38Z")

</div>

For those that do not understand what this means and what these bounties are about, currently all builds for the Dashboard are using CRACO, which is no longer supported by the Solana Wallet Adapter (past two months), moving to Parcel allows us to use the latest Wallet Adapter with more wallet support (see the added wallets), furthermore all packages have been updated to the latest repos including the latest spa-token libraries which is a significant undertaking in order to allow the long term use of these packages. This will also allow more improvements and additional repos to be added without an issue.

> <https://github.com/solana-labs/wallet-adapter/issues/265#issuecomment-1028300285>
>
> \*\*Describe the bug\*\*
> I'm seeing the following issue now from the latest version… likely due to .mjs version . 
> \`\`\`
> ./node\_modules/@solana/wallet-adapter-material-ui/lib/esm/WalletConnectButton.mjs
> Can't import the named export 'Button' from non EcmaScript module (only default export is available)
> \`\`\`\`
> 
> \*\*To Reproduce\*\*
> Use \`@solana/wallet-adapter-material-ui@0.16.3\`.
> 
> \*\*Expected behavior\*\*
> Expected it to run successfully.
> 
> \*\*Additional context\*\*
> I'm guessing this is due to a restriction of .mjs files need to import from EcmaScript modules / esm files, but material-ui exports plain .js files despite them using es import styles.

Note that although implemented on grape.art / the dashboard has different functionality which took considerable time to configure. Note: This will also allow more improvements and additional repos to be added without an issue, reduced build size, and improved performance

---

<div class="post-metadata">

**Author:** ![Arximedis](https://yyz1.discourse-cdn.com/flex031/user_avatar/dao.grapenetwork.org/arximedis/32/515_2.png) [@Arximedis](https://dao.grapenetwork.org/u/Arximedis)\
**Post date:** [May 26, 2022, 12:30pm UTC](https://dao.grapenetwork.org/t/dev-subdao-updated-package-build-tool-from-craco-to-parcel-grape-dashboard/934/5 "2022-05-26T12:30:21Z")

</div>

[@DAO-Board](https://dao.grapenetwork.org/groups/dao-board) @riderinred @discolove007 @its.kirk - Bounty has been rewarded and confirmed.

1. Creation: [Squads](https://app.squads.so/squad/7epefBnXTzMXJzxKeKTncgbC6EiTSQDHoZK8Ekg5RJER/proposal/2UBFWrhdTJW6svwc4VnqtLV5gCvrCFoqiFRidL3bjq4L)
2. Completion: [Squads](https://app.squads.so/squad/7epefBnXTzMXJzxKeKTncgbC6EiTSQDHoZK8Ekg5RJER/proposal/A6R3xTbkk5tD86QRmJCfUvU3jY1EjcveDdrMzb596qMr)
