All Projects → launchlet → launchlet

launchlet / launchlet

Licence: other
Make the web yours.

Programming Languages

javascript
184084 projects - #8 most used programming language
Svelte
593 projects
EJS
674 projects
CSS
56736 projects

Projects that are alternatives of or similar to launchlet

joybox
A pinboard for audiovisual media.
Stars: ✭ 21 (-38.24%)
Mutual labels:  offline-first, unhosted, remotestorage, fission, local-first, 0data
awesome-0data
Resources around owning your data 100%
Stars: ✭ 41 (+20.59%)
Mutual labels:  unhosted, remotestorage, fission, 0data
hyperdraft
Turn your notes into a website.
Stars: ✭ 59 (+73.53%)
Mutual labels:  unhosted, remotestorage, local-first, 0data
0data
Own your data, all of it.
Stars: ✭ 53 (+55.88%)
Mutual labels:  unhosted, remotestorage, fission, 0data
sharesome
Share files quickly from your remote storage
Stars: ✭ 21 (-38.24%)
Mutual labels:  spa, unhosted, remotestorage
remotestorage-widget
⬡ Connect widget for remoteStorage.js
Stars: ✭ 23 (-32.35%)
Mutual labels:  offline-first, unhosted, remotestorage
Remotestorage.js
⬡ JavaScript client library for integrating remoteStorage in apps
Stars: ✭ 2,155 (+6238.24%)
Mutual labels:  offline-first, unhosted, remotestorage
Android Pwa Wrapper
Android Wrapper to create native Android Apps from offline-capable Progressive Web Apps
Stars: ✭ 265 (+679.41%)
Mutual labels:  spa, offline-first, single-page-app
webmarks
remoteStorage-enabled bookmarking app
Stars: ✭ 65 (+91.18%)
Mutual labels:  spa, unhosted, remotestorage
wordpress-svelte
Frontend writen on svelt
Stars: ✭ 17 (-50%)
Mutual labels:  spa, single-page-app, svelte
Ios Pwa Wrapper
An iOS Wrapper application to create a native iOS App from an offline-capable Progressive Web App.
Stars: ✭ 268 (+688.24%)
Mutual labels:  spa, offline-first, single-page-app
Abstract State Router
Like ui-router, but without all the Angular. The best way to structure a single-page webapp.
Stars: ✭ 288 (+747.06%)
Mutual labels:  spa, single-page-app, svelte
Senna.js
🌱 A blazing-fast Single Page Application engine
Stars: ✭ 1,728 (+4982.35%)
Mutual labels:  spa, single-page-app
Svelte Navigator
Simple, accessible routing for Svelte
Stars: ✭ 125 (+267.65%)
Mutual labels:  spa, svelte
Vue Soundcloud
🎧 A SoundCloud client built with Vue and Nuxt
Stars: ✭ 141 (+314.71%)
Mutual labels:  spa, single-page-app
Vue Stack 2.0
Vue 2.0 Project Boilerplate
Stars: ✭ 166 (+388.24%)
Mutual labels:  spa, single-page-app
Universal Router
A simple middleware-style router for isomorphic JavaScript web apps
Stars: ✭ 1,598 (+4600%)
Mutual labels:  spa, single-page-app
Knockout Spa
A mini but full-fledged SPA framework and boilerplate to build SPAs fast and scalable
Stars: ✭ 145 (+326.47%)
Mutual labels:  spa, single-page-app
Json Schema Editor
JSON Schema Editor is an intuitive editor for JSON schema. It provides a tree view to present the structure of schema, and a property inspector to edit the properties of schema element. Develop with Vue.js 2 and Firebase.
Stars: ✭ 194 (+470.59%)
Mutual labels:  spa, single-page-app
elm-spa
Pure Elm library to easily build Single Page Applications
Stars: ✭ 37 (+8.82%)
Mutual labels:  spa, single-page-app

Project logo

Launchlet

Customize the web with JavaScript or CSS

Launchlet is a simple way to add a name to snippets of code and run it. Inspired by Quicksilver, it functions primarily via mouseless interaction and lets you access your Recipes with a few keyboard strokes. You can also use it to personalize websites with custom CSS or JavaScript. Read the guide for more details.

You can run Launchlet as a bookmarklet, browser extension, or as a module in your own project to add a 'jump to' functionality.

There is also an app where you can compose a launcher personalized with your own Recipes.

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=ResultList

To filter interface test paths by JavaScript regular expressions:

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

❤️

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.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].