/** * Copyright 2024 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ var rocky = require('rocky'); // An object to cache our date & time values, // to minimize computations in the draw handler. var clockData = { time: '', date: '' }; // Every minute // https://developer.pebble.com/docs/rockyjs/rocky/#on rocky.on('minutechange', function(event) { // Current date/time // https://developer.pebble.com/docs/rockyjs/Date/ var d = event.date; // Get current time, based on 12h or 24h format (01:00 or 1:00 AM) clockData.time = d.toLocaleTimeString().replace(/:\d+($$| )/, '$$1'); // Day of month var day = d.toLocaleDateString(undefined, ({day: 'numeric'})); // Month name var month = d.toLocaleDateString(undefined, ({month: 'long'})); // Date clockData.date = (day + ' ' + month); // Force screen redraw rocky.requestDraw(); }); // Redraw the screen rocky.on('draw', function(event) { // Drawing canvas var ctx = event.context; // Clear the canvas // https://developer.pebble.com/docs/rockyjs/CanvasRenderingContext2D/#Canvas ctx.clearRect(0, 0, ctx.canvas.clientWidth, ctx.canvas.clientHeight); // UnobstructedArea // https://developer.pebble.com/docs/rockyjs/CanvasRenderingContext2D/#Canvas var offsetY = (ctx.canvas.clientHeight - ctx.canvas.unobstructedHeight) / 2; var centerX = ctx.canvas.unobstructedWidth / 2; // Text formatting ctx.fillStyle = 'white'; ctx.textAlign = 'center'; // Time font // https://developer.pebble.com/docs/rockyjs/CanvasRenderingContext2D/#font ctx.font = '26px bold Leco-numbers-am-pm'; // Time ctx.fillText(clockData.time, centerX, (66 - offsetY)); // Date font ctx.font = '18px bold Gothic'; // Date ctx.fillText(clockData.date, centerX, (94 - offsetY)); }); // Send a single message to the Phone // https://developer.pebble.com/docs/rockyjs/rocky/#postMessage rocky.postMessage("This arrives on the phone via bluetooth!");