Giter Site home page Giter Site logo

rosano / joybox Goto Github PK

View Code? Open in Web Editor NEW
22.0 2.0 1.0 302 KB

A pinboard for audiovisual media.

Home Page: https://joybox.rosano.ca

License: Other

JavaScript 74.82% EJS 3.67% CSS 1.31% Svelte 20.20%
offline-first unhosted remotestorage fission local-first 0data

joybox's Introduction

Project logo

A pinboard for audiovisual media

Joybox makes it simple to play media from multiple platforms in the same place. Read the guide for more details.

Open app

Architecture

The project follows a Universal folder structure and is a large collection of mostly small modules or functions that are put together using Svelte and Rollup. With the exception of a few 'global' or 'magic' things such as the localization function OLSKLocalized, most resources used by a module should be in the same folder or referenced by path name.

Routing, rendering markdown content, and serving pages is done via a Node.js server (usually configured in the controller.js files).

Development Setup

(For a deeper dive, watch the tutorial).

Install Node.js and npm, then:

npm run setup

This should create an .env file if there is none. If you encounter errors referring to this file, you can find missing variables in .env-sample.

Running

Start the Rollup process to build and reload automatically

npm run watch

Start the Node.js server to view in the browser

npm start

It should be accessible at http://localhost:3000.

Testing

See Testing logic and interfaces for a tutorial.

Run logic tests

npm test 

Run interface tests

npm test ui

To filter interface test paths by string:

npm test ui match=detail

To filter interface test paths by JavaScript regular expressions:

npm test ui match='/(vitrine|guide)/'

❤️

Help me keep creating projects that are public, accessible for free, and open-source.

Become a backer

License

The code is released under a Hippocratic License, modified to exclude its use for surveillance capitalism and also to require large for-profit entities to purchase a paid license.

Questions

Feel free to reach out on Mastodon or Twitter.

joybox's People

Contributors

rosano avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Forkers

lockcp

joybox's Issues

Development version is not working for me

Wheneve I Run "NPM RUN SETUP"

shankaranandjha@SJMacbookAir joybox % npm run setup
setup
npm install --no-save 6& olsk-bundle
npm ERR! code EINVALIDPACKAGENAME
npm ERR! Invalid package name "//" of package "//@tech-serviceworker" : name can only contain URL-friendly characters
npm ERR! A complete log of this run can be found in:
npm ERR!
/Users/shankaranandjha/.npm/_logs/2022-11-09T12_27_35_174Z-debug-o.log

feature request: autoplay

I've wanted to listen to some of the lists you shared on strolling, but it's cumbersome having to play songs one by one. It'd be nice if they play automatically instead.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.