Build with VRChat Legends

const playerId = 'sketch494'
const res = await fetch('https://api.vrchatlegends.com/api/analytics/legend-views/' + playerId)
const { count } = await res.json()
console.log('Views:', count ?? 0)

const playerId = 'sketch494'
const res = await fetch('https://api.vrchatlegends.com/api/analytics/legend-likes/' + playerId)
const { count } = await res.json()
console.log('Likes:', count ?? 0)

const playerId = 'sketch494'
const [viewsRes, likesRes] = await Promise.all([
  fetch('https://api.vrchatlegends.com/api/analytics/legend-views/' + playerId),
  fetch('https://api.vrchatlegends.com/api/analytics/legend-likes/' + playerId),
])
const { count: viewCount } = await viewsRes.json()
const { count: likeCount } = await likesRes.json()

console.log('Views:', viewCount ?? 0)
console.log('Likes:', likeCount ?? 0)

const res = await fetch('https://api.vrchatlegends.com/api/analytics/history')
const { snapshots } = await res.json()
// snapshots = [{ date: "2025-07-01", views: { playerId: N, ... }, likes: { ... } }, ...]
const latest = snapshots.at(-1)
console.log('Snapshot for', latest?.date, ':', latest?.views)

const playerId = 'sketch494'
const [viewsRes, likesRes] = await Promise.all([
  fetch('https://api.vrchatlegends.com/api/analytics/legend-views/' + playerId),
  fetch('https://api.vrchatlegends.com/api/analytics/legend-likes/' + playerId),
])
const { count: viewCount } = await viewsRes.json()
const { count: likeCount } = await likesRes.json()
console.log({ playerId, viewCount, likeCount })

const base = 'https://api.vrchatlegends.com'
const [groups, worlds, events, team, stats] = await Promise.all([
  fetch(base + '/api/groups').then((r) => r.json()),
  fetch(base + '/api/worlds').then((r) => r.json()),
  fetch(base + '/api/events').then((r) => r.json()),
  fetch(base + '/api/team').then((r) => r.json()),
  fetch(base + '/api/stats').then((r) => r.json()),
])

console.log('groups', groups.length)
console.log('worlds', worlds.length)
console.log('events', events.length)
console.log('team', team.length)
console.log('stats', stats)

const playerId = 'sketch494'
const views = await fetch(
  `https://api.vrchatlegends.com/api/loaders/legends/${playerId}/views?format=plain`
).then((r) => r.text())
console.log('Views:', views.trim())

const res = await fetch('https://api.vrchatlegends.com/api/players/sketch494/comments', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
    Authorization: 'Bearer vrcl_YOUR_KEY',
  },
  body: JSON.stringify({ body: 'Hello from my bot!' }),
})
const { comment } = await res.json()
console.log(comment.id, comment.body)

curl https://api.vrchatlegends.com/api/players
curl https://api.vrchatlegends.com/api/loaders/legends/sketch494/likes?format=plain
curl https://api.vrchatlegends.com/api/groups
curl https://api.vrchatlegends.com/api/worlds
curl https://api.vrchatlegends.com/api/events
curl https://api.vrchatlegends.com/api/team
curl https://api.vrchatlegends.com/api/stats
curl https://api.vrchatlegends.com/api/analytics/legend-views/sketch494
curl https://api.vrchatlegends.com/api/analytics/legend-likes/sketch494

