rls-desktop/index.html at main · readloopsync/rls-desktop · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="/src/styles.css" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Readloop</title>
    <script type="module" src="/src/main.ts" defer></script>
  </head>
  <body>
    <header class="topbar">
      <svg class="brand-logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 540 82" role="img" aria-label="Readloop">
        <path d="M6.1,6.13h18.1c3.4,0,6.78.2,10.15.6,3.37.4,6.38,1.27,9.05,2.6,2.67,1.33,4.83,3.28,6.5,5.85,1.67,2.57,2.5,6.05,2.5,10.45,0,5.2-1.57,9.4-4.7,12.6-3.13,3.2-7.47,5.23-13,6.1l20.1,32.6h-10.3l-19.2-31.8h-10.8v31.8H6.1V6.13h0ZM14.51,37.33h7.5c2.33,0,4.75-.07,7.25-.2s4.8-.57,6.9-1.3,3.83-1.88,5.2-3.45c1.37-1.57,2.05-3.82,2.05-6.75,0-2.53-.5-4.57-1.5-6.1s-2.32-2.72-3.95-3.55-3.47-1.38-5.5-1.65c-2.03-.27-4.08-.4-6.15-.4h-11.8s0,23.4,0,23.4Z"/>
        <path d="M67.2,6.13h44.5v7.8h-36.1v23.2h33.7v7.8h-33.7v24.2h37.9v7.8h-46.3V6.13h0Z"/>
        <path d="M149.5,6.13h7.9l30.1,70.8h-9.8l-12.95-31.3h-23.81l-13.13,31.3h-9.5L149.51,6.13h0ZM153.3,16.93h-.2l-8.62,20.4h17.02l-8.21-20.4h0Z"/>
        <path d="M195.6,6.13h27.2c2.33,0,4.8.27,7.4.8s5.18,1.38,7.75,2.55,5.03,2.68,7.4,4.55,4.45,4.12,6.25,6.75,3.23,5.67,4.3,9.1,1.6,7.32,1.6,11.65-.53,8.22-1.6,11.65-2.5,6.47-4.3,9.1-3.88,4.88-6.25,6.75-4.83,3.38-7.4,4.55-5.15,2.02-7.75,2.55-5.07.8-7.4.8h-27.2V6.13h0ZM204,69.13h16c4.07,0,7.83-.53,11.3-1.6s6.47-2.72,9-4.95,4.53-5.08,6-8.55,2.2-7.63,2.2-12.5-.73-9.03-2.2-12.5-3.47-6.32-6-8.55-5.53-3.88-9-4.95c-3.47-1.07-7.23-1.6-11.3-1.6h-16v55.2h0Z"/>
        <path d="M271,6.13h8.4v63h32.4v7.8h-40.8V6.13Z"/>
        <path d="M487.8,6.13h21c3.27,0,6.38.32,9.35.95,2.96.63,5.6,1.7,7.9,3.2s4.13,3.5,5.5,6c1.37,2.5,2.05,5.58,2.05,9.25,0,3.87-.73,7.07-2.2,9.6-1.47,2.53-3.35,4.53-5.65,6-2.3,1.47-4.82,2.5-7.55,3.1s-5.33.9-7.8.9h-14.2v31.8h-8.4V6.13h0ZM496.2,37.33h14.2c4.2,0,7.62-.95,10.25-2.85,2.63-1.9,3.95-4.85,3.95-8.85s-1.32-6.95-3.95-8.85c-2.63-1.9-6.05-2.85-10.25-2.85h-14.2v23.4h0Z"/>
        <polygon points="352.63 66.19 352.04 68.97 352.06 68.97 352.63 66.19"/>
        <path d="M466.18,26.92c-1.56-4.31-3.8-7.96-6.7-10.94-2.9-2.97-6.33-5.32-10.27-7.03-3.95-1.71-8.53-2.57-13.29-2.57s-9.08.78-12.95,2.34-7.48,3.61-10.83,6.14c-3.35,2.54-6.51,5.4-9.49,8.6-2.98,3.2-5.88,6.44-8.71,9.71-2.98-3.57-6.02-6.96-9.15-10.16s-6.41-6.03-9.83-8.49c-3.43-2.46-7-4.43-10.72-5.92-3.72-1.48-7.66-2.23-11.83-2.23-5.07,0-9.72.89-13.96,2.68-4.24,1.79-7.92,4.28-11.05,7.48-3.13,3.21-5.58,6.96-7.37,11.28s-2.68,9.16-2.68,14.07.89,9.49,2.68,13.73c1.79,4.24,4.21,7.92,7.26,11.05s6.62,5.58,10.72,7.37c4.09,1.79,8.23,2.68,12.84,2.68s8.86-.74,12.73-2.23,7.51-3.46,10.94-5.92c3.42-2.46,6.66-5.29,9.71-8.49s6.06-6.51,9.04-9.94c7.89,8.94,14.92,15.6,21.1,19.99,6.18,4.4,12.84,6.59,19.99,6.59,4.46,0,8.74-.82,12.84-2.46,4.09-1.64,7.7-4.02,10.83-7.15,3.12-3.13,5.65-6.89,7.59-11.28,1.93-4.39,2.9-9.27,2.9-14.63h0v-.2c0-5.06-.79-9.75-2.35-14.07ZM382.34,51.23c-2.81,3.06-5.79,5.92-8.94,8.56-3.15,2.66-6.5,4.85-10.05,6.58-3.56,1.73-7.33,2.6-11.3,2.6h0s-.22-.01-.22-.01c-7.95,0-14.33-2.6-19.13-7.82-4.8-5.22-7.28-11.54-7.45-19,0-3.8.58-7.41,1.74-10.8,1.16-3.39,2.77-6.42,4.84-9.06,2.07-2.65,4.67-4.72,7.82-6.21,3.14-1.49,6.71-2.24,10.68-2.24,4.47,0,8.56.82,12.29,2.48,4.15,1.85,7.49,4.09,10.43,6.58,3.23,2.72,6.25,5.79,9.06,9.19,2.81,3.4,5.63,6.83,8.44,10.31-2.65,2.83-5.38,5.76-8.2,8.82ZM453.83,61.15c-4.8,5.22-11.18,7.82-19.13,7.82h-.22,0c-3.97.01-7.74-.86-11.3-2.59-3.56-1.74-6.91-3.93-10.05-6.58-3.15-2.65-6.13-5.51-8.94-8.56s-5.55-5.99-8.2-8.82c2.81-3.48,5.63-6.91,8.44-10.31,2.81-3.39,5.84-6.46,9.06-9.19,2.95-2.49,6.28-4.74,10.43-6.58,3.73-1.66,7.82-2.48,12.29-2.48,3.97,0,7.54.75,10.68,2.24,3.15,1.49,5.75,3.56,7.82,6.21,2.07,2.65,3.68,5.67,4.84,9.06,1.16,3.39,1.73,7,1.73,10.8-.17,7.45-2.65,13.78-7.45,19Z"/>
      </svg>
      <div class="dots">
        <span class="pill"><span class="dot" id="dot-opds"></span>OPDS</span>
        <span class="pill"><span class="dot" id="dot-kosync"></span>KOSYNC</span>
      </div>
    </header>

    <main id="app">
      <!-- Setup: shown until a Readwise token is saved -->
      <section id="setup" class="card hidden">
        <h2>Connect Readwise</h2>
        <p class="muted">
          Paste your Readwise access token — get it at
          <a href="#" id="token-link">readwise.io/access_token</a>.
        </p>
        <input id="token-input" type="password" placeholder="Readwise access token" />
        <button id="token-save" class="primary">Save &amp; start</button>
        <p id="setup-error" class="error"></p>
      </section>

      <!-- Running dashboard -->
      <section id="dash" class="hidden">
        <div class="card">
          <div class="card-head"><h3>Status</h3></div>
          <div class="status-row">
            <span id="run-label" class="status-text">Not running</span>
            <button id="run-toggle" class="primary">Start</button>
          </div>
          <p id="run-error" class="error hidden"></p>
        </div>

        <div class="card">
          <div class="card-head"><h3>Browse on CrossPoint</h3><span class="tag">OPDS</span></div>
          <p class="muted">OPDS enables browsing and downloading files from Readwise.
            On device: Settings &rsaquo; System &rsaquo; OPDS Servers &rsaquo; Add Servers</p>
          <div class="field" data-copy id="url-opds"></div>
          <div class="creds">
            <span class="field" data-copy id="opds-user"></span>
            <span class="field" data-copy id="opds-pass"></span>
          </div>
        </div>

        <div class="card">
          <div class="card-head"><h3>Sync progress</h3><span class="tag">KOSync</span></div>
          <p class="muted">KOSync enables syncing your reading status from/to Readwise.
            On device: Settings &rsaquo; System &rsaquo; KOReader Sync</p>
          <div class="field" data-copy id="url-kosync"></div>
          <div class="creds">
            <span class="field" data-copy id="kosync-user"></span>
            <span class="field" data-copy id="kosync-pass"></span>
          </div>
        </div>

        <div class="card" id="remote-card">
          <div class="card-head"><h3>Remote access</h3><span class="tag">Anywhere</span></div>
          <div id="remote-body"></div>
        </div>

        <div class="card">
          <div class="card-head"><h3>Send files to CrossPoint</h3><span class="tag">WebDAV</span></div>
          <p class="muted">Copy EPUBs and other files onto your device over Wi-Fi.</p>
          <button id="open-transfer" class="primary">Send to CrossPoint…</button>
        </div>

        <div class="prefs">
          <label class="toggle">
            <input type="checkbox" id="launch-login" />
            Start Readloop when I log in
          </label>
          <label class="toggle">
            <input type="checkbox" id="autostart" />
            Start services when Readloop launches
          </label>
        </div>

        <div class="footer-links">
          <button id="setup-guide" class="link">Setup guide &rsaquo;</button>
          <button id="change-token" class="link">Change Readwise token</button>
        </div>
      </section>
    </main>

    <div id="toast" class="toast hidden">Copied</div>
  </body>
</html>