{"id":20119614,"url":"https://github.com/box/box-ui-elements-demo","last_synced_at":"2025-05-06T14:32:39.435Z","repository":{"id":22750410,"uuid":"97165286","full_name":"box/box-ui-elements-demo","owner":"box","description":"Demo react app for UI Elements","archived":false,"fork":false,"pushed_at":"2023-01-04T01:18:43.000Z","size":2866,"stargazers_count":14,"open_issues_count":29,"forks_count":14,"subscribers_count":15,"default_branch":"master","last_synced_at":"2024-04-14T22:20:48.199Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/box.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-07-13T21:11:11.000Z","updated_at":"2023-09-08T17:27:26.000Z","dependencies_parsed_at":"2023-01-13T22:09:23.177Z","dependency_job_id":null,"html_url":"https://github.com/box/box-ui-elements-demo","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/box%2Fbox-ui-elements-demo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/box%2Fbox-ui-elements-demo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/box%2Fbox-ui-elements-demo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/box%2Fbox-ui-elements-demo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/box","download_url":"https://codeload.github.com/box/box-ui-elements-demo/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":224509404,"owners_count":17323079,"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":[],"created_at":"2024-11-13T19:16:18.466Z","updated_at":"2024-11-13T19:16:19.228Z","avatar_url":"https://github.com/box.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"Demo host app for the [Box UI Elements](https://developer.box.com/docs/box-ui-elements)\n===========================================================================================\n\n**This demo app demonstrates how to use a Box UI Element from within a React based application. The UI Elements require an access token to work. This demo however does not demonstrate how to do authentication in your app. For authentication and generating tokens please follow https://developer.box.com/docs/authentication instead.**\n\nSetup\n-----\n1. Create a new app with Standard OAuth 2.0 (User Authentication) in the [Box Developer Console](https://app.box.com/developers/console).\n    1. Use `http://localhost:8080` as your redirect URI on the configuration page.\n    2. Whitelist `http://localhost:8080` for CORS on the configuration page.\n    3. Note down the Client ID and Client Secret from the configuration page.\n2. Clone this repo via `git clone git@github.com:box/box-ui-elements-demo.git`.\n3. Run `yarn start` to run the webpack dev server.\n4. Navigate to http://localhost:8080.\n5. Enter the values from step 2 and then grant access to box on the following page.\n\n**Note: The above instruction steps assume webpack dev server is running on port 8080. If it runs on another port, you will have use that instead in the instructions above.**\n\nImportant Files\n---------------\n[How to import the UI Element - Main.js](src/Main.js)\n[Webpack rules - webpack.config.js](webpack.config.js)\n[Babel config - babel.config.js](babel.config.js)\n[Depedencies - package.json](package.json)\n\nDocumentation\n-------------\n##### [Box Content Pickers](https://developer.box.com/docs/box-content-picker)\n##### [Box Content Explorer](https://developer.box.com/docs/box-content-explorer)\n##### [Box Content Uploader](https://developer.box.com/docs/box-content-uploader)\n##### [Box Content Preview](https://developer.box.com/docs/box-content-preview)\n##### [Box Content Sidebar](https://developer.box.com/docs/box-content-sidebar)\n##### [Box Content Open With](https://developer.box.com/docs/box-content-open-with)\n\n# Questions\nIf you have any questions, please visit our [developer forum](https://community.box.com/t5/Box-Developer-Forum/bd-p/DeveloperForum) or contact us via one of our [available support channels](https://community.box.com/t5/Community/ct-p/English).\n\n# Copyright and License\nCopyright 2016-present Box, Inc. All Rights Reserved.\n\nLicensed under the Box Software License Agreement v.20170516.\nYou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n   https://developer.box.com/docs/box-sdk-license\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbox%2Fbox-ui-elements-demo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbox%2Fbox-ui-elements-demo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbox%2Fbox-ui-elements-demo/lists"}