Automattic / Automattic/woocommerce-services
Remove dependency on Calypso Repository Git Sub-module
Open
Nobody has claimed this yet.
[Type] Technical Debt
Good Cooldown Task
woocommerce-services
- Dominant language
- JavaScript
- Stars
- 112
- Forks
- 35
- Avg merge
- 3d 1h
- Merged PRs (30d)
- 14
Description
1) Remove Unused files. (@c-shultz) ✅
2) Replace Calypso components with WooCommerce components or WordPress components. In none available, copy over the component:
- Button from 'components/button'; (@brezocordero )✅
- Card from 'components/card'; ( @brezocordero ) ) ✅
- CompactCard from 'components/card/compact'; ( @brezocordero ) ) ✅
- Dialog from 'components/dialog'; ( @c-shultz ) ) ✅
- EllipsisMenu from 'components/ellipsis-menu'; ( @waclawjacek ) ✅
- ExternalLink from 'components/external-link'; ( @brezocordero )✅
- FoldableCard from 'components/foldable-card'; (@harriswong ) ✅
- FormButton from 'components/forms/form-button'; ( @harriswong ) https://github.com/Automattic/woocommerce-services/pull/2443
- FormCheckbox from 'components/forms/form-checkbox'; ( @brezocordero ) ✅
- FormCurrencyInput from 'components/forms/form-currency-input'; (@harriswong) https://github.com/Automattic/woocommerce-services/pull/2589
- FormFieldSet from 'components/forms/form-fieldset'; (@bborman22) ✅
- FormLabel from 'components/forms/form-label'; (@bborman22) ✅
- FormLegend from 'components/forms/form-legend'; (@harriswong) https://github.com/Automattic/woocommerce-services/pull/2592
- FormRadio from 'components/forms/form-radio'; (@harriswong) https://github.com/Automattic/woocommerce-services/pull/2595
- FormSectionHeading from 'components/forms/form-section-heading'; (@harriswong) https://github.com/Automattic/woocommerce-services/pull/2596
- FormSelect from 'components/forms/form-select'; (@frosso ) ✅
- FormSettingExplanation from 'components/forms/form-setting-explanation'; (@harriswong) https://github.com/Automattic/woocommerce-services/pull/2600
- FormTextInput from 'components/forms/form-text-input'; (@bborman22) ✅
- FormTextInputWithAffixes from 'components/forms/form-text-input-with-affixes'; (@bborman22) ✅
- FormToggle from 'components/forms/form-toggle'; (@bborman22) ✅
- Notice from 'components/notice'; ( @harriswong ) https://github.com/Automattic/woocommerce-services/pull/2601
- NoticeAction from 'components/notice/notice-action'; (@harriswong) https://github.com/Automattic/woocommerce-services/pull/2601
- PaymentLogo from 'components/payment-logo'; ( @c-shultz ) ✅
- PopoverMenuItem from 'components/popover/menu-item'; (@waclawjacek) https://github.com/Automattic/woocommerce-services/pull/2393
- QueryStoredCards from 'components/data/query-stored-cards'; (@harriswong) https://github.com/Automattic/woocommerce-services/pull/2602
- SimplifiedSegmentedControl from 'components/segmented-control/simplified'; (@harriswong) https://github.com/Automattic/woocommerce-services/pull/2603
- Spinner from 'components/spinner'; ( @ferdev, @harriswong ) https://github.com/Automattic/woocommerce-services/pull/2605
- TokenField from 'components/token-field'; ( @frosso, @harriswong ) https://github.com/Automattic/woocommerce-services/pull/2606
- Tooltip from 'components/tooltip'; ( @ferdev, @superdav42 ) https://github.com/Automattic/woocommerce-services/pull/1930
- format-currency. (@harriswong) https://github.com/Automattic/woocommerce-services/pull/2607/
3) Remove Calypso paths:
- SCSS
- Sass Loader.
- Babel Loader. ( @c-shultz )
- Module resolution.
4) Remove the submodule.
- Done
5) Upgrade the node version.
- Done
6) Remove Calypso references on actively used documentation pages:
- PCYsg-gGj-p2
- PaJDVv-bG-p2
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the unchecked items in webpack.config.js, including the SCSS, Sass loader, Babel loader, and module-resolution references. Review package.json and the listed documentation pages, then identify the remaining Calypso components and submodule work. Done means the remaining checklist items are completed, the submodule and Calypso references are removed, and the Node version is upgraded.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, nodejs, webpack
- Domain
- build-system, documentation, frontend
- Issue type
- Refactor
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 25/100