fabe

rclone Put.io Sync on Umbrel Home

Overview

Automatically syncs files from Put.io to Umbrel Home every 5 minutes using rclone running in a Docker container, deployed directly on the host (not through Portainer).

Why Not Portainer?

Portainer on Umbrel runs with a Docker-in-Docker (DinD) setup (docker:27.2.0-dind). This means containers created via Portainer's UI run inside Portainer's own Docker daemon, not on the host. Volume bind mounts reference the filesystem inside the DinD container, not the real Umbrel filesystem. Files written inside Portainer-managed containers never appear on the host.

fabe

// Usage:
// const [verifier, challenge] = await createVerifierChallenge();

import * as Random from 'expo-random';
import * as Crypto from 'expo-crypto';

if (typeof Buffer === 'undefined') {
  global.Buffer = require('buffer').Buffer;
}

fabe

import React from 'react';

export default ({
  width = 10,
  height = 10,
  space = 10,
  radius = 1.5,
  fill = '#000',
}) => {
  const viewWidth = width * radius * 2 + (width - 1) * (space - radius * 2);

fabe

const getUserConfirmation = (location, callback) => {
  const [newUrl, action] = location.split('|');

  // Check if user wants to navigate to the same page.
  // If so, we don't want to trigger the page transitions.
  // We have to check the `action`, because the pathnames
  // are the same when going back in history 🤷‍
  const currentUrl = `${window.location.pathname}${window.location.search}`;
  if (newUrl === currentUrl && action === 'PUSH') {
    callback(false);

fabe

fabe

import React from 'react';
import { CSSTransition, TransitionGroup } from 'react-transition-group';

export const replaceComponentRenderer = ({ props }) => {
  const children = React.createElement(props.pageResources.component, props);

  return (
    <div>
      <TransitionGroup>
        <CSSTransition key={props['*']} timeout={200} classNames="fade">

fabe

const objHasProps = (obj, props) => {
  const check = props.map(prop => prop in obj)
  return check.indexOf(false) === -1;
}


const obj = { a: 1, b: 2, c: 3 };

if (objHasProps(obj, ['a', 'c'])) {
  // ...

fabe

---
layout: default
title: Portfolio
listed: true
---
{% assign entries = site.pages | sort: "path" %}

<!-- We'll split the url and check if the first element is the title of the page, then show it. -->
<ul>
{% for entry in entries %}

fabe

var Example = React.createClass({
  render: function() {
    return(
      React.createElement('div', null, 'Hello from the other side!')
    );
  }
});

fabe

import React from 'react';

class Columns extends React.Component {
  render() {
    var columnFirst = []
    var columnSecond = []
    this.props.nodes.map(function(node, index) {
      if(index % 2 == 0) {
        columnFirst.push(node)
      } else {