javierbyte / gitpage-timemachine Goto Github PK

Visualize the evolution of your website in a 3D time-machine fashion.

Home Page: https://javier.xyz/gitpage-timemachine

JavaScript 38.12% HTML 17.51% Vue 44.37%

gitpage-timemachine's Introduction

Hola, I'm Javier! 👋

I'm a Software Developer from México 🇲🇽 living in Berlin, Germany 🇩🇪. I enjoy creating frontend experiments, design tools and games. Learn more about my projects on my website javier.xyz.

Recent projects:

Brutalita Sans, an experimental monospace font and font editor, edit in your browser and download the font.
PINTR, create plotter-like line drawings from your images.
Sombras.app, create art with shadows. Play with shadows, lights, 3D objects.

gitpage-timemachine's People

Contributors

Stargazers

Watchers

Forkers

chetanraj mtking2 jdrew1303 www3838438 byemc

gitpage-timemachine's Issues

Fail

Hi,

I tryed your app on my Windows 10 X64 environement with node v6.9.2, npm v3.10.9

C:\Users\me\gitpage-timemachine>node cli.js
rimraf _git
> mkdir -p pageData && git clone https://github.com/Shuunen/solitaire _git
{ Error: Command failed: mkdir -p pageData && git clone https://github.com/Shuunen/solitaire _git
A subdirectory or file pageData already exists.
Error occurred while processing: pageData.

    at ChildProcess.exithandler (child_process.js:206:12)
    at emitTwo (events.js:106:13)
    at ChildProcess.emit (events.js:191:7)
    at maybeClose (internal/child_process.js:877:16)
    at Socket.<anonymous> (internal/child_process.js:334:11)
    at emitOne (events.js:96:13)
    at Socket.emit (events.js:188:7)
    at Pipe._handle.close [as _onclose] (net.js:498:12)
  killed: false,
  code: 1,
  signal: null,
  cmd: 'mkdir -p pageData && git clone https://github.com/Shuunen/solitaire _git' }

Because this command created a "-p" folder :

I assume a problem with mkdir command param.

Edit : indeed "-p, --parents " param does exists only on unix mkdir binary

Edit 2 : second try, I edit cli.js to remove the "-p" params (2 times) and started cli again :

C:\Users\me\gitpage-timemachine>node cli.js
rimraf _git
> mkdir pageData && git clone https://github.com/Shuunen/solitaire _git
run http server
> cd _git && python -m SimpleHTTPServer 9142
reading commit history
Open _git folder
_git folder opened
Saving json, 20 elements

getting screenshot 1/20
getCommitScreenshot: 00173fe2089cdeadefa38727c25ae3a18cb5605a
checkoutCommit: 00173fe2089cdeadefa38727c25ae3a18cb5605a
> cd _git && git checkout 00173fe2089cdeadefa38727c25ae3a18cb5605a
getScreenshot: 00173fe2089cdeadefa38727c25ae3a18cb5605a
(node:7916) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1): Error: Couldn't load url: http://localhost:9142

Edit 3 : I installed Python to make the "python -m SimpleHTTPServer 9142" work, this should be added in the readme as a requirement

Edit 4 : now it's nearly working, because my app is not a static index.html, I only have these kind of screenshot :

Edit 5 : I tryed with another repo of mine (https://github.com/Shuunen/flood-it) and had better results :

But still missing some stuff :) maybe you could add more config to define wich command to execute before capturing or delay to wait

Animation in Firefox

In Firefox 53.0, the page does a continuous scroll and can't stop.
This issue doesn't exist in Chrome (60.0.3088.0 Canary)

Can't run on MacOS

I'm not frontend engineer, so don't know the right way to start your application.
I see Readme, but calling node cli.js failed:

$ node cli.js
node:internal/modules/cjs/loader:936
  throw err;
  ^

Error: Cannot find module 'node-git-history'
Require stack:
- /Users/dontsov/Documents/CODE/gitpage-timemachine/cli.js
    at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
    at Function.Module._load (node:internal/modules/cjs/loader:778:27)
    at Module.require (node:internal/modules/cjs/loader:1005:19)
    at require (node:internal/modules/cjs/helpers:102:18)
    at Object.<anonymous> (/Users/dontsov/Documents/CODE/gitpage-timemachine/cli.js:5:24)
    at Module._compile (node:internal/modules/cjs/loader:1103:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1155:10)
    at Module.load (node:internal/modules/cjs/loader:981:32)
    at Function.Module._load (node:internal/modules/cjs/loader:822:12)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:77:12) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [ '/Users/dontsov/Documents/CODE/gitpage-timemachine/cli.js' ]
}

calling npm run dev also failed:

npm run dev

> [email protected] dev
> cross-env NODE_ENV=development webpack-dev-server --open --hot

sh: cross-env: command not found

Try to call npx cross-env NODE_ENV=development webpack-dev-server --open --hot

node:events:498
      throw er; // Unhandled 'error' event
      ^

Error: spawn webpack-dev-server ENOENT
    at Process.ChildProcess._handle.onexit (node:internal/child_process:283:19)
    at onErrorNT (node:internal/child_process:478:16)
    at processTicksAndRejections (node:internal/process/task_queues:83:21)
Emitted 'error' event on ChildProcess instance at:
    at Process.ChildProcess._handle.onexit (node:internal/child_process:289:12)
    at onErrorNT (node:internal/child_process:478:16)
    at processTicksAndRejections (node:internal/process/task_queues:83:21) {
  errno: -2,
  code: 'ENOENT',
  syscall: 'spawn webpack-dev-server',
  path: 'webpack-dev-server',
  spawnargs: [ '--open', '--hot' ]
}

Calling npm install --save-dev cross-env also failed with C++ compiling errors..

What should I do to run you great application?

javierbyte / gitpage-timemachine Goto Github PK

gitpage-timemachine's Introduction

gitpage-timemachine's People

Contributors

Stargazers

Watchers

Forkers

gitpage-timemachine's Issues

Fail

Animation in Firefox

Can't run on MacOS

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent