r1-create 1.3.0 → 1.3.1

package/examples/nextjs-test-app/log-relay/device-console-bridge.js

@@ -0,0 +1,91 @@
+/*
+  Device Console Bridge (Socket.IO)
+  Usage on device creation page:
+
+  <script src="https://cdn.socket.io/4.8.1/socket.io.min.js"></script>
+  <script src="device-console-bridge.js"></script>
+
+  Set relay URL before loading this file if needed:
+  window.__R1_RELAY_URL__ = 'http://YOUR_HOST:3031';
+*/
+(function () {
+  if (typeof window === 'undefined') return;
+  if (typeof io === 'undefined') {
+    console.warn('[relay] socket.io client not found (missing CDN script).');
+    return;
+  }
+
+  const relayUrl = window.__R1_RELAY_URL__ || 'http://localhost:3031';
+  const deviceId = window.__R1_DEVICE_ID__ || 'r1-device';
+  const socket = io(relayUrl, {
+    transports: ['websocket', 'polling']
+  });
+
+  function stringify(value) {
+    if (typeof value === 'string') return value;
+    try {
+      return JSON.stringify(value);
+    } catch {
+      return String(value);
+    }
+  }
+
+  function emit(level, args, extras) {
+    try {
+      socket.emit('console_log', {
+        level,
+        args: Array.prototype.map.call(args, stringify),
+        url: location.href,
+        stack: extras && extras.stack ? String(extras.stack) : null
+      });
+    } catch {
+      // no-op
+    }
+  }
+
+  socket.on('connect', function () {
+    socket.emit('register', { role: 'device', deviceId: deviceId });
+    emit('info', ['[relay] connected', relayUrl], null);
+  });
+
+  socket.on('connect_error', function (err) {
+    // keep local so dev sees failure even without relay
+    console.warn('[relay] connect_error', err && err.message ? err.message : err);
+  });
+
+  var original = {
+    log: console.log.bind(console),
+    info: console.info.bind(console),
+    warn: console.warn.bind(console),
+    error: console.error.bind(console)
+  };
+
+  console.log = function () {
+    original.log.apply(console, arguments);
+    emit('log', arguments, null);
+  };
+
+  console.info = function () {
+    original.info.apply(console, arguments);
+    emit('info', arguments, null);
+  };
+
+  console.warn = function () {
+    original.warn.apply(console, arguments);
+    emit('warn', arguments, null);
+  };
+
+  console.error = function () {
+    original.error.apply(console, arguments);
+    emit('error', arguments, null);
+  };
+
+  window.addEventListener('error', function (event) {
+    emit('error', [event.message || 'window.error'], { stack: event.error && event.error.stack });
+  });
+
+  window.addEventListener('unhandledrejection', function (event) {
+    var reason = event.reason && event.reason.message ? event.reason.message : stringify(event.reason);
+    emit('error', ['unhandledrejection', reason], { stack: event.reason && event.reason.stack });
+  });
+})();

package/examples/nextjs-test-app/log-relay/server.js

@@ -0,0 +1,55 @@
+const http = require('http');
+const { Server } = require('socket.io');
+
+const PORT = process.env.RELAY_PORT ? Number(process.env.RELAY_PORT) : 3031;
+
+const server = http.createServer((req, res) => {
+  res.writeHead(200, { 'Content-Type': 'text/plain; charset=utf-8' });
+  res.end('R1 log relay is running\n');
+});
+
+const io = new Server(server, {
+  cors: {
+    origin: '*',
+    methods: ['GET', 'POST']
+  }
+});
+
+io.on('connection', (socket) => {
+  console.log(`[relay] client connected ${socket.id}`);
+
+  socket.on('register', (payload) => {
+    const role = payload?.role || 'unknown';
+    const deviceId = payload?.deviceId || 'unknown';
+    socket.data.role = role;
+    socket.data.deviceId = deviceId;
+    console.log(`[relay] register role=${role} device=${deviceId} id=${socket.id}`);
+    socket.emit('relay_info', { ok: true, id: socket.id, role, deviceId });
+  });
+
+  socket.on('console_log', (payload) => {
+    const event = {
+      time: new Date().toISOString(),
+      socketId: socket.id,
+      role: socket.data.role || 'unknown',
+      deviceId: socket.data.deviceId || 'unknown',
+      level: payload?.level || 'log',
+      args: Array.isArray(payload?.args) ? payload.args : [String(payload?.args ?? '')],
+      url: payload?.url || null,
+      stack: payload?.stack || null
+    };
+
+    const line = `[relay][${event.level}] (${event.role}:${event.deviceId}) ${event.args.join(' ')}`;
+    console.log(line);
+
+    io.emit('relay_log', event);
+  });
+
+  socket.on('disconnect', (reason) => {
+    console.log(`[relay] client disconnected ${socket.id} reason=${reason}`);
+  });
+});
+
+server.listen(PORT, '0.0.0.0', () => {
+  console.log(`[relay] listening on 0.0.0.0:${PORT}`);
+});

package/examples/nextjs-test-app/next.config.js

@@ -0,0 +1,8 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  experimental: {
+    externalDir: true
+  }
+};
+
+module.exports = nextConfig;