{"id":16431199,"url":"https://github.com/wictorwilen/spfxinteams","last_synced_at":"2025-08-12T02:06:46.122Z","repository":{"id":81527610,"uuid":"149560872","full_name":"wictorwilen/spfxinteams","owner":"wictorwilen","description":"Demo for Ignite 2018 session \"Automate the creation of teams and channels in Microsoft Teams\" THR2147","archived":false,"fork":false,"pushed_at":"2018-09-27T15:33:59.000Z","size":461,"stargazers_count":5,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-04-08T03:51:08.917Z","etag":null,"topics":["adaptivecards","microsoftteams","msteams","sharepoint","sharepoint-framework","spfx"],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","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/wictorwilen.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-09-20T06:17:31.000Z","updated_at":"2023-08-29T10:31:45.000Z","dependencies_parsed_at":null,"dependency_job_id":"54257a26-920c-42c9-8bd5-71a30b3ff1a2","html_url":"https://github.com/wictorwilen/spfxinteams","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/wictorwilen/spfxinteams","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wictorwilen%2Fspfxinteams","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wictorwilen%2Fspfxinteams/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wictorwilen%2Fspfxinteams/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wictorwilen%2Fspfxinteams/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wictorwilen","download_url":"https://codeload.github.com/wictorwilen/spfxinteams/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wictorwilen%2Fspfxinteams/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":269987123,"owners_count":24508176,"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","status":"online","status_checked_at":"2025-08-12T02:00:09.011Z","response_time":80,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["adaptivecards","microsoftteams","msteams","sharepoint","sharepoint-framework","spfx"],"created_at":"2024-10-11T08:29:25.022Z","updated_at":"2025-08-12T02:06:46.114Z","avatar_url":"https://github.com/wictorwilen.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# SharePoint Framework Web Part in Microsoft Teams demo\n\n![Works on my machine](https://img.shields.io/badge/Works-on%20my%20machine-green.svg)\n\n**Link**: https://askwictor.com/spfxinteams\n\nDemo solution for Microsoft Ignite 2018 that shows how a SharePoint Framework Web Part can be added as a Microsoft Teams tab.\n\n\u003e **NOTE** ALL CODE AND SETUP AND CONFIGURATION ARE SUBJECT TO CHANGE AND ARE SHARED ONLY FOR DEMONSTRATIONAL PURPOSES AT MICROSOFT IGNITE 2018. IT MIGHT NOT EVEN WORK IN YOUR TENANT SINCE IT ALSO HAS DEPENDENCIES ON TENANT PRE-RELEASE FEATURES.\n\n\n## How to install and configure\n\nFollow these instructions to install and configure the solution\n\n1. Upload the .sppkg (SPFx package) into the SharePoint App Catalog and allow it to be installed in all site collections\n2. Go to the new SharePoint Tenant Admin page and approve the API permission request (Group.ReadWrite.All)\n3. Create a new Microsoft Teams team\n4. Wait a minute until the SharePoint team site is provisioned\n5. In the associated SharePoint team site create a list called `HostedAppConfigList`\n6. Add a single line of text column to the list called `HostType`\n7. Add a multi line of text column to the list called `HostData`\n8. Create a new App in the site of the type Calendar\n9. Add a few events to the calendar you just create\n10. Add a new page to the site\n11. Add the `Calendar` web part to the new page\n12. Configure it to use the calendar app you created and verify that the Web Part works in SharePoint\n13. In your Microsoft Teams team, go to settings and apps\n14. Choose to upload a custom app, and select the `spfxinteams-teams.zip` file\n15. Add a new Tab to the Team and choose the *SPFx in Teams* app\n16. When configuring the Tab choose the calendar you created in the SharePoint site.\n17. Wait a few seconds before you save the changes (if you get a message that says you need to configure the web part, remove the tab and try again, and this time wait an additional few seconds)\n18. Verify that the Tab shows the events from the calendar\n\n## How to build\n\nTo build and package the solutions, you need to run `npm install` in the *spfx* and *teams* folders respectively.\n\nThe *spfx*  folder contains the SharePoint Framework solution and you build that as you normally do.\n\nThe *teams*  folder contains a Microsoft Teams project and to package the solution you run `gulp zip` which creates the app package in the *package* folder. (Note; the `gulp manifest` task does not work with this demo as it validates the schema).\n\n\n(C) Copyright Wictor Wilén, 2018","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwictorwilen%2Fspfxinteams","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwictorwilen%2Fspfxinteams","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwictorwilen%2Fspfxinteams/lists"}