Install and Use

Within a TypeScript project

1. NPM Install

   npm install sp-pnp-js --save

2. Import to TypeScript file

   import pnp from "sp-pnp-js";

3. Begin using the API

   pnp.sp.web.get().then(...)

You can also import parts of the library into your project to use them directly:

import { objectIsNull } from "sp-pnp-js/lib/utils/args";

let b = objectIsNull(null); //true

From a Content Editor WebPart (untested script)

1. Download pnp.js from here ???

2. Upload pnp.js to your site. In this example we will upload it to a library called "Style Library"

3. Add a new file called pnptest.html to the same library with the following content.

<script type="text/javascript" src="{PathToYourSite}/Style%20Library/pnp.js"></script>

<script type="text/javascript" src="{PathToYourSite}/Style%20Library/pnptest.js"></script>

<div id="main">

</div>

3. Add a new file called pnptest.js to the same library with the following content:

$pnp.sp.web.select("Title").get()

.then(function(data){

`document.getElementById("main").innerText=data.Title;`

`})`

.catch(function(data){

 `document.getElementById("main").innerText=data;  `

});

4. Add a Content Editor WebPart to a page within the site

5. ** Set the url of the content editor webpart to "{PathToYourSite}/Style%20Library/pnptest.html"