Import of the watch repository from Pebble

sdk/defaults/rocky/index.js

@@ -0,0 +1,84 @@
+/**
+ * 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!");