{"id":13750424,"url":"https://github.com/tavikukko/Chrome-SP-Editor","last_synced_at":"2025-05-09T15:32:04.332Z","repository":{"id":21508524,"uuid":"24827553","full_name":"tavikukko/Chrome-SP-Editor","owner":"tavikukko","description":"Extension for creating and updating files (js, css) in SharePoint Online from Developer Tools","archived":false,"fork":false,"pushed_at":"2023-03-14T19:33:11.000Z","size":51813,"stargazers_count":124,"open_issues_count":12,"forks_count":39,"subscribers_count":12,"default_branch":"master","last_synced_at":"2025-04-11T11:15:34.699Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tavikukko.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2014-10-05T22:11:50.000Z","updated_at":"2025-02-27T04:03:52.000Z","dependencies_parsed_at":"2024-01-17T13:13:56.519Z","dependency_job_id":"470c687c-1303-4d7c-92f3-d7d4ffc75206","html_url":"https://github.com/tavikukko/Chrome-SP-Editor","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tavikukko%2FChrome-SP-Editor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tavikukko%2FChrome-SP-Editor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tavikukko%2FChrome-SP-Editor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tavikukko%2FChrome-SP-Editor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tavikukko","download_url":"https://codeload.github.com/tavikukko/Chrome-SP-Editor/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253275619,"owners_count":21882340,"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-08-03T08:00:35.419Z","updated_at":"2025-05-09T15:32:02.274Z","avatar_url":"https://github.com/tavikukko.png","language":"JavaScript","funding_links":[],"categories":["Tools"],"sub_categories":["Samples"],"readme":"SP Editor\n==\nA Google Chrome Extension for creating and updating files (js, css) in SharePoint Online from Chrome Developer Tools\n\nHere's a great introduction video by [Jeff Jones](http://www.spjeff.com/2017/04/24/video-sp-editor-chrome-extension)\n\n\n[![](https://raw.githubusercontent.com/tavikukko/Chrome-SP-Editor/master/icons/icon-video.png)](http://www.spjeff.com/2017/04/24/video-sp-editor-chrome-extension \"Introduction Video\")\n\n## Version history\n- 5.6.17\n    * Added link to Modern App Catalog, thanks [@MarkusLanger](https://github.com/MarkusLanger) for the PR!\n    * Fixed issue where in some pages SP Editor was not able to get the context, thanks [@anoopt](https://github.com/anoopt) for the fix!\n- 5.6.16\n    * Updated PnPjs to 2.11.0\n    * Updated monaco-editor to 0.30.1\n- 5.6.15\n    * Fixed issue with Search, thanks [@jhholm](https://github.com/jhholm) for the PR!\n    * Updated PnPjs to 2.10.0\n    * Updated monaco-editor to 0.29.1\n    * Reverted microsoft-graph-client back to 2.2.1\n- 5.6.14 updates\n    * removed unused permissions\n- 5.6.13 updates\n    * Issue with pagelayout change fixed\n    * Updated PnPjs to 2.8.0\n    * Updated monaco-editor to 0.27.0\n    * updated microsoft-graph-client to 3.0.0\n- 5.6.12 updates\n    * Updated PnPjs to 2.7.0\n- 5.6.11 bug fix\n    * Fixed issue SP Editor not working in incognito mode\n- 5.6.10 updates\n    * Updated PnPjs to 2.6.0\n    * Updated monaco-editor to 0.25.2\n    * fixed issue with search not showing results, thanks [@alooft](https://github.com/alooft) \u0026 [@MarkusLanger](https://github.com/MarkusLanger)\n    * fixed Classic Admin Center url, thanks [@Gennady-G](https://github.com/Gennady-G)\n- 5.6.9 updates\n    * Updated PnPjs to 2.3.0\n    * Updated monaco-editor to 0.23.0\n- 5.6.8 bug fix\n    * Saving file using sources tab was not working, thanks [@Gennady-G](https://github.com/Gennady-G) for spotting it\n- 5.6.7 updates\n    * Updated PnPjs to 2.1.1\n    * Updated monaco-editor to 0.22.3\n- 5.6.6 updates\n    * Updated PnPjs to 2.1.0\n- 5.6.5 bug fix\n    * fixed bug related to cache\n- 5.6.4 updates\n    * Updated PnPjs to 2.0.13\n- 5.6.3 updates\n    * Updated Graph SDK Client to 2.2.1\n    * fixed issue in search, now get all managed properties for user objects, thanks [@kasperbolarsen](https://github.com/kasperbolarsen)\n- 5.6.2 updates\n    * Updated PnPjs to 2.0.12\n    * Updated Graph SDK Client to 2.1.1\n- 5.6.1 Small fix\n- 5.6.0 New feature\n    * Graph SDK Console\n    * removed Graph Man\n- 5.5.11 updates\n    * Updated PnPjs to 2.0.11\n- 5.5.10 updates\n    * Updated PnPjs to 2.0.10\n    * Updated monaco-editor to 0.21.2\n- 5.5.9 updated quicklinks\n    * Added link new Term store and maintenancemode, thanks [@Rafaelki](https://github.com/Rafaelki)\n    * Updated PnPjs to 2.0.6\n- 5.5.8 updated quicklinks\n    * Added link \"Sign in as another user\" to on-premises\n    * Updated PnPjs to 2.0.5\n- 5.5.7 updated quicklinks\n    * Added link \"Sign in as another user\", thanks [@Gennady-G](https://github.com/Gennady-G)\n- 5.5.5 updates PnPjs to 2.0.4\n- 5.5.4 small fixes\n    * Fixed issue with Modern Properties, thanks [@IvanTheBearable](https://github.com/IvanTheBearable) \n- 5.5.3 updates \u0026 speedmode\n    * Updated PnPjs to 2.0.3\n    * Updated sp-clientsvc to 1.3.10\n    * Updated sp-taxonomyto to 1.3.10\n    * Updated monaco-editor to 0.20.0\n    * speedmode in quiclinks\n- 5.5.2 updates\n    * Updated PnPjs to 2.0.2\n    * Updated sp-clientsvc to 1.3.9\n    * Updated sp-taxonomyto to 1.3.9\n- 5.5.1 updates\n    * Updated PnPjs to 2.0.1\n    * Updated monaco-editor to 0.19.3\n- 5.5.0 updates\n    * Updated PnPjs to 2.0.0\n      - Selective Imports\n      - Presets\n      - Invokable Objects\n      - Aliased Parameters\n    * File editor: color picker with css colors\n    * Updated monaco-editor to 0.19.0\n- 5.4.8 updates\n    * Updated PnPjs to 1.3.8\n- 5.4.7 updates\n    * Updated PnPjs to 1.3.7\n- 5.4.6 GraphMan fix\n- 5.4.5 bug fix\n    - Fixed GraphMan functionality, thanks [@thomyg](https://github.com/thomyg) \n    - Fixed snippets in PnPjs Console\n- 5.4.4 bug fix\n    * previous fix did not work on all tenants, added conditional check for siteid/SiteId\n- 5.4.3 bug fix\n    * tenant properties was failing, siteid property was changed to SiteId\n- 5.4.2 updates\n    * Updated PnPjs to 1.3.6\n    * Updated monaco-editor to 0.18.1\n- 5.4.1 bug fix \u0026 updates\n    * For some reason the uniqueId property disapeared from _spPageContextInfo... workaround was to fetch it\n    * Updated monaco-editor to 0.18.0\n- 5.4.0 New feature in search\n    * Search current page and show all available managed properties\n- 5.3.1 Small adjustments\n- 5.3.0 New feature\n    * Change Promoted State\n- 5.2.0 New feature in Search\n    * View all ManagedProperties\n- 5.1.1 Small adjustments \n- 5.1.0 New feature in Quick links\n    * Change PageLayoutType for modern page (Home, Article, SingleWebPartAppPage)\n- 5.0.6 New link to Quick links\n    * Link to Site contents\n- 5.0.5 updates\n    * Updated PnPjs to 1.3.5\n- 5.0.4 added possibility to modify loadedjs/css also in modern pages, thanks [@Gennady-G](https://github.com/Gennady-G)\n- 5.0.3 updates\n    * Updated PnPjs to 1.3.4\n    * Updated monaco-editor 0.17.1\n- 5.0.2 small adjustments\n- 5.0.1 updates\n    * Updated PnPjs to 1.3.3\n    * Updated monaco-editor 0.17.0\n    * Updated Riot 3.13.2\n- 5.0.0 New feature\n    * Quick links, thanks [@poikjo](https://github.com/poikjo)\n    * Quick access to _spPageContextInfo\n- 4.6.1 small fixes in search feature\n- 4.6.0 New features in Search\n    * RefinementFilters, thanks [@forgetalex](https://github.com/forgetalex)\n    * SourceIds\n    * SortList\n- 4.5.3 updates\n    * Fixed bug in Page Editor, which stopped working after page refresh\n- 4.5.2 updates\n    * Updated PnPjs to 1.3.2\n- 4.5.1 updates\n    * Updated PnPjs to 1.3.1\n    * Updated monaco editor 0.16.2\n- 4.5.0 updates and bug fixes\n    * Updated PnPjs to 1.3.0\n    * Updated monaco editor 0.16.0\n    * Added max length (80) to webhook clientstate, thanks [@thomyg](https://github.com/thomyg) \n    * Fixed issue with chrome devtool shorcuts popping up when hitting the shortcut when editing files, thanks [@johannes-z](https://github.com/johannes-z) for reporting\n    * Support for SP2019\n- 4.4.1 Refactoring\n- 4.4.0 New feature in Search\n    * Request reindex for web, thanks [@koskila](https://github.com/koskila) for the contribution.\n    * Updated PnPjs to 1.2.6\n- 4.3.2 Updated PnPjs to 1.2.3\n- 4.3.1 Bug fix in Modern Properties\n- 4.3.0 Updated PnPjs to 1.2.1 and monaco editor to 0.14.3 \n- 4.2.1 Search query tool enhancements\n    * submit on Enter\n    * auto scroll to results\n    * view preview of search payload\n    * show spinner while searching\n    * show errors\n- 4.2.0 New feature\n    * Search query tool\n- 4.1.4 Added optional ClientState when subscribing to list webhooks, thanks [@thomyg](https://github.com/thomyg) for the contribution.\n- 4.1.3 Updated PnPjs to 1.1.4\n- 4.1.2 Updated PnPjs to 1.1.3\n- 4.1.1 Updated PnPjs to 1.1.2\n- 4.1.0 Updated monaco editor to 0.13.1\n    * Added some new sample scripts\n    * Restored snippets\n- 4.0.0 Updated PnPjs Console to use new PnPjs modules\n    * bugfix: css injections will not be loaded when in termstoremanager, thanks [@juhaalhojoki](https://github.com/juhaalhojoki)\n- 3.7.0 New feature in Modern Properties\n    * View HubSites and Sites connected to HubSites\n- 3.6.3 New feature in Webhooks\n    * Added button to update webhook expiration date for 6 months more\n- 3.6.2 New feature in File Editor\n    * Pressing ctrl/cmd + D downloads the current file in editor\n    * Updated sp-pnp-js to 3.0.6\n- 3.6.1 some adjustments\n- 3.6.0 New feature\n    * Manage Site Designs \u0026 Scripts\n- 3.5.1 bug fix for Tenant Properties\n- 3.5.0 Updated feature\n    * Modern properties: View/Add/Remove Tenant Properties\n    * Updated sp-pnp-js to 3.0.4\n- 3.4.0 Updated feature\n    * Modern properties: Add/Remove public/private origins, thanks [@ytterstrom](https://github.com/ytterstrom)\n    * Updated sp-pnp-js to 3.0.3\n- 3.3.2 _legacyPageContext bug fix (modern)\n- 3.3.1 File editor bug fix (on-prem)\n- 3.3.0 File editor update\n    * Browse subsites\n- 3.2.1 Bug fixes \n    * Possible to have multiple editor open\n    * Moved save settings to main menu\n- 3.2.0 Update in Modern properties \n    * Enable/Disable O365 Public/Private CDN\n- 3.1.0 New feature\n    * Modern properties: enable/disable scripts in modern team \u0026 communication sites\n    * Webhooks will now show hidden lists\n- 3.0.1 bug fix\n    * List webhooks did not show\n- 3.0.0 New feature\n    * Graph Man: query graph.microsoft.com api from PnP JS Console\n- 2.4.5 bug fix and new snippet, thanks [@ytterstrom](https://github.com/ytterstrom)\n- 2.4.4 SP2013 headers fix, thanks [@ytterstrom](https://github.com/ytterstrom)\n- 2.4.3 Snippets update\n- 2.4.2 Changed snippet prefix to \"snip\"\n- 2.4.1 Small fixes\n    * error messages fix\n    * PnP JS Console focus fix\n- 2.4.0 New feature\n    * PnP JS Console now with pre-defided snippets (submit your favourite snippets, will add them!)\n    * Updated sp-pnp-js to 3.0.1\n- 2.3.1 Small fixes\n    * Fixed issue with PnP JS Console in modern pages\n    * Fixed issue with File editor in modern pages\n- 2.3.0 Upgraded monaco-editor to version 0.10.0\n- 2.2.3 Small fix for modern pages / sites.\n- 2.2.2 Updated sp-pnp-js to 2.0.8\n- 2.2.1 Updated sp-pnp-js to 2.0.6\n- 2.2 New Feature\n    * AppCatalog: View and edit all apps in App Catalog\n- 2.1.2 updates\n    * Enhancements in Page editor: reorder webpart drag\u0026drop by [@andrei-markeev](https://github.com/andrei-markeev)\n    * Updated sp-pnp-js to 2.0.5\n    * added CDN support for onpremise scripts\n- 2.1.1 small fixes\n- 2.1 New Feature\n    * File editor: View and edit all files on current site\n        * white file icon = content file\n        * red file icon = ghosted file (Un-Customized)\n        * yellow file icon = unghosted file (Customized)\n    * Updated sp-pnp-js to 2.0.4\n- 2.0 Almost complete re-write\n    * Converted all pages to use riot.js ( Thanks [@andrei-markeev](https://github.com/andrei-markeev) )\n    * Updated sp-pnp-js to 2.0.3\n- 1.7.2 Small fixes\n- 1.7.1 Small fixes\n- 1.7 New Feature\n    * List Properties: view, edit, add, remove and index list RootFolder properties\n    * Enhancements in Page editor: add \u0026 remove webparts by [@andrei-markeev](https://github.com/andrei-markeev)\n- 1.6.1 Small fix\n- 1.6 New Feature\n    * Page editor: edit webpart properties. created by [@andrei-markeev](https://github.com/andrei-markeev)\n- 1.5 New Feature\n    * PnP JS Console: Write TypeScript using PnP-JS-Core definitions and execute on current context\n    * Updated pnp-js-core to v2.0.2\n- 1.4 Bug fixes\n    * Fixed issue when saving files from another web/sitecollection\n    * Fixed issue about Scriptlinks were not always rendered\n    * Updated pnp-js-core to v2.0.1\n- 1.3.1 Name and Icon change\n- 1.3.0 Added possibility to create webhooks for lists\n    * Changed SharePoint Client Object Model to PnP-JS-Core\n    * Chrome SP Editor works now in classic and modern pages\n    * Chrome SP Editor works now with SP2013, SP2016 and SharePoint Online\n    * Fixed some rendering issues\n- 1.2.18 Added possibility to create indexed webproperties\n- 1.2.17 Small fix\n- 1.2.16 Small fix\n- 1.2.15 All injections will now respect the sequence, no matter if loaded from CDN or locally\n- 1.2.14 Small fix\n- 1.2.13 Added possibility to inject new file from add new file view.\n- 1.2.12 Fixed issue where editors in different tabs could affect others settings.\n- 1.2.11 Added default content to new js/css files created from the editor.\n- 1.2.10 Bug fix. Edited file was always published as a major version.\n- 1.2.9 Fixed major bug after latest improvements\n- 1.2.8 Added notifications for all events. Removed rest of the alert boxes\n- 1.2.7 Added file name to the notification\n- 1.2.6 Changed alert boxes to notifications when saving a file\n- 1.2.5 Added SP2013 OnPrem support\n- 1.2.4 Added filtering for propertybag value listing\n- 1.2.3 Small messaging enhancements\n- 1.2.2 Small messaging enhancements\n- 1.2.1 Small usability enhancements\n- 1.2.0 Added support for view, add, edit and delete web propertybag values\n- 1.1.0 Added support for chrome workspaces and querystring for injections\n- 1.0.0 First published version\n\n## Description\n\nCreating and editing js / css files in SharePoint Online from any device which has Chrome desktop browser.\nAlso possibility to add local and external js/css resources references with usercustomactions.\n\n## Installation\nInstall extension from Chrome web store https://chrome.google.com/webstore/detail/sp-editor/ecblfcmjnbbgaojblcpmjoamegpbodhd\n\n## Manual installation\nClone the repository\n* git clone https://github.com/tavikukko/Chrome-SP-Editor.git\n* Open Chrome with url chrome://extensions/\n* Click \"Load unpacked extension...\" and select Chrome-SP-Editor folder\n\n## Usage\n\nGo to your SharePoint site and open Chrome developer tools.\n\n### Disable Chrome Developer Tools cache\n![alt](http://i.stack.imgur.com/LcDvz.png)\n\n### Edit files\n* Select SharePoint tab, select \"Save to SharePoint\" from left navigation\" and select \"Update changes to SharePoint\".\n* Select sources tab\n* Select js/css file for editing\n* Make changes and save (cmd+s / ctrl+s)\n* You will get notifivation if the save was successful or not\n\n### Create files\n* Select SharePoint tab, select \"Files\" from left navigation\n* Write filename (.js/.css) and press add\n* New empty file will be created in the Style library of the rootweb\n* You can inject the file after adding it\n\n### Add css / js references to site / sitecollection\n* Select SharePoint tab, select \"Scriptlinks\" from left navigation\n* Give sequence for the link to be added. The sequence will tell the order to load the files\n* Add the URL to the file. Local js files, use ~sitecollection/path/to/your/file.js. Local css and external css and js files must use absolute url.\n* From the dropdown, select if you want the file to be added only to current site, or to the whole site collection.\n\n### Web properties\n* Select SharePoint tab, select \"Web properties\" from left navigation\n* Add new property and value and press \"Add property\"\n* Edit or modify current properties from the list below\n* click index in you want make the property searchable (you need to create managedproperty after the property has been crawled)\n\n### List properties\n* Select SharePoint tab, select \"List properties\" from left navigation\n* Select list from dropdown to see RootFolder properties\n* Add new property and value and press \"Add property\"\n* Edit or modify current properties from the list below\n* click index in you want make the property searchable (you need to create managedproperty after the property has been crawled)\n\n### Webhooks\n* Select list where the webhook subscription will be added\n* Give the full path to the endpoint (endpoint must handle POST request and return provided validationstring)\n\n### PnP JS Console\n* Write TypeScript using PnP-JS-Core definitions and execute on current context\n* ctrl + d to execute\n* for sp2013 change the headers of the request:\n```\npnp.setup({\n    sp: {\n        headers: {            \n            \"Accept\": \"application/json;odata=verbose\",\n        }\n    }\n});\n```\n### Page editor\n* Edit the webpart properties using the the editor.\n* Make sure the page is checked out to be able to save it back with changes.\n\n### File editor\n* View all files and folder of the current web\n* Ctrl + s to save edited file (select \"Update changes to SharePoint\" first)\n    * white file icon = content file\n    * red file icon = ghosted file (Un-Customized)\n    * yellow file icon = unghosted file (Customized) \n\n### AppCatalog\n* View and edit all apps in App Catalog\n* Ctrl + s to save locally and Ctrl + D to upload back to appCatalog\n    * blue icon mean that file has been edited locally but not yet uploaded to app catalog\n### Chrome Workspaces\n* SP Editor works also when using Chrome workspaces, it saves the file to the disk and also the SharePoint.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftavikukko%2FChrome-SP-Editor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftavikukko%2FChrome-SP-Editor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftavikukko%2FChrome-SP-Editor/lists"}