iLoveElysia/pjax
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 9 Wiki Activity

Add examples, remove failing test #44

Merged
rstacruz merged 3 commits from fix/stuff into master 2015-11-14 06:28:26 -05:00
Conversation 6 Commits 3 Files Changed 5 +72 -3
5 changed files with 72 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
README.md
View File

@@ -537,6 +537,12 @@ wrapper on each page (to avoid differences of DOM between pages)
---
## Examples
Clone this repository and run `npm run example`, then open `http://localhost:3000/example` in your browser.
---
## Contributing
Work on a branch, install dev-dependencies, respect coding style & run tests before submitting a bug fix or a feature.

26
example/example.js Normal file
View File

@@ -0,0 +1,26 @@
/* global Pjax */
console.log("Document initialized:", window.location.href)
document.addEventListener("pjax:send", function() {
console.log("Event: pjax:send", arguments)
})
document.addEventListener("pjax:complete", function() {
console.log("Event: pjax:complete", arguments)
})
document.addEventListener("pjax:error", function() {
console.log("Event: pjax:error", arguments)
})
document.addEventListener("pjax:success", function() {
console.log("Event: pjax:success", arguments)
})
document.addEventListener("DOMContentLoaded", function() {
var pjax = new Pjax({
selectors: [".body"]
})
console.log("Pjax initialized.", pjax)
})

15
example/index.html Normal file
View File

@@ -0,0 +1,15 @@
<!doctype html>
<html>
<head>
<meta charset='utf-8'>
<title>Hello</title>
<script src='../pjax.js'></script>
<script src='example.js'></script>
</head>
<body>
<div class='body'>
<h1>Index</h1>
hello. Go to <a href='page2.html'>Page 2</a> and view your console to see Pjax events.
</div>
</body>
</html>

15
example/page2.html Normal file
View File

@@ -0,0 +1,15 @@
<!doctype html>
<html>
<head>
<meta charset='utf-8'>
<title>Hello</title>
<script src='../pjax.js'></script>
<script src='example.js'></script>
</head>
<body>
<div class='body'>
<h1>Page 2</h1>
Hello. Go to <a href='index.html'>Index</a>.
</div>
</body>
</html>

13
package.json
View File

@@ -33,6 +33,7 @@
"coverify": "^1.0.6",
"jscs": "^1.6.2",
"jshint": "^2.5.6",
"serve": "1.4.0",
"tape": "^3.0.0",
"testling": "^1.6.1"
},
@@ -41,14 +42,20 @@
"test": "npm run lint && npm run standalone && testling",
"test--html": "testling --html > tests/scripts/index.html",
"coverage": "browserify -t coverify tests/**/*.js | testling | coverify",
"standalone": "browserify index.js --standalone Pjax > pjax.js"
"standalone": "browserify index.js --standalone Pjax > pjax.js",
"example": "echo '\n==> Open http://localhost:3000/example in your browser.'; serve .",
"prepublish": "npm run standalone"
},
"testling": {
"files": "tests/**/*.js",
"browsers": [
"ie/10..latest",
"firefox/4.0", "firefox/latest", "firefox/nightly",
"chrome/10", "chrome/latest", "chrome/canary",
"firefox/4.0",
"firefox/latest",
"firefox/nightly",
"chrome/10",
"chrome/latest",
"chrome/canary",
"opera/12..latest",
"opera/next",
"safari/5.1..latest",