cyperful 0.1.4 → 0.1.8

data/public/assets/logo-169f5e20.svg

@@ -1,72 +0,0 @@
-<svg width="237" height="239" viewBox="0 0 237 239" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <g filter="url(#filter0_d_208_72)">
-    <path
-      d="M172.902 127.562C170.237 146.148 157.831 162.767 139.043 169.927C111.486 180.427 80.6342 166.599 70.1341 139.042C59.6339 111.485 73.4612 80.6341 101.018 70.134C119.807 62.9748 140.127 67.1248 154.484 79.2248"
-      stroke="#E92727" stroke-width="16" stroke-linecap="round" stroke-linejoin="round" />
-  </g>
-  <g filter="url(#filter1_d_208_72)">
-    <path
-      d="M178.662 88.1006C166.19 65.2225 140.86 50.8365 113.31 53.6248C76.6349 57.3366 49.9131 90.0763 53.6249 126.751C57.3367 163.426 90.0764 190.147 126.751 186.436C154.302 183.647 176.236 164.478 183.871 139.565"
-      stroke="#EE7823" stroke-width="16" stroke-linecap="round" stroke-linejoin="round" />
-  </g>
-  <g filter="url(#filter2_d_208_72)">
-    <path
-      d="M198.817 105.502C192.777 72.7277 166.52 45.9247 131.712 40.7931C87.9504 34.3416 47.2447 64.5872 40.7931 108.349C34.3416 152.11 64.5873 192.816 108.349 199.267C143.157 204.399 176.032 186.313 191.273 156.676"
-      stroke="#FFCF00" stroke-width="16" stroke-linecap="round" stroke-linejoin="round" />
-  </g>
-  <g filter="url(#filter3_d_208_72)">
-    <path
-      d="M213.245 126.888C216.244 86.3927 192.399 47.1475 152.406 32.3757C103.996 14.4951 50.2564 39.2443 32.3757 87.6546C14.4951 136.065 39.2443 189.804 87.6546 207.685C127.648 222.457 171.278 208.134 195.323 175.411"
-      stroke="#009154" stroke-width="16" stroke-linecap="round" stroke-linejoin="round" />
-  </g>
-  <defs>
-    <filter id="filter0_d_208_72" x="49.618" y="55.6187" width="140.285" height="140.824"
-      filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-      <feFlood flood-opacity="0" result="BackgroundImageFix" />
-      <feColorMatrix in="SourceAlpha" type="matrix"
-        values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
-      <feOffset dy="6" />
-      <feGaussianBlur stdDeviation="4.5" />
-      <feComposite in2="hardAlpha" operator="out" />
-      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" />
-      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_208_72" />
-      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_208_72" result="shape" />
-    </filter>
-    <filter id="filter1_d_208_72" x="36.28" y="42.2799" width="164.593" height="167.501"
-      filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-      <feFlood flood-opacity="0" result="BackgroundImageFix" />
-      <feColorMatrix in="SourceAlpha" type="matrix"
-        values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
-      <feOffset dy="6" />
-      <feGaussianBlur stdDeviation="4.5" />
-      <feComposite in2="hardAlpha" operator="out" />
-      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" />
-      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_208_72" />
-      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_208_72" result="shape" />
-    </filter>
-    <filter id="filter2_d_208_72" x="22.925" y="28.9249" width="192.894" height="194.211"
-      filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-      <feFlood flood-opacity="0" result="BackgroundImageFix" />
-      <feColorMatrix in="SourceAlpha" type="matrix"
-        values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
-      <feOffset dy="6" />
-      <feGaussianBlur stdDeviation="4.5" />
-      <feComposite in2="hardAlpha" operator="out" />
-      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" />
-      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_208_72" />
-      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_208_72" result="shape" />
-    </filter>
-    <filter id="filter3_d_208_72" x="9.56018" y="15.5602" width="220.938" height="220.941"
-      filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-      <feFlood flood-opacity="0" result="BackgroundImageFix" />
-      <feColorMatrix in="SourceAlpha" type="matrix"
-        values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
-      <feOffset dy="6" />
-      <feGaussianBlur stdDeviation="4.5" />
-      <feComposite in2="hardAlpha" operator="out" />
-      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" />
-      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_208_72" />
-      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_208_72" result="shape" />
-    </filter>
-  </defs>
-</svg>

