-
Notifications
You must be signed in to change notification settings - Fork 3.9k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Added missing sample.json, devcontainer, updated readme
- Loading branch information
1 parent
f25edc1
commit 1c6a0a6
Showing
4 changed files
with
216 additions
and
61 deletions.
There are no files selected for viewing
38 changes: 38 additions & 0 deletions
38
samples/react-personal-tools-list/.devcontainer/devcontainer.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,38 @@ | ||
| { | ||
| "name": "SPFx 1.18.0", | ||
| "image": "docker.io/m365pnp/spfx:1.18.0", | ||
| "customizations": { | ||
| "vscode": { | ||
| "extensions": [ | ||
| "editorconfig.editorconfig", | ||
| "dbaeumer.vscode-eslint" | ||
| ] | ||
| } | ||
| }, | ||
| "forwardPorts": [ | ||
| 4321, | ||
| 35729, | ||
| 5432 | ||
| ], | ||
| "portsAttributes": { | ||
| "4321": { | ||
| "protocol": "https", | ||
| "label": "Manifest", | ||
| "onAutoForward": "silent", | ||
| "requireLocalPort": true | ||
| }, | ||
| "5432": { | ||
| "protocol": "https", | ||
| "label": "Workbench", | ||
| "onAutoForward": "silent" | ||
| }, | ||
| "35729": { | ||
| "protocol": "https", | ||
| "label": "LiveReload", | ||
| "onAutoForward": "silent", | ||
| "requireLocalPort": true | ||
| } | ||
| }, | ||
| "postCreateCommand": "bash .devcontainer/spfx-startup.sh", | ||
| "remoteUser": "node" | ||
| } |
33 changes: 33 additions & 0 deletions
33
samples/react-personal-tools-list/.devcontainer/spfx-startup.sh
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,33 @@ | ||
| echo | ||
| echo -e "\e[1;94mInstalling Node dependencies\e[0m" | ||
| npm install | ||
|
|
||
| ## commands to create dev certificate and copy it to the root folder of the project | ||
| echo | ||
| echo -e "\e[1;94mGenerating dev certificate\e[0m" | ||
| gulp trust-dev-cert | ||
|
|
||
| # Convert the generated PEM certificate to a CER certificate | ||
| openssl x509 -inform PEM -in ~/.rushstack/rushstack-serve.pem -outform DER -out ./spfx-dev-cert.cer | ||
|
|
||
| # Copy the PEM ecrtificate for non-Windows hosts | ||
| cp ~/.rushstack/rushstack-serve.pem ./spfx-dev-cert.pem | ||
|
|
||
| ## add *.cer to .gitignore to prevent certificates from being saved in repo | ||
| if ! grep -Fxq '*.cer' ./.gitignore | ||
| then | ||
| echo "# .CER Certificates" >> .gitignore | ||
| echo "*.cer" >> .gitignore | ||
| fi | ||
|
|
||
| ## add *.pem to .gitignore to prevent certificates from being saved in repo | ||
| if ! grep -Fxq '*.pem' ./.gitignore | ||
| then | ||
| echo "# .PEM Certificates" >> .gitignore | ||
| echo "*.pem" >> .gitignore | ||
| fi | ||
|
|
||
| echo | ||
| echo -e "\e[1;92mReady!\e[0m" | ||
|
|
||
| echo -e "\n\e[1;94m**********\nOptional: if you plan on using gulp serve, don't forget to add the container certificate to your local machine. Please visit https://aka.ms/spfx-devcontainer for more information\n**********" |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,112 @@ | ||
| { | ||
| "name": "pnp-sp-dev-spfx-web-parts-react-personal-tools-list", | ||
| "source": "pnp", | ||
| "title": "Personal tools list", | ||
| "shortDescription": "Allows users to select tools from a predefined list and save them in their own personalized view.", | ||
| "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-personal-tools-list", | ||
| "downloadUrl": "https://pnp.github.io/download-partial/?url=https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-personal-tools-list", | ||
| "longDescription": [ | ||
| "This web part allows users to select tools from a predefined list and save them in their own personalized view.", | ||
| "This web part has the fundamental functionality - a great starting point to build upon if you need something more advanced." | ||
| ], | ||
| "creationDateTime": "2024-02-08", | ||
| "updateDateTime": "2024-02-08", | ||
| "products": [ | ||
| "SharePoint" | ||
| ], | ||
| "metadata": [ | ||
| { | ||
| "key": "CLIENT-SIDE-DEV", | ||
| "value": "React" | ||
| }, | ||
| { | ||
| "key": "SPFX-VERSION", | ||
| "value": "1.18.0" | ||
| } | ||
| ], | ||
| "thumbnails": [ | ||
| { | ||
| "name": "MyToolsDemo1.gif", | ||
| "type": "image", | ||
| "order": 100, | ||
| "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-personal-tools-list/assets/MyToolsDemo1.gif", | ||
| "alt": "Web Part Preview" | ||
| }, | ||
| { | ||
| "name": "MyToolsDemo2.gif", | ||
| "type": "image", | ||
| "order": 101, | ||
| "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-personal-tools-list/assets/MyToolsDemo2.gif", | ||
| "alt": "Web Part Preview" | ||
| }, | ||
| { | ||
| "name": "availableTools.png", | ||
| "type": "image", | ||
| "order": 102, | ||
| "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-personal-tools-list/assets/availableTools.png", | ||
| "alt": "Web Part Preview" | ||
| }, | ||
| { | ||
| "name": "mytoold.png", | ||
| "type": "image", | ||
| "order": 103, | ||
| "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-personal-tools-list/assets/mytoold.png", | ||
| "alt": "Web Part Preview" | ||
| }, | ||
| { | ||
| "name": "mytoolslist.png", | ||
| "type": "image", | ||
| "order": 104, | ||
| "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-personal-tools-list/assets/mytoolslist.png", | ||
| "alt": "Web Part Preview" | ||
| }, | ||
| { | ||
| "name": "savedtools.png", | ||
| "type": "image", | ||
| "order": 105, | ||
| "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-personal-tools-list/assets/savedtools.png", | ||
| "alt": "Web Part Preview" | ||
| }, | ||
| { | ||
| "name": "savetools.png", | ||
| "type": "image", | ||
| "order": 106, | ||
| "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-personal-tools-list/assets/savetools.png", | ||
| "alt": "Web Part Preview" | ||
| }, | ||
| { | ||
| "name": "selecttools.png", | ||
| "type": "image", | ||
| "order": 107, | ||
| "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-personal-tools-list/assets/selecttools.png", | ||
| "alt": "Web Part Preview" | ||
| }, | ||
| { | ||
| "name": "settings.png", | ||
| "type": "image", | ||
| "order": 108, | ||
| "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-personal-tools-list/assets/settings.png", | ||
| "alt": "Web Part Preview" | ||
| }, | ||
| { | ||
| "name": "video-demo1.mp4", | ||
| "type": "video", | ||
| "order": 109, | ||
| "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-personal-tools-list/assets/video-demo1.mp4" | ||
| } | ||
| ], | ||
| "authors": [ | ||
| { | ||
| "gitHubAccount": "Eli-Schei", | ||
| "pictureUrl": "https://github.com/Eli-Schei.png", | ||
| "name": "Eli Schei" | ||
| } | ||
| ], | ||
| "references": [ | ||
| { | ||
| "name": "Build your first SharePoint client-side web part", | ||
| "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", | ||
| "url": "https://docs.microsoft.com/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" | ||
| } | ||
| ] | ||
| } |