@hanzo/commerce 7.3.2 → 7.3.3

package/service/impls/standalone/actual-line-item.ts

@@ -1,136 +1,136 @@
-import { 
-  action,
-  computed, 
-  makeObservable, 
-  observable, 
-} from 'mobx'
-
-import type { ImageDef, MediaTransform, VideoDef } from '@hanzo/ui/types'
-
-import type { Product, LineItem, CommerceService } from '../../../types'
-
-interface ActualLineItemSnapshot {
-  sku: string  
-  familyId: string  // helps impl of restoreFromSnapshot
-  title: string
-  price: number
-  quantity: number
-  timeAdded: number     
-  timeModified: number  
-}
-
-class ActualLineItem 
-  implements LineItem  
-{
-  qu: number = 0
-
-  id: string    
-  sku: string   
-  fullTitle?: string
-  optionLabel: string
-  optionLabelShort?: string  
-  familyTitle: string
-  familyId: string  
-  byline?: string
-  desc?: string
-  price: number
-  img?: ImageDef 
-  video?: VideoDef 
-  animation?: string
-  mediaTransform?: MediaTransform 
-  optionImg?: ImageDef
-
-  timeAdded: number = 0       // Timestamp when added
-  timeModified: number = 0    // Timestamp quantity last modified (0 if not in cart)
-
-  constructor(prod: Product, snap?: ActualLineItemSnapshot) {
-    this.id = prod.id
-    this.sku = prod.sku
-    this.fullTitle = prod.fullTitle
-    this.optionLabel = prod.optionLabel
-    this.optionLabelShort = prod.optionLabelShort
-    this.familyTitle = prod.familyTitle
-    this.familyId = prod.familyId
-    this.byline = prod.byline
-    this.desc = prod.desc
-    this.price = prod.price
-    this.img = prod.img
-    this.video = prod.video
-    this.animation = prod.animation
-    this.optionImg = prod.optionImg
-    this.mediaTransform = prod.mediaTransform
-
-    if (snap) {
-      this.qu = snap.quantity
-      this.timeAdded = snap.timeAdded
-      this.timeModified = snap.timeModified
-    }
-
-    makeObservable(this, {
-      qu: observable,
-      timeAdded: observable,
-      timeModified: observable,
-      canDecrement: computed,  
-      isInCart: computed,
-      title: computed,
-      increment: action,
-      decrement: action,
-    })
-  }
-
-    // TODO: create a way to pass template strings to the ui conf per sku path!
-  get title(): string {
-    return this.fullTitle ? this.fullTitle : (this.familyTitle + ', ' + this.optionLabel)
-  }
-
-  takeSnapshot = (cmmc: CommerceService): ActualLineItemSnapshot => {
-
-    const title = this.fullTitle ? 
-      this.fullTitle 
-      : 
-      ((cmmc.getFamilyById(this.familyId)?.title ?? this.familyTitle) + ', ' + this.optionLabel)
-
-    return({
-      sku: this.sku,
-      familyId: this.familyId,
-      title,
-      price: this.price,
-      quantity: this.qu,
-      timeAdded: this.timeAdded,
-      timeModified: this.timeModified
-    } satisfies ActualLineItemSnapshot)
-  }
- 
-  get canDecrement(): boolean { return this.qu > 0 }
-  get quantity(): number {return this.qu}
-  get isInCart(): boolean {return this.qu > 0}
-
-  increment(): void { 
-    if (this.qu === 0) {
-      this.timeAdded = new Date().getTime()
-      this.timeModified = this.timeAdded
-    }
-    else {
-      this.timeModified = new Date().getTime()
-    }
-    this.qu++ 
-  }
-
-  decrement(): void {
-    if (this.canDecrement) {
-      this.qu--
-      if (this.qu === 0) {
-        this.timeAdded = 0  
-        this.timeModified = 0  
-      }
-      else {
-        this.timeModified = new Date().getTime()
-      }
-    }
-  }
-}
-
-export {
-  type ActualLineItemSnapshot,
-  ActualLineItem as default
+import { 
+  action,
+  computed, 
+  makeObservable, 
+  observable, 
+} from 'mobx'
+
+import type { ImageDef, MediaTransform, VideoDef } from '@hanzo/ui/types'
+
+import type { Product, LineItem, CommerceService } from '../../../types'
+
+interface ActualLineItemSnapshot {
+  sku: string  
+  familyId: string  // helps impl of restoreFromSnapshot
+  title: string
+  price: number
+  quantity: number
+  timeAdded: number     
+  timeModified: number  
+}
+
+class ActualLineItem 
+  implements LineItem  
+{
+  qu: number = 0
+
+  id: string    
+  sku: string   
+  fullTitle?: string
+  optionLabel: string
+  optionLabelShort?: string  
+  familyTitle: string
+  familyId: string  
+  byline?: string
+  desc?: string
+  price: number
+  img?: ImageDef 
+  video?: VideoDef 
+  animation?: string
+  mediaTransform?: MediaTransform 
+  optionImg?: ImageDef
+
+  timeAdded: number = 0       // Timestamp when added
+  timeModified: number = 0    // Timestamp quantity last modified (0 if not in cart)
+
+  constructor(prod: Product, snap?: ActualLineItemSnapshot) {
+    this.id = prod.id
+    this.sku = prod.sku
+    this.fullTitle = prod.fullTitle
+    this.optionLabel = prod.optionLabel
+    this.optionLabelShort = prod.optionLabelShort
+    this.familyTitle = prod.familyTitle
+    this.familyId = prod.familyId
+    this.byline = prod.byline
+    this.desc = prod.desc
+    this.price = prod.price
+    this.img = prod.img
+    this.video = prod.video
+    this.animation = prod.animation
+    this.optionImg = prod.optionImg
+    this.mediaTransform = prod.mediaTransform
+
+    if (snap) {
+      this.qu = snap.quantity
+      this.timeAdded = snap.timeAdded
+      this.timeModified = snap.timeModified
+    }
+
+    makeObservable(this, {
+      qu: observable,
+      timeAdded: observable,
+      timeModified: observable,
+      canDecrement: computed,  
+      isInCart: computed,
+      title: computed,
+      increment: action,
+      decrement: action,
+    })
+  }
+
+    // TODO: create a way to pass template strings to the ui conf per sku path!
+  get title(): string {
+    return this.fullTitle ? this.fullTitle : (this.familyTitle + ', ' + this.optionLabel)
+  }
+
+  takeSnapshot = (cmmc: CommerceService): ActualLineItemSnapshot => {
+
+    const title = this.fullTitle ? 
+      this.fullTitle 
+      : 
+      ((cmmc.getFamilyById(this.familyId)?.title ?? this.familyTitle) + ', ' + this.optionLabel)
+
+    return({
+      sku: this.sku,
+      familyId: this.familyId,
+      title,
+      price: this.price,
+      quantity: this.qu,
+      timeAdded: this.timeAdded,
+      timeModified: this.timeModified
+    } satisfies ActualLineItemSnapshot)
+  }
+ 
+  get canDecrement(): boolean { return this.qu > 0 }
+  get quantity(): number {return this.qu}
+  get isInCart(): boolean {return this.qu > 0}
+
+  increment(): void { 
+    if (this.qu === 0) {
+      this.timeAdded = new Date().getTime()
+      this.timeModified = this.timeAdded
+    }
+    else {
+      this.timeModified = new Date().getTime()
+    }
+    this.qu++ 
+  }
+
+  decrement(): void {
+    if (this.canDecrement) {
+      this.qu--
+      if (this.qu === 0) {
+        this.timeAdded = 0  
+        this.timeModified = 0  
+      }
+      else {
+        this.timeModified = new Date().getTime()
+      }
+    }
+  }
+}
+
+export {
+  type ActualLineItemSnapshot,
+  ActualLineItem as default
 }

package/service/impls/standalone/get-instance.ts

@@ -1,64 +1,64 @@
-import { enableStaticRendering } from 'mobx-react-lite'
-
-import type { CommerceService, CommerceConfig } from '../../../types'
-import { StandaloneService }  from './index'
-import { initSelectionUI } from '../../../util'
-
-import { readSnapshot, writeSnapshotsOnChange } from './persistence'
-
-enableStaticRendering(typeof window === "undefined")
-
-const _LOG = false
-const _log = (s: string) => {
-  if (!_LOG) return;
-  const d = new Date()
-  console.log(`TIMESTAMPED: ${d.getUTCMinutes()}:${d.getUTCSeconds()}:${d.getUTCMilliseconds()}`)
-  console.log(s)
-}
-
-// https://dev.to/ivandotv/mobx-server-side-rendering-with-next-js-4m18
-
-let instance: StandaloneService | undefined =  undefined
-
-export const getInstance = ({
-  families, 
-  rootNode, 
-  options, 
-  uiSpecifiers 
-}: CommerceConfig) : CommerceService => {
-
-  if (!options) {
-    throw new Error('cmmc getInstance(): Standalone Commerce Service requires config options!')
-  }
-
-   if (typeof window === "undefined") {
-    if (uiSpecifiers) {
-      initSelectionUI(uiSpecifiers)
-    }
-    _log("NEW INSTANCE: SERVER") //////////
-    return new StandaloneService(
-      families, 
-      rootNode, 
-      options
-    )
-  }
-
-    // Client side, create the store only once in the client
-  if (!instance) {
-    if (uiSpecifiers) {
-      initSelectionUI(uiSpecifiers)
-    }
-    _log("NEW INSTANCE: CLIENT") ///////////
-    const snapShot = readSnapshot(options.localStorageKey)
-    instance = new StandaloneService(
-      families, 
-      rootNode, 
-      options,
-      snapShot
-    )
-    writeSnapshotsOnChange(instance, options.localStorageKey)
-  }  
-
-  return instance
-}
-
+import { enableStaticRendering } from 'mobx-react-lite'
+
+import type { CommerceService, CommerceConfig } from '../../../types'
+import { StandaloneService }  from './index'
+import { initSelectionUI } from '../../../util'
+
+import { readSnapshot, writeSnapshotsOnChange } from './persistence'
+
+enableStaticRendering(typeof window === "undefined")
+
+const _LOG = false
+const _log = (s: string) => {
+  if (!_LOG) return;
+  const d = new Date()
+  console.log(`TIMESTAMPED: ${d.getUTCMinutes()}:${d.getUTCSeconds()}:${d.getUTCMilliseconds()}`)
+  console.log(s)
+}
+
+// https://dev.to/ivandotv/mobx-server-side-rendering-with-next-js-4m18
+
+let instance: StandaloneService | undefined =  undefined
+
+export const getInstance = ({
+  families, 
+  rootNode, 
+  options, 
+  uiSpecifiers 
+}: CommerceConfig) : CommerceService => {
+
+  if (!options) {
+    throw new Error('cmmc getInstance(): Standalone Commerce Service requires config options!')
+  }
+
+   if (typeof window === "undefined") {
+    if (uiSpecifiers) {
+      initSelectionUI(uiSpecifiers)
+    }
+    _log("NEW INSTANCE: SERVER") //////////
+    return new StandaloneService(
+      families, 
+      rootNode, 
+      options
+    )
+  }
+
+    // Client side, create the store only once in the client
+  if (!instance) {
+    if (uiSpecifiers) {
+      initSelectionUI(uiSpecifiers)
+    }
+    _log("NEW INSTANCE: CLIENT") ///////////
+    const snapShot = readSnapshot(options.localStorageKey)
+    instance = new StandaloneService(
+      families, 
+      rootNode, 
+      options,
+      snapShot
+    )
+    writeSnapshotsOnChange(instance, options.localStorageKey)
+  }  
+
+  return instance
+}
+