{"id":27996483,"url":"https://github.com/bold-commerce/bold-subscriptions-manage-subscriptions-app","last_synced_at":"2025-06-13T20:36:27.950Z","repository":{"id":50367818,"uuid":"178916829","full_name":"bold-commerce/bold-subscriptions-manage-subscriptions-app","owner":"bold-commerce","description":"React app for the Bold Subscriptions Manage Subscriptions page","archived":false,"fork":false,"pushed_at":"2022-09-13T14:23:00.000Z","size":320,"stargazers_count":15,"open_issues_count":1,"forks_count":18,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-05-08T21:44:42.482Z","etag":null,"topics":["bold-commerce","customer-portal","manage-subscriptions","react","shopify","snyk-scan","subscriptions"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bold-commerce.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-04-01T17:50:28.000Z","updated_at":"2025-02-17T20:57:24.000Z","dependencies_parsed_at":"2023-01-18T06:15:44.617Z","dependency_job_id":null,"html_url":"https://github.com/bold-commerce/bold-subscriptions-manage-subscriptions-app","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/bold-commerce/bold-subscriptions-manage-subscriptions-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bold-commerce%2Fbold-subscriptions-manage-subscriptions-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bold-commerce%2Fbold-subscriptions-manage-subscriptions-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bold-commerce%2Fbold-subscriptions-manage-subscriptions-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bold-commerce%2Fbold-subscriptions-manage-subscriptions-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bold-commerce","download_url":"https://codeload.github.com/bold-commerce/bold-subscriptions-manage-subscriptions-app/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bold-commerce%2Fbold-subscriptions-manage-subscriptions-app/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259717034,"owners_count":22900997,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bold-commerce","customer-portal","manage-subscriptions","react","shopify","snyk-scan","subscriptions"],"created_at":"2025-05-08T21:44:18.341Z","updated_at":"2025-06-13T20:36:27.923Z","avatar_url":"https://github.com/bold-commerce.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Manage Subscriptions Page\n\n## About\n\nBold Subscriptions customers using the **Advanced** plan or higher can create custom manage subscription experiences for their shoppers. Contact [Bold Commerce](https://boldcommerce.com/) for more information and to gain access.\n\nThis project includes boilerplate functions and advanced logic to manage subscriptions. To start creating a custom experience, we recommend forking this project as a base.\n\n## Getting Started\n\n### Prerequisites\n\nTo run this application you will need the following software installed:\n\n* [Node](https://nodejs.org/en/) version 10\n* [Yarn](https://yarnpkg.com/en/docs/install) version 1.12.3 or newer\n\n### Install\n\n1. Clone the repository\n2. Install the node dependencies for the project.\n\n\t```console\n\t$ yarn install\n\t```\n\n### Use\n\nRun a local webpack dev server to develop on.\n\n```console\n$ yarn start\n```\n\n### Develop and test\n\n#### Javascript bundle\nYour local Javascript bundle can be loaded at `https://localhost:8080/app.bundle.js` unless the port was already taken.\n\n#### Proxy page URL\n`https://\u003cdomain\u003e/tools/checkout/api/manage/subscription/app?preview_custom_app=1`\n\n#### Previewing the local bundle\n\nTo start previewing your custom MSP, open Bold Subscriptions through your eCommerce platform and navigate to **Settings \u003e Manage Subscriptions**. In the \"**Custom Manage Subscriptions Page**\" section, fill in the local bundle URL (which is usually `https://localhost:8080/app.bundle.js`) and press **Save**.\n\n\nAfter saving, click \"**Preview Custom Page**\". You'll be taken to a proxy page with your custom app loaded and ready to test. Make sure to sign in as a customer with an active subscription **before** visiting this page.\n\n### Production use\n\nTo build the production bundle into the `dist` folder of the project, run the following:\n\n```console\n$ yarn build\n```\n\nUpload this file to your server or Shopify account, and paste the direct link to the bundle into the **App URL** field on the **Settings -\u003e Manage Subscriptions Page**.\n\nWhen you're ready to release this page to the world, press **Activate Custom Manage Subscriptions Page** to send customers to your newly-created experience.\n\n### Troubleshooting\n\n#### Proxy page content is blank\n\nThis is a fairly common issue when developing locally, and usually happens when the local bundle has a secure protocol (https) attached to it without a valid, associated SSL certificate. To work on a Shopify proxy page, you need to load a secure asset. You can resolve/hack around this in two ways:\n\n1. Navigate to https://localhost:8080/app.bundle.js. The web browser should warn that your connection isn't private because it's claiming to be secure without actually **being** secure. You can often choose to ignore this error (Chrome provides an \"Advanced\" button in the lower left corner of the error which allows you to proceed). This should load the Javascript bundle (until the browser forgets about your decision to proceed).\n\n2. In Chrome, disable the \"Your connection is not private\" error when loading local resources. This is generally safe, since the resources you're loading belong to your machine. You can navigate to `chrome://flags/#allow-insecure-localhost` and enable the highlighted feature flag (\"Allow invalid certificates for resources loaded from localhost\"). The privacy error will no longer come up and you won't need to get around it ever again.\n\nYour custom page should load correctly following one of these steps.\n\n## Contributing\n\nThis project is read only. Please contact [Bold Commerce](https://boldcommerce.com/) with any changes or additions you would suggest.\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details.\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbold-commerce%2Fbold-subscriptions-manage-subscriptions-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbold-commerce%2Fbold-subscriptions-manage-subscriptions-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbold-commerce%2Fbold-subscriptions-manage-subscriptions-app/lists"}