Compare commits
25 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
a17a6b90be | ||
|
|
7541d82095 | ||
|
|
e0d33c9e18 | ||
|
|
ce28c1adc3 | ||
|
|
fa72f25fd5 | ||
|
|
743196fe7e | ||
|
|
0a14fd9e70 | ||
|
|
02fabcca8d | ||
|
|
c65507ec50 | ||
|
|
075cc43b68 | ||
|
|
2b4c614890 | ||
|
|
f9c5929e2d | ||
|
|
54ed7a276c | ||
|
|
d72e2a852c | ||
|
|
1320dae352 | ||
|
|
aa294a3a1a | ||
|
|
71fcd4b24b | ||
|
|
31d0232ef4 | ||
|
|
e09c164491 | ||
|
|
4a3ba25547 | ||
|
|
bdf2394907 | ||
|
|
84400bb61d | ||
|
|
7a3a69b54b | ||
|
|
9849ac60d2 | ||
|
|
e891de30cc |
35
.jscs.json
35
.jscs.json
@@ -49,41 +49,6 @@
|
|||||||
, "<"
|
, "<"
|
||||||
, "<="
|
, "<="
|
||||||
]
|
]
|
||||||
, "disallowLeftStickedOperators": [
|
|
||||||
"?"
|
|
||||||
, "+"
|
|
||||||
, "-"
|
|
||||||
, "/"
|
|
||||||
, "*"
|
|
||||||
, "="
|
|
||||||
, "=="
|
|
||||||
, "==="
|
|
||||||
, "!="
|
|
||||||
, "!=="
|
|
||||||
, ">"
|
|
||||||
, ">="
|
|
||||||
, "<"
|
|
||||||
, "<="
|
|
||||||
]
|
|
||||||
, "requireRightStickedOperators": [
|
|
||||||
"!"
|
|
||||||
]
|
|
||||||
, "disallowRightStickedOperators": [
|
|
||||||
"?"
|
|
||||||
, "+"
|
|
||||||
, "/"
|
|
||||||
, "*"
|
|
||||||
, ":"
|
|
||||||
, "="
|
|
||||||
, "=="
|
|
||||||
, "==="
|
|
||||||
, "!="
|
|
||||||
, "!=="
|
|
||||||
, ">"
|
|
||||||
, ">="
|
|
||||||
, "<"
|
|
||||||
, "<="
|
|
||||||
]
|
|
||||||
, "disallowSpaceAfterPrefixUnaryOperators": [
|
, "disallowSpaceAfterPrefixUnaryOperators": [
|
||||||
"++"
|
"++"
|
||||||
, "--"
|
, "--"
|
||||||
|
|||||||
21
CHANGELOG.md
21
CHANGELOG.md
@@ -1,5 +1,22 @@
|
|||||||
# Changelog
|
# 0.1.4 - 2014-10-14
|
||||||
|
|
||||||
## 0.1.0 - 2014-03-24
|
- allow to load pages without any attributes on `<html>` element (fix [#6](https://github.com/MoOx/pjax/issues/6))
|
||||||
|
- make `Pjax.switches.sideBySide` method usable (fix [#13](https://github.com/MoOx/pjax/issues/13))
|
||||||
|
|
||||||
|
# 0.1.3 - 2014-09-16
|
||||||
|
|
||||||
|
- clicking on the current url somewhere does not produce a full reload by default (see option `currentUrlFullReload`)
|
||||||
|
- fix `document.implementation.createHTMLDocument` error (in IE10, ref [#16](https://github.com/MoOx/pjax/pull/16))
|
||||||
|
|
||||||
|
# 0.1.2 - 2014-04-03
|
||||||
|
|
||||||
|
- pjax.js relocated in `src/`
|
||||||
|
- <html> attributes of pjaxified document are now available
|
||||||
|
|
||||||
|
# 0.1.1 - 2014-04-02
|
||||||
|
|
||||||
|
- Safer UMD wrapper (fix concat issue)
|
||||||
|
|
||||||
|
# 0.1.0 - 2014-03-24
|
||||||
|
|
||||||
Initial release
|
Initial release
|
||||||
|
|||||||
185
CONTRIBUTING.md
185
CONTRIBUTING.md
@@ -1,185 +0,0 @@
|
|||||||
# Contributing Guide
|
|
||||||
|
|
||||||
Please take a moment to review this document in order to make the contribution
|
|
||||||
process easy and effective for everyone involved.
|
|
||||||
|
|
||||||
Following these guidelines helps to communicate that you respect the time of
|
|
||||||
the developers managing and developing this open source project. In return,
|
|
||||||
they should reciprocate that respect in addressing your issue, assessing
|
|
||||||
changes, and helping you finalize your pull requests.
|
|
||||||
|
|
||||||
|
|
||||||
## Using the issue tracker
|
|
||||||
|
|
||||||
The issue tracker is the preferred channel for [bug reports](#bugs),
|
|
||||||
[features requests](#features) and [submitting pull
|
|
||||||
requests](#pull-requests).
|
|
||||||
|
|
||||||
|
|
||||||
<a name="bugs"></a>
|
|
||||||
## Bug reports
|
|
||||||
|
|
||||||
A bug is a _demonstrable problem_ that is caused by the code in the repository.
|
|
||||||
Good bug reports are extremely helpful - thank you!
|
|
||||||
|
|
||||||
Guidelines for bug reports:
|
|
||||||
|
|
||||||
1. **Use the GitHub issue search** — check if the issue has already been
|
|
||||||
reported.
|
|
||||||
|
|
||||||
2. **Check if the issue has been fixed** — try to reproduce it using the
|
|
||||||
latest `master` or development branch in the repository.
|
|
||||||
|
|
||||||
3. **Isolate the problem** — ideally create a [reduced test
|
|
||||||
case](http://css-tricks.com/6263-reduced-test-cases/).
|
|
||||||
|
|
||||||
A good bug report shouldn't leave others needing to chase you up for more
|
|
||||||
information. Please try to be as detailed as possible in your report. What is
|
|
||||||
your environment? What steps will reproduce the issue? What OS experiences the
|
|
||||||
problem? What would you expect to be the outcome? All these details will help
|
|
||||||
people to fix any potential bugs.
|
|
||||||
|
|
||||||
Example:
|
|
||||||
|
|
||||||
> Short and descriptive example bug report title
|
|
||||||
>
|
|
||||||
> A summary of the issue and the browser/OS environment in which it occurs. If
|
|
||||||
> suitable, include the steps required to reproduce the bug.
|
|
||||||
>
|
|
||||||
> 1. This is the first step
|
|
||||||
> 2. This is the second step
|
|
||||||
> 3. Further steps, etc.
|
|
||||||
>
|
|
||||||
> `<url>` - a link to the reduced test case
|
|
||||||
>
|
|
||||||
> Any other information you want to share that is relevant to the issue being
|
|
||||||
> reported. This might include the lines of code that you have identified as
|
|
||||||
> causing the bug, and potential solutions (and your opinions on their
|
|
||||||
> merits).
|
|
||||||
|
|
||||||
|
|
||||||
<a name="features"></a>
|
|
||||||
## Feature requests
|
|
||||||
|
|
||||||
Feature requests are welcome. But take a moment to find out whether your idea
|
|
||||||
fits with the scope and aims of the project. It's up to *you* to make a strong
|
|
||||||
case to convince the project's developers of the merits of this feature. Please
|
|
||||||
provide as much detail and context as possible.
|
|
||||||
|
|
||||||
|
|
||||||
<a name="pull-requests"></a>
|
|
||||||
## Pull requests
|
|
||||||
|
|
||||||
Good pull requests - patches, improvements, new features - are a fantastic
|
|
||||||
help. They should remain focused in scope and avoid containing unrelated
|
|
||||||
commits.
|
|
||||||
|
|
||||||
**Please ask first** before embarking on any significant pull request (e.g.
|
|
||||||
implementing features, refactoring code), otherwise you risk spending a lot of
|
|
||||||
time working on something that the project's developers might not want to merge
|
|
||||||
into the project.
|
|
||||||
|
|
||||||
Please adhere to the coding conventions used throughout a project (indentation,
|
|
||||||
accurate comments, etc.) and any other requirements (such as test coverage).
|
|
||||||
|
|
||||||
Adhering to the following this process is the best way to get your work
|
|
||||||
included in the project:
|
|
||||||
|
|
||||||
1. [Fork](http://help.github.com/fork-a-repo/) the project, clone your fork,
|
|
||||||
and configure the remotes:
|
|
||||||
|
|
||||||
```bash
|
|
||||||
# Clone your fork of the repo into the current directory
|
|
||||||
git clone https://github.com/<your-username>/happyplan
|
|
||||||
# Navigate to the newly cloned directory
|
|
||||||
cd happyplan
|
|
||||||
# Assign the original repo to a remote called "upstream"
|
|
||||||
git remote add upstream https://github.com/happyplan/happyplan
|
|
||||||
```
|
|
||||||
|
|
||||||
2. If you cloned a while ago, get the latest changes from upstream:
|
|
||||||
|
|
||||||
```bash
|
|
||||||
git checkout master
|
|
||||||
git pull upstream master
|
|
||||||
```
|
|
||||||
|
|
||||||
3. Create a new topic branch (off the main project development branch) to
|
|
||||||
contain your feature, change, or fix:
|
|
||||||
|
|
||||||
```bash
|
|
||||||
git checkout -b <topic-branch-name>
|
|
||||||
```
|
|
||||||
|
|
||||||
4. Make sure to update, or add to the tests when appropriate. Patches and
|
|
||||||
features will not be accepted without tests. Run `npm test` to check that
|
|
||||||
all tests pass after you've made changes.
|
|
||||||
|
|
||||||
5. Commit your changes in logical chunks. Please adhere to these [git commit
|
|
||||||
message guidelines](http://tbaggery.com/2008/04/19/a-note-about-git-commit-messages.html)
|
|
||||||
or your code is unlikely be merged into the main project. Use Git's
|
|
||||||
[interactive rebase](https://help.github.com/articles/interactive-rebase)
|
|
||||||
feature to tidy up your commits before making them public.
|
|
||||||
|
|
||||||
6. Locally merge (or rebase) the upstream development branch into your topic branch:
|
|
||||||
|
|
||||||
```bash
|
|
||||||
git pull [--rebase] upstream master
|
|
||||||
```
|
|
||||||
|
|
||||||
7. Push your topic branch up to your fork:
|
|
||||||
|
|
||||||
```bash
|
|
||||||
git push origin <topic-branch-name>
|
|
||||||
```
|
|
||||||
|
|
||||||
8. [Open a Pull Request](https://help.github.com/articles/using-pull-requests/)
|
|
||||||
with a clear title and description.
|
|
||||||
|
|
||||||
9. If you are asked to amend your changes before they can be merged in, please
|
|
||||||
use `git commit --amend` (or rebasing for multi-commit Pull Requests) and
|
|
||||||
force push to your remote feature branch. You may also be asked to squash
|
|
||||||
commits.
|
|
||||||
|
|
||||||
**IMPORTANT**: By submitting a patch, you agree to license your work under the
|
|
||||||
same license as that used by the project.
|
|
||||||
|
|
||||||
|
|
||||||
<a name="maintainers"></a>
|
|
||||||
## Maintainers
|
|
||||||
|
|
||||||
If you have commit access, please follow this process for merging patches and cutting new releases.
|
|
||||||
|
|
||||||
### Reviewing changes
|
|
||||||
|
|
||||||
1. Check that a change is within the scope and philosophy of the project.
|
|
||||||
2. Check that a change has any necessary tests and a proper, descriptive commit message.
|
|
||||||
3. Checkout the change and test it locally.
|
|
||||||
4. If the change is good, and authored by someone who cannot commit to
|
|
||||||
`master`, please try to avoid using GitHub's merge button. Apply the change
|
|
||||||
to `master` locally (feel free to amend any minor problems in the author's
|
|
||||||
original commit if necessary).
|
|
||||||
5. If the change is good, and authored by another maintainer/collaborator, give
|
|
||||||
them a "Ship it!" comment and let them handle the merge.
|
|
||||||
|
|
||||||
### Submitting changes
|
|
||||||
|
|
||||||
1. All non-trivial changes should be put up for review using GitHub Pull
|
|
||||||
Requests.
|
|
||||||
2. Your change should not be merged into `master` (or another feature branch),
|
|
||||||
without at least one "Ship it!" comment from another maintainer/collaborator
|
|
||||||
on the project. "Looks good to me" is not the same as "Ship it!".
|
|
||||||
3. Try to avoid using GitHub's merge button. Locally rebase your change onto
|
|
||||||
`master` and then push to GitHub.
|
|
||||||
4. Once a feature branch has been merged into its target branch, please delete
|
|
||||||
the feature branch from the remote repository.
|
|
||||||
|
|
||||||
### Releasing a new version
|
|
||||||
|
|
||||||
1. Include all new functional changes in the CHANGELOG.
|
|
||||||
2. Use a dedicated commit to increment the version. The version needs to be
|
|
||||||
added to the `CHANGELOG.md` (inc. date) and the `package.json`.
|
|
||||||
3. The commit message must be of `v0.0.0` format.
|
|
||||||
4. Create an annotated tag for the version: `git tag -m "v0.0.0" v0.0.0`.
|
|
||||||
5. Push the changes and tags to GitHub: `git push --tags origin master`.
|
|
||||||
6. Publish the new version to npm: `npm publish`.
|
|
||||||
@@ -1,6 +1,6 @@
|
|||||||
The MIT License (MIT)
|
The MIT License (MIT)
|
||||||
|
|
||||||
Copyright (c) 2014 "MoOx" Maxime Thirouin
|
Copyright (c) 2014 Maxime Thirouin
|
||||||
|
|
||||||
Permission is hereby granted, free of charge, to any person obtaining a copy of
|
Permission is hereby granted, free of charge, to any person obtaining a copy of
|
||||||
this software and associated documentation files (the "Software"), to deal in
|
this software and associated documentation files (the "Software"), to deal in
|
||||||
105
README.md
105
README.md
@@ -2,7 +2,7 @@
|
|||||||
|
|
||||||
<img align="right" src="https://dl.dropboxusercontent.com/u/14108185/memes/mind-blow.gif">
|
<img align="right" src="https://dl.dropboxusercontent.com/u/14108185/memes/mind-blow.gif">
|
||||||
|
|
||||||
> When Ajax navigation meets Push State
|
> Easily enable fast Ajax navigation on any website (using pushState + xhr)
|
||||||
|
|
||||||
Pjax is ~~a jQuery plugin~~ **a standalone JavaScript module** that uses
|
Pjax is ~~a jQuery plugin~~ **a standalone JavaScript module** that uses
|
||||||
ajax (XmlHttpRequest) and
|
ajax (XmlHttpRequest) and
|
||||||
@@ -10,11 +10,15 @@ ajax (XmlHttpRequest) and
|
|||||||
to deliver a fast browsing experience.
|
to deliver a fast browsing experience.
|
||||||
|
|
||||||
_It allow you to completely transform user experience of standard websites
|
_It allow you to completely transform user experience of standard websites
|
||||||
(server side generated or static ones) to make them feel they browse an app._
|
(server side generated or static ones) to make them feel they browse an app.
|
||||||
|
Especially for user that have low bandwidth connection._
|
||||||
|
|
||||||
|
**No more full page reload. No more lots of HTTP request.**
|
||||||
|
|
||||||
## No tests or Demo ?
|
## No tests or Demo ?
|
||||||
|
|
||||||
There is still some work to make this repo sexy with tests & simple demo.
|
~~There is still some work to make this repo sexy with tests & simple demo.~~
|
||||||
|
Actually there is a [WIP branch where I'm adding lot of tests](https://github.com/MoOx/pjax/tree/testling)
|
||||||
|
|
||||||
For now [you can see this running on my website](http://moox.io), with sexy CSS animations when switching pages.
|
For now [you can see this running on my website](http://moox.io), with sexy CSS animations when switching pages.
|
||||||
|
|
||||||
@@ -223,7 +227,7 @@ Callbacks are binded to Pjax instance itself to allow you to reuse it (ex: `this
|
|||||||
|
|
||||||
###### Create a switch callback
|
###### Create a switch callback
|
||||||
|
|
||||||
Your function can do whatever you want, be should
|
Your function can do whatever you want, but you need to:
|
||||||
|
|
||||||
- replace oldEl content by newEl content in some fashion
|
- replace oldEl content by newEl content in some fashion
|
||||||
- call `this.onSwitch()` to trigger attached callback.
|
- call `this.onSwitch()` to trigger attached callback.
|
||||||
@@ -249,7 +253,7 @@ new Pjax({
|
|||||||
, switches: {
|
, switches: {
|
||||||
".js-Pjax": Pjax.switches.sideBySide
|
".js-Pjax": Pjax.switches.sideBySide
|
||||||
}
|
}
|
||||||
, switchesClasses: {
|
, switchesOptions: {
|
||||||
".js-Pjax": {
|
".js-Pjax": {
|
||||||
classNames: {
|
classNames: {
|
||||||
// class added on the element that will be removed
|
// class added on the element that will be removed
|
||||||
@@ -274,7 +278,7 @@ new Pjax({
|
|||||||
})
|
})
|
||||||
```
|
```
|
||||||
_Note that remove class include `Animated--reverse` which is a simple way to not have
|
_Note that remove class include `Animated--reverse` which is a simple way to not have
|
||||||
to create duplicate transition for (slideIn + reverse => slideOut).
|
to create duplicate transition for (slideIn + reverse => slideOut)._
|
||||||
|
|
||||||
The following CSS will be required to make something nice
|
The following CSS will be required to make something nice
|
||||||
|
|
||||||
@@ -384,6 +388,10 @@ Value (in px) to scrollTo when a page is switched.
|
|||||||
Enable verbose mode & doesn't use fallback when there is an error.
|
Enable verbose mode & doesn't use fallback when there is an error.
|
||||||
Useful to debug page layout differences.
|
Useful to debug page layout differences.
|
||||||
|
|
||||||
|
##### `currentUrlFullReload` (Boolean, default to false)
|
||||||
|
|
||||||
|
When set to true, clicking on a link that point the current url trigger a full page reload.
|
||||||
|
|
||||||
#### Extend Pjax
|
#### Extend Pjax
|
||||||
|
|
||||||
Pjax prototype & utilities methods can be used & changed so you can patch or hack
|
Pjax prototype & utilities methods can be used & changed so you can patch or hack
|
||||||
@@ -470,23 +478,80 @@ new Pjax()
|
|||||||
document.addEventListener("pjax:success", whenContainerReady)
|
document.addEventListener("pjax:success", whenContainerReady)
|
||||||
```
|
```
|
||||||
|
|
||||||
## [Changelog](CHANGELOG.md)
|
---
|
||||||
|
|
||||||
|
## FAQ
|
||||||
|
|
||||||
|
### Q: Disqus doesn't work anymore, how can I fix that ?
|
||||||
|
|
||||||
|
A: There is a few things you need to do:
|
||||||
|
- wrap your disqus snippet into a dom element that you will add to the `selector`
|
||||||
|
arra (or just wrap it with class="js-Pjax") & be sure to have a least the empty
|
||||||
|
wrapper on each page (to avoid differences of DOM between pages)
|
||||||
|
- edit your disqus snippet like the one below
|
||||||
|
|
||||||
|
#### Disqus snippet before pjax integration
|
||||||
|
|
||||||
|
```html
|
||||||
|
<script>
|
||||||
|
var disqus_shortname = 'YOURSHORTNAME'
|
||||||
|
, disqus_identifier = 'PAGEID'
|
||||||
|
, disqus_url = 'PAGEURL'
|
||||||
|
, disqus_script = 'embed.js'
|
||||||
|
(function(d,s) {
|
||||||
|
s = d.createElement('script');s.async=1;s.src = '//' + disqus_shortname + '.disqus.com/'+disqus_script;
|
||||||
|
(d.getElementsByTagName('head')[0]).appendChild(s);
|
||||||
|
})(document)
|
||||||
|
</script>
|
||||||
|
```
|
||||||
|
|
||||||
|
#### Disqus snippet after Pjax integration
|
||||||
|
|
||||||
|
```html
|
||||||
|
<div class="js-Pjax"><!-- need to be here on every pjaxified page, even if empty -->
|
||||||
|
<!-- if (blah blah) { // eventual server side test to know wheter or not you include this script -->
|
||||||
|
<script>
|
||||||
|
var disqus_shortname = 'YOURSHORTNAME'
|
||||||
|
, disqus_identifier = 'PAGEID'
|
||||||
|
, disqus_url = 'PAGEURL'
|
||||||
|
, disqus_script = 'embed.js'
|
||||||
|
|
||||||
|
// here we will only load the disqus <script> if not already loaded
|
||||||
|
if (!window.DISQUS) {
|
||||||
|
(function(d,s) {
|
||||||
|
s = d.createElement('script');s.async=1;s.src = '//' + disqus_shortname + '.disqus.com/'+disqus_script;
|
||||||
|
(d.getElementsByTagName('head')[0]).appendChild(s);
|
||||||
|
})(document)
|
||||||
|
}
|
||||||
|
// if disqus <script> already loaded, we just reset disqus the right way
|
||||||
|
// see http://help.disqus.com/customer/portal/articles/472107-using-disqus-on-ajax-sites
|
||||||
|
else {
|
||||||
|
DISQUS.reset({
|
||||||
|
reload: true,
|
||||||
|
config: function () {
|
||||||
|
this.page.identifier = disqus_identifier
|
||||||
|
this.page.url = disqus_url
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<!-- } -->
|
||||||
|
</div>
|
||||||
|
```
|
||||||
|
|
||||||
|
**Note: The thing you need to understand is that Pjax handle inline `<script>` only for container you are reloading.**
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
## Contributing
|
## Contributing
|
||||||
|
|
||||||
Please read the file nobody reads (make me lie) [CONTRIBUTING.md](CONTRIBUTING.md)
|
Work on a branch, install dev-dependencies, respect coding style & run tests before submitting a bug fix or a feature.
|
||||||
|
|
||||||
### tl;dr;
|
$ git clone https://github.com/MoOx/pjax.git
|
||||||
|
$ git checkout -b patch-1
|
||||||
|
$ npm install
|
||||||
|
$ npm test
|
||||||
|
|
||||||
Fork, clone, then
|
## [Changelog](CHANGELOG.md)
|
||||||
|
|
||||||
```shell
|
## [License](LICENSE)
|
||||||
$ npm i -g gulp
|
|
||||||
$ npm i
|
|
||||||
$ gulp
|
|
||||||
```
|
|
||||||
|
|
||||||
Now you can work on the file, then make a commit and a push something when gulp doesn't show any error.
|
|
||||||
Thanks.
|
|
||||||
|
|
||||||
## [License](LICENSE-MIT)
|
|
||||||
|
|||||||
25
bower.json
25
bower.json
@@ -1,17 +1,7 @@
|
|||||||
{
|
{
|
||||||
"name": "pjax",
|
"name": "pjax",
|
||||||
"main": "pjax.js",
|
"version": "0.1.4",
|
||||||
"version": "0.0.0",
|
"description": "Easily enable fast Ajax navigation on any website (using pushState + xhr)",
|
||||||
"homepage": "https://github.com/MoOx/pjax",
|
|
||||||
"authors": [
|
|
||||||
"Maxime Thirouin <m@moox.io>"
|
|
||||||
],
|
|
||||||
"description": "Boost browsing experience using Ajax navigation (+ Push state)",
|
|
||||||
"moduleType": [
|
|
||||||
"amd",
|
|
||||||
"globals",
|
|
||||||
"node"
|
|
||||||
],
|
|
||||||
"keywords": [
|
"keywords": [
|
||||||
"pjax",
|
"pjax",
|
||||||
"push",
|
"push",
|
||||||
@@ -21,11 +11,20 @@
|
|||||||
"transition",
|
"transition",
|
||||||
"animation"
|
"animation"
|
||||||
],
|
],
|
||||||
|
"main": "src/pjax.js",
|
||||||
|
"homepage": "https://github.com/MoOx/pjax",
|
||||||
|
"authors": [
|
||||||
|
"Maxime Thirouin"
|
||||||
|
],
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
|
"moduleType": [
|
||||||
|
"amd",
|
||||||
|
"globals",
|
||||||
|
"node"
|
||||||
|
],
|
||||||
"ignore": [
|
"ignore": [
|
||||||
"**/.*",
|
"**/.*",
|
||||||
"node_modules",
|
"node_modules",
|
||||||
"bower_components",
|
|
||||||
"test",
|
"test",
|
||||||
"tests"
|
"tests"
|
||||||
]
|
]
|
||||||
|
|||||||
31
gulpfile.js
31
gulpfile.js
@@ -1,31 +0,0 @@
|
|||||||
///
|
|
||||||
var pkg = require("./package.json")
|
|
||||||
, gulp = require("gulp")
|
|
||||||
, plumber = require("gulp-plumber")
|
|
||||||
|
|
||||||
///
|
|
||||||
// Lint JS
|
|
||||||
///
|
|
||||||
var jshint = require("gulp-jshint")
|
|
||||||
, jsFiles = [".jshintrc", "*.json", "*.js"]
|
|
||||||
gulp.task("scripts.lint", function() {
|
|
||||||
gulp.src(jsFiles)
|
|
||||||
.pipe(plumber())
|
|
||||||
.pipe(jshint(".jshintrc"))
|
|
||||||
.pipe(jshint.reporter("jshint-stylish"))
|
|
||||||
})
|
|
||||||
|
|
||||||
var jscs = require("gulp-jscs")
|
|
||||||
gulp.task("scripts.cs", function() {
|
|
||||||
gulp.src("*.js")
|
|
||||||
.pipe(plumber())
|
|
||||||
.pipe(jscs())
|
|
||||||
})
|
|
||||||
|
|
||||||
gulp.task("scripts", ["scripts.lint", "scripts.cs"])
|
|
||||||
|
|
||||||
gulp.task("watch", function() {
|
|
||||||
gulp.watch([jsFiles], ["scripts"])
|
|
||||||
})
|
|
||||||
|
|
||||||
gulp.task("default", ["scripts", "watch"])
|
|
||||||
40
package.json
40
package.json
@@ -1,15 +1,7 @@
|
|||||||
{
|
{
|
||||||
"name": "pjax",
|
"name": "pjax",
|
||||||
"version": "0.1.0",
|
"version": "0.1.4",
|
||||||
"description": "Boost browsing experience using Ajax navigation (+ Push state)",
|
"description": "Easily enable fast Ajax navigation on any website (using pushState + xhr)",
|
||||||
"main": "pjax.js",
|
|
||||||
"scripts": {
|
|
||||||
"test": "echo \"Error: no test specified\" && exit 1"
|
|
||||||
},
|
|
||||||
"repository": {
|
|
||||||
"type": "git",
|
|
||||||
"url": "https://github.com/MoOx/pjax.git"
|
|
||||||
},
|
|
||||||
"keywords": [
|
"keywords": [
|
||||||
"pjax",
|
"pjax",
|
||||||
"push",
|
"push",
|
||||||
@@ -19,17 +11,29 @@
|
|||||||
"transition",
|
"transition",
|
||||||
"animation"
|
"animation"
|
||||||
],
|
],
|
||||||
"author": "MoOx <m@moox.io>",
|
"repository": {
|
||||||
"license": "MIT",
|
"type": "git",
|
||||||
|
"url": "https://github.com/MoOx/pjax.git"
|
||||||
|
},
|
||||||
|
"homepage": "https://github.com/MoOx/pjax",
|
||||||
"bugs": {
|
"bugs": {
|
||||||
"url": "https://github.com/MoOx/pjax/issues"
|
"url": "https://github.com/MoOx/pjax/issues"
|
||||||
},
|
},
|
||||||
"homepage": "https://github.com/MoOx/pjax",
|
"author": "Maxime Thirouin",
|
||||||
|
"license": "MIT",
|
||||||
|
"main": "src/pjax.js",
|
||||||
|
"files": [
|
||||||
|
"CHANGELOG.md",
|
||||||
|
"LICENSE",
|
||||||
|
"src"
|
||||||
|
],
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"jshint-stylish": "^0.1.5",
|
"jscs": "^1.6.2",
|
||||||
"gulp-jscs": "^0.3.2",
|
"jshint": "^2.5.6",
|
||||||
"gulp-plumber": "^0.5.6",
|
"postcss": "^2.2.5"
|
||||||
"gulp": "^3.5.6",
|
},
|
||||||
"gulp-jshint": "^1.5.1"
|
"scripts": {
|
||||||
|
"lint": "jscs **/*.js && jshint . --exclude-path .gitignore",
|
||||||
|
"test": "npm run lint"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
(function(root, factory) {
|
;(function(root, factory) {
|
||||||
if (typeof exports === "object") {
|
if (typeof exports === "object") {
|
||||||
// CommonJS
|
// CommonJS
|
||||||
module.exports = factory()
|
module.exports = factory()
|
||||||
@@ -12,6 +12,8 @@
|
|||||||
root.Pjax = factory()
|
root.Pjax = factory()
|
||||||
}
|
}
|
||||||
}(this, function() {
|
}(this, function() {
|
||||||
|
"use strict";
|
||||||
|
|
||||||
function newUid() {
|
function newUid() {
|
||||||
return (new Date().getTime())
|
return (new Date().getTime())
|
||||||
}
|
}
|
||||||
@@ -25,6 +27,7 @@
|
|||||||
this.options.switches = this.options.switches || {}
|
this.options.switches = this.options.switches || {}
|
||||||
this.options.switchesOptions = this.options.switchesOptions || {}
|
this.options.switchesOptions = this.options.switchesOptions || {}
|
||||||
this.options.history = this.options.history || true
|
this.options.history = this.options.history || true
|
||||||
|
this.options.currentUrlFullReload = this.options.currentUrlFullReload || false
|
||||||
this.options.analytics = this.options.analytics || function(options) {
|
this.options.analytics = this.options.analytics || function(options) {
|
||||||
// options.backward or options.foward can be true or undefined
|
// options.backward or options.foward can be true or undefined
|
||||||
// by default, we do track back/foward hit
|
// by default, we do track back/foward hit
|
||||||
@@ -89,7 +92,7 @@
|
|||||||
window.history.pushState &&
|
window.history.pushState &&
|
||||||
window.history.replaceState &&
|
window.history.replaceState &&
|
||||||
// pushState isn’t reliable on iOS until 5.
|
// pushState isn’t reliable on iOS until 5.
|
||||||
!navigator.userAgent.match(/((iPod|iPhone|iPad).+\bOS\s+[1-4]|WebApps\/.+CFNetwork)/)
|
!navigator.userAgent.match(/((iPod|iPhone|iPad).+\bOS\s+[1-4]\D|WebApps\/.+CFNetwork)/)
|
||||||
}
|
}
|
||||||
|
|
||||||
Pjax.forEachEls = function(els, fn, context) {
|
Pjax.forEachEls = function(els, fn, context) {
|
||||||
@@ -269,11 +272,12 @@
|
|||||||
|
|
||||||
event.preventDefault()
|
event.preventDefault()
|
||||||
|
|
||||||
// don’t do "nothing" if user try to reload the page
|
if (this.options.currentUrlFullReload) {
|
||||||
if (el.href === window.location.href) {
|
if (el.href === window.location.href) {
|
||||||
window.location.reload()
|
window.location.reload()
|
||||||
return -6
|
return -6
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
this.loadUrl(el.href, Pjax.clone(this.options))
|
this.loadUrl(el.href, Pjax.clone(this.options))
|
||||||
}.bind(this))
|
}.bind(this))
|
||||||
@@ -337,9 +341,26 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
, loadContent: function(html, options) {
|
, loadContent: function(html, options) {
|
||||||
var tmpEl = document.implementation.createHTMLDocument()
|
var tmpEl = document.implementation.createHTMLDocument("")
|
||||||
|
|
||||||
|
// parse HTML attributes to copy them
|
||||||
|
// since we are forced to use documentElement.innerHTML (outerHTML can't be used for <html>)
|
||||||
|
, htmlRegex = /<html[^>]+>/gi
|
||||||
|
, htmlAttribsRegex = /\s?[a-z:]+(?:\=(?:\'|\")[^\'\">]+(?:\'|\"))*/gi
|
||||||
|
, matches = html.match(htmlRegex)
|
||||||
|
if (matches && matches.length) {
|
||||||
|
matches = matches[0].match(htmlAttribsRegex)
|
||||||
|
if (matches.length) {
|
||||||
|
matches.shift()
|
||||||
|
matches.forEach(function(htmlAttrib) {
|
||||||
|
var attr = htmlAttrib.trim().split("=")
|
||||||
|
tmpEl.documentElement.setAttribute(attr[0], attr[1].slice(1, -1))
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
tmpEl.documentElement.innerHTML = html
|
tmpEl.documentElement.innerHTML = html
|
||||||
// this.log("load content", tmpEl.documentElement.innerHTML)
|
this.log("load content", tmpEl.documentElement.attributes, tmpEl.documentElement.innerHTML.length)
|
||||||
// try {
|
// try {
|
||||||
this.switchSelectors(this.options.selectors, tmpEl, document, options)
|
this.switchSelectors(this.options.selectors, tmpEl, document, options)
|
||||||
|
|
||||||
@@ -478,7 +499,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
, sideBySide: function(oldEl, newEl, options, switchOptions) {
|
, sideBySide: function(oldEl, newEl, options, switchOptions) {
|
||||||
var elsToRemove = []
|
var forEach = Array.prototype.forEach
|
||||||
|
, elsToRemove = []
|
||||||
, elsToAdd = []
|
, elsToAdd = []
|
||||||
, fragToAppend = document.createDocumentFragment()
|
, fragToAppend = document.createDocumentFragment()
|
||||||
// height transition are shitty on safari
|
// height transition are shitty on safari
|
||||||
@@ -527,6 +549,8 @@
|
|||||||
// oldEl.parentNode.removeChild(newEl)
|
// oldEl.parentNode.removeChild(newEl)
|
||||||
// oldEl.style.height = oldEl.getBoundingClientRect().height + "px"
|
// oldEl.style.height = oldEl.getBoundingClientRect().height + "px"
|
||||||
|
|
||||||
|
switchOptions = switchOptions || {}
|
||||||
|
|
||||||
forEach.call(oldEl.childNodes, function(el) {
|
forEach.call(oldEl.childNodes, function(el) {
|
||||||
elsToRemove.push(el)
|
elsToRemove.push(el)
|
||||||
if (el.classList && !el.classList.contains("js-Pjax-remove")) {
|
if (el.classList && !el.classList.contains("js-Pjax-remove")) {
|
||||||
@@ -539,7 +563,9 @@
|
|||||||
if (switchOptions.callbacks && switchOptions.callbacks.removeElement) {
|
if (switchOptions.callbacks && switchOptions.callbacks.removeElement) {
|
||||||
switchOptions.callbacks.removeElement(el)
|
switchOptions.callbacks.removeElement(el)
|
||||||
}
|
}
|
||||||
|
if (switchOptions.classNames) {
|
||||||
el.className += " " + switchOptions.classNames.remove + " " + (options.backward ? switchOptions.classNames.backward : switchOptions.classNames.forward)
|
el.className += " " + switchOptions.classNames.remove + " " + (options.backward ? switchOptions.classNames.backward : switchOptions.classNames.forward)
|
||||||
|
}
|
||||||
animatedElsNumber++
|
animatedElsNumber++
|
||||||
Pjax.on(el, animationEventNames, sexyAnimationEnd, true)
|
Pjax.on(el, animationEventNames, sexyAnimationEnd, true)
|
||||||
}
|
}
|
||||||
@@ -547,7 +573,10 @@
|
|||||||
|
|
||||||
forEach.call(newEl.childNodes, function(el) {
|
forEach.call(newEl.childNodes, function(el) {
|
||||||
if (el.classList) {
|
if (el.classList) {
|
||||||
var addClasses = " js-Pjax-add " + switchOptions.classNames.add + " " + (options.backward ? switchOptions.classNames.forward : switchOptions.classNames.backward)
|
var addClasses = ""
|
||||||
|
if (switchOptions.classNames) {
|
||||||
|
addClasses = " js-Pjax-add " + switchOptions.classNames.add + " " + (options.backward ? switchOptions.classNames.forward : switchOptions.classNames.backward)
|
||||||
|
}
|
||||||
if (switchOptions.callbacks && switchOptions.callbacks.addElement) {
|
if (switchOptions.callbacks && switchOptions.callbacks.addElement) {
|
||||||
switchOptions.callbacks.addElement(el)
|
switchOptions.callbacks.addElement(el)
|
||||||
}
|
}
|
||||||
@@ -582,4 +611,5 @@
|
|||||||
|
|
||||||
return stupidPjax
|
return stupidPjax
|
||||||
}
|
}
|
||||||
}))
|
|
||||||
|
}));
|
||||||
Reference in New Issue
Block a user