livewallpaper
Cross-platform live desktop wallpaper for everyone, using react.
It's alot like uebersicht, but with react & electron.
With it you can make react components for your desktop!
You can control parent-styling (in settings/global.css
) and make your own widgets (in settings/widgets
), using the full power of nodejs, react, and electron.
STILL IN PROGRESS
making your own widgets
You can put node/es6 modules in settings/widgets
and they should get added to the screen. I recommend naming the folder your package-name, and adding an index.js (and optionally a package.json) as the entry-point. Your default export should be a react compoonent. Here is a minimal demo:
import React from 'react'
const Hello = (props) => (
<div className='widget Demo'>
DEMO
</div>
)
export default Hello
Put this in settings/widgets/demo/index.js
You will probably want some style. Make a file named settings/widgets/demo/style.css
. make your index.js
look like this:
import React from 'react'
export default class Hello extends React.Component {
componentDidMount () {
stylesheet(`${__dirname}/style.css`)
}
componentWillUnmount () {
unstylesheet(`${__dirname}/style.css`)
}
render () {
return (
<div className='widget Demo'>
DEMO
</div>
)
}
}
For more examples, see settings/widgets
.
todo
- improve live-reloading
- better reloading of css
- improve error-handling
- start livewallpaper with OS option
- work out better way to load assets, perhaps webpack?