<!-- Example: link to a legend's profile page -->
[![VRChat Legends](https://img.shields.io/badge/VRChat%20Legends-View%20Profile-6B46C1?logo=vrchat&style=flat-square)](https://vrchatlegends.com/legends/sketch494)

<iframe
  src="https://api.vrchatlegends.com/api/players/sketch494/embed"
  width="380"
  height="280"
  frameborder="0"
  style="border:none;background:transparent;border-radius:16px;overflow:hidden"
  allowtransparency="true"
  loading="lazy"
></iframe>

<div id="vrcl-embed"></div>
<script>
  (function() {
    var playerId = 'sketch494'; // replace with any player ID
    var container = document.getElementById('vrcl-embed');
    var iframe = document.createElement('iframe');
    iframe.src = 'https://api.vrchatlegends.com/api/players/' + playerId + '/embed';
    iframe.width = '380';
    iframe.height = '280';
    iframe.style.cssText = 'border:none;background:transparent;border-radius:16px;overflow:hidden';
    iframe.setAttribute('loading', 'lazy');
    container.appendChild(iframe);
  })();
</script>

<iframe
  src="https://api.vrchatlegends.com/api/players/sketch494/embed-like"
  width="320"
  height="44"
  frameborder="0"
  style="border:none;background:transparent;overflow:hidden"
  loading="lazy"
></iframe>

<iframe
  src="https://api.vrchatlegends.com/api/players/sketch494/embed-views"
  width="320"
  height="44"
  frameborder="0"
  style="border:none;background:transparent;overflow:hidden"
  loading="lazy"
></iframe>

<div id="vrcl-profile-manager"></div>
<script>
  (function () {
    const mount = document.getElementById('vrcl-profile-manager')
    if (!mount) return

    mount.innerHTML = [
      '<div style="max-width:520px;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#111;color:#fff;font-family:Segoe UI,system-ui,sans-serif">',
      '<h3 style="margin:0 0 10px;font-size:14px">VRCL Profile Content Manager</h3>',
      '<input id="vrcl-token" placeholder="JWT token" style="width:100%;margin:0 0 8px;padding:8px;border-radius:8px;border:1px solid #333;background:#0b0b0b;color:#fff" />',
      '<input id="vrcl-player" placeholder="playerId (example: sketch494)" style="width:100%;margin:0 0 8px;padding:8px;border-radius:8px;border:1px solid #333;background:#0b0b0b;color:#fff" />',
      '<textarea id="vrcl-world-links" rows="4" placeholder="world_links JSON array" style="width:100%;margin:0 0 8px;padding:8px;border-radius:8px;border:1px solid #333;background:#0b0b0b;color:#fff"></textarea>',
      '<textarea id="vrcl-avatar-links" rows="4" placeholder="avatar_links JSON array" style="width:100%;margin:0 0 8px;padding:8px;border-radius:8px;border:1px solid #333;background:#0b0b0b;color:#fff"></textarea>',
      '<textarea id="vrcl-group-links" rows="4" placeholder="group_links JSON array" style="width:100%;margin:0 0 8px;padding:8px;border-radius:8px;border:1px solid #333;background:#0b0b0b;color:#fff"></textarea>',
      '<textarea id="vrcl-videos" rows="3" placeholder="videos JSON array (YouTube URL strings)" style="width:100%;margin:0 0 8px;padding:8px;border-radius:8px;border:1px solid #333;background:#0b0b0b;color:#fff"></textarea>',
      '<textarea id="vrcl-gallery" rows="3" placeholder="gallery JSON array (string URLs)" style="width:100%;margin:0 0 10px;padding:8px;border-radius:8px;border:1px solid #333;background:#0b0b0b;color:#fff"></textarea>',
      '<button id="vrcl-save" style="padding:8px 12px;border:none;border-radius:8px;background:#6B46C1;color:#fff;font-weight:700;cursor:pointer">Save Profile Content</button>',
      '<pre id="vrcl-out" style="margin-top:10px;font-size:11px;white-space:pre-wrap;color:#9ca3af"></pre>',
      '</div>',
    ].join('')

    const byId = (id) => document.getElementById(id)
    byId('vrcl-save').addEventListener('click', async function () {
      const token = byId('vrcl-token').value.trim()
      const playerId = byId('vrcl-player').value.trim()
      const out = byId('vrcl-out')
      if (!token || !playerId) {
        out.textContent = 'token and playerId are required'
        return
      }

      function parseJson(id, fallback) {
        const v = byId(id).value.trim()
        if (!v) return fallback
        return JSON.parse(v)
      }

      try {
        const payload = {
          world_links: parseJson('vrcl-world-links', []),
          avatar_links: parseJson('vrcl-avatar-links', []),
          group_links: parseJson('vrcl-group-links', []),
          videos: parseJson('vrcl-videos', []),
          gallery: parseJson('vrcl-gallery', []),
        }

        const res = await fetch('https://api.vrchatlegends.com/api/players/' + encodeURIComponent(playerId), {
          method: 'PUT',
          headers: {
            'Content-Type': 'application/json',
            'Authorization': 'Bearer ' + token,
          },
          body: JSON.stringify(payload),
        })

        const data = await res.json().catch(() => ({}))
        out.textContent = JSON.stringify({ status: res.status, data }, null, 2)
      } catch (err) {
        out.textContent = String(err)
      }
    })
  })()
</script>

<iframe
  src="https://api.vrchatlegends.com/api/players/sketch494/embed-worlds"
  width="420"
  height="380"
  frameborder="0"
  style="border:none;background:transparent;border-radius:12px;overflow:hidden"
  loading="lazy"
></iframe>

<iframe
  src="https://api.vrchatlegends.com/api/players/sketch494/embed-avatars"
  width="420"
  height="380"
  frameborder="0"
  style="border:none;background:transparent;border-radius:12px;overflow:hidden"
  loading="lazy"
></iframe>

<iframe
  src="https://api.vrchatlegends.com/api/players/sketch494/embed-groups"
  width="420"
  height="380"
  frameborder="0"
  style="border:none;background:transparent;border-radius:12px;overflow:hidden"
  loading="lazy"
></iframe>

<iframe
  src="https://api.vrchatlegends.com/api/players/sketch494/embed-videos"
  width="480"
  height="360"
  frameborder="0"
  style="border:none;background:transparent;border-radius:12px;overflow:hidden"
  loading="lazy"
></iframe>

<iframe
  src="https://api.vrchatlegends.com/api/players/sketch494/embed-gallery"
  width="420"
  height="380"
  frameborder="0"
  style="border:none;background:transparent;border-radius:12px;overflow:hidden"
  loading="lazy"
></iframe>

<iframe
  src="https://api.vrchatlegends.com/api/players/sketch494/embed-comments"
  width="400"
  height="420"
  frameborder="0"
  style="border:none;background:transparent;border-radius:12px;overflow:hidden;max-width:100%"
  loading="lazy"
></iframe>