-
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.
Updated readme, sample.json, and devcontainer
- Loading branch information
1 parent
9ca0643
commit b8d5edb
Showing
11 changed files
with
137 additions
and
422 deletions.
There are no files selected for viewing
38 changes: 38 additions & 0 deletions
38
samples/react-modern-carousel/.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.2", | ||
| "image": "docker.io/m365pnp/spfx:1.18.2", | ||
| "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-modern-carousel/.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
File renamed without changes
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,51 @@ | ||
| [ | ||
| { | ||
| "name": "pnp-sp-dev-spfx-web-parts-react-modern-carousel", | ||
| "source": "pnp", | ||
| "title": "Modern Carousel", | ||
| "shortDescription": "This SharePoint Framework (SPFx) web part introduces a contemporary carousel component leveraging Swiper, facilitating seamless traversal through content housed within a SharePoint site.", | ||
| "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-modern-carousel", | ||
| "downloadUrl": "https://pnp.github.io/download-partial/?url=https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-modern-carousel", | ||
| "longDescription": [ | ||
| "This SharePoint Framework (SPFx) web part introduces a contemporary carousel component leveraging Swiper, facilitating seamless traversal through content housed within a SharePoint site. This innovative feature enhances user experience by providing fluid navigation through various pieces of content, thereby adding a touch of elegance and sophistication to the SharePoint environment." | ||
| ], | ||
| "creationDateTime": "2024-12-25", | ||
| "updateDateTime": "2024-12-31", | ||
| "products": [ | ||
| "SharePoint" | ||
| ], | ||
| "metadata": [ | ||
| { | ||
| "key": "CLIENT-SIDE-DEV", | ||
| "value": "React" | ||
| }, | ||
| { | ||
| "key": "SPFX-VERSION", | ||
| "value": "1.18.2" | ||
| } | ||
| ], | ||
| "thumbnails": [ | ||
| { | ||
| "name": "AwardRecognition.png", | ||
| "type": "image", | ||
| "order": 100, | ||
| "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-modern-carousel/assets/AwardRecognition.png", | ||
| "alt": "Web Part Preview" | ||
| } | ||
| ], | ||
| "authors": [ | ||
| { | ||
| "gitHubAccount": "Sandeep-FED", | ||
| "pictureUrl": "https://github.com/Sandeep-FED.png", | ||
| "name": "Sandeep P S" | ||
| } | ||
| ], | ||
| "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" | ||
| } | ||
| ] | ||
| } | ||
| ] |
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
Oops, something went wrong.