megasmack

/**
 * Can be used to set the time and timezone offset for simple Date comparisons.
 * @param {string} dateValue - Date to be converted
 * @param {number} [offset] - Timezone offset
 * @returns {number} - Converted date in milliseconds.
 */
export const normalizeTime = (dateValue, offset = undefined) => {
  if (dateValue) {
    const thisDate = new Date(dateValue);
    let msDate = thisDate.getTime();

megasmack

public without sharing class B2BCheckout {
    @AuraEnabled
    public static CartDeliveryGroup setPickupInformation(String notes, String pickupTime, Id cartDeliveryGroupId) {
        CartDeliveryGroup cartDeliveryGroup = [
            SELECT Id, DeliveryMethodId
            FROM CartDeliveryGroup
            WHERE Id =: cartDeliveryGroupId
        ];
        Datetime desiredDeliveryDate = Datetime.valueOfGmt(pickupTime.replace('T', ' '));
        cartDeliveryGroup.ShippingInstructions = notes;

megasmack

// Using add itemS to cart from the commerce/cartApi
import { addItemsToCart } from "commerce/cartApi";

// Set up an array as a payload.
const payload = [{
  productId: this.productId,
  quantity: this.quantity,
  type: "Product"
}];

megasmack

/* Returns a promise */
fetchCommerceUrl(url) {
    let apiver = 'v64.0';
    let commercebase = '/webruntime/api/services/data/' + apiver + '/commerce';
    let fullurl = commercebase + url;

    console.log('Begin fetchCommerceUrl on ', fullurl);

    return fetch(fullurl, {
      method: 'GET',

megasmack

HTML Pattern Reg Ex input patterns

Zip Code

pattern="/^\d{5}(?:-\d{4})?$/"

Email Address

pattern="[^@\s]+@[^@\s]+\.[^@\s]+"

megasmack

import checkoutApi from "commerce/checkoutApi";
import cartApi from "commerce/cartApi";

console.log("cartApi:", cartApi);
console.log("cartApi keys:", Object.keys(cartApi));

// Optional: Log function names individually
Object.keys(cartApi).forEach((key) => {
  console.log(`cartApi[${key}] =`, cartApi[key]);
});

megasmack

/**
 * Wraps the startViewTransition to check avialability and reduced motion settings.
 * Usage: await viewTransition(() => {this.showElement = true});
 * @param {Function} callback - callback to function that triggers the animation.
 * @returns {Promise<unknown>} - Finish transition.
 */
export const viewTransition = (callback) => {
  return new Promise((resolve) => {
    const mediaQuery = window.matchMedia('(prefers-reduced-motion)');
    const isReducedMotion = mediaQuery.matches;

megasmack

SEO and Social Media Meta Tag Setup for Experience Cloud Sites

About Meta Tags

Meta Tags are HTML tags hidden within the header of a web page. These tags contain information about your page. For example: a title, a brief description, and images.

When a social media channel receives a URL, behind the scenes it goes to this URL to try and gather information about this page. While most channels do their best to figure out what title or image to display from the page itself, we can be more explicit by setting up meta tags. If these meta tags are present, the channel will use them first.

Setting up Meta Tags in Salesforce Communities

megasmack

Salesforce VSCode LWC Snippets

Some handy VSCode snippets I've found helpful for LWC development in Salesforce.

megasmack

import { LightningElement } from 'lwc';

export default class BrowserNotificationsExample extends LightningElement {

    connectedCallback() {
        this.initPushNotifications();
    }

    // Modified from: https://levelup.gitconnected.com/creating-browser-notification-in-javascript-79e91bfb76c8
    initPushNotifications() {