data/watcher.js

@@ -1,151 +0,0 @@
-(() => {
-  const log = console.log;
-
-  log('Cyperful watcher loading...');
-
-  const CYPERFUL_ORIGIN = 'http://localhost:3004';
-
-  let idCounter = 0;
-  const notify = (type, data, startEvent = null) => {
-    let evt;
-    try {
-      const timestamp = Date.now();
-      const id = `${timestamp}-${idCounter++}`;
-
-      if (data.url != null) {
-        try {
-          const url = new URL(data.url, window.location.origin);
-
-          // don't show our own requests
-          if (url.origin === CYPERFUL_ORIGIN) return null;
-
-          if (url.origin === window.location.origin) {
-            data.url = url.pathname + url.search + url.hash;
-          }
-        } catch (_err) {
-          // e.g. invalid URL
-        }
-      }
-
-      evt = {
-        type,
-        data,
-        id,
-        timestamp,
-        start_id: startEvent ? startEvent.id : undefined,
-      };
-
-      window.parent.postMessage(evt, CYPERFUL_ORIGIN);
-    } catch (_err) {
-      // e.g. blocked by CORS
-      // e.g. invalid payload
-    }
-    return evt || {};
-  };
-
-  // capture console logs
-  for (const level of ['log', 'error', 'warn', 'info', 'dir', 'debug']) {
-    const original = console[level];
-    if (!original) continue;
-    console[level] = (...args) => {
-      original.apply(console, args);
-      notify('log', { level, args });
-    };
-  }
-
-  // capture global errors
-  window.addEventListener('error', (event) => {
-    notify('global_error', { message: event.error.toString() });
-  });
-  window.addEventListener('unhandledrejection', (event) => {
-    notify('unhandledrejection', { message: event.reason.toString() });
-  });
-
-  // capture XHR network requests
-  const OriginalXHR = window.XMLHttpRequest;
-  function XHR() {
-    const xhr = new OriginalXHR();
-    const originalOpen = xhr.open;
-    xhr.open = (...args) => {
-      const start = notify('xhr', {
-        method: args[0],
-        url: args[1],
-        // body: args[2],
-      });
-      xhr.addEventListener('load', () => {
-        if (start)
-          notify(
-            'xhr:finished',
-            { status: xhr.status, response: xhr.response },
-            start,
-          );
-      });
-      return originalOpen.apply(this, args);
-    };
-    return xhr;
-  }
-  window.XMLHttpRequest = XHR;
-
-  // capture fetch network requests
-  const originalFetch = window.fetch;
-  window.fetch = (...args) => {
-    const [url, options] =
-      typeof args[0] === 'string' ? args : [args[0].url, args[0]];
-    const method = options?.method ?? 'GET';
-    const body = options?.body;
-
-    const start = notify('fetch', {
-      method,
-      url,
-      body,
-      bodyType:
-        options.headers?.['content-type'] ||
-        options.headers?.['Content-Type'] ||
-        null,
-    });
-
-    const promise = originalFetch(...args);
-    promise
-      .then(async (response) => {
-        const ct = response.headers.get('content-type') || '';
-        const resBody = ct.includes('application/json')
-          ? await response.clone().json()
-          : ct.includes('text/')
-          ? await response.clone().text()
-          : `[[ Unhandled content-type: ${ct || '<empty>'} ]]`;
-
-        if (start)
-          notify(
-            'fetch:finished',
-            {
-              status: response.status,
-              responseType: ct || null,
-              response: resBody,
-            },
-            start,
-          );
-      })
-      .catch(() => {});
-    return promise;
-  };
-
-  // capture client-side location changes
-  const originalPushState = history.pushState;
-  history.pushState = (...args) => {
-    originalPushState.apply(history, args);
-    notify('client_navigate', {
-      url: location.href,
-      replace: false,
-    });
-  };
-  const originalReplaceState = history.replaceState;
-  history.replaceState = (...args) => {
-    originalReplaceState.apply(history, args);
-    notify('client_navigate', {
-      url: location.href,
-      replace: true,
-    });
-  };
-
-  log('Cyperful watcher loaded.');
-})();