Split counter-click-index.ts

counter/static/bundled/counter/basket.ts

@@ -0,0 +1,25 @@
+import type { Product } from "#counter:counter/types";
+
+export class BasketItem {
+  quantity: number;
+  product: Product;
+  quantityForTrayPrice: number;
+  errors: string[];
+
+  constructor(product: Product, quantity: number) {
+    this.quantity = quantity;
+    this.product = product;
+    this.errors = [];
+  }
+
+  getBonusQuantity(): number {
+    if (!this.product.hasTrayPrice) {
+      return 0;
+    }
+    return Math.floor(this.quantity / this.product.quantityForTrayPrice);
+  }
+
+  sum(): number {
+    return (this.quantity - this.getBonusQuantity()) * this.product.price;
+  }
+}

counter/static/bundled/counter/counter-click-index.ts

@@ -1,52 +1,6 @@
 import { exportToHtml } from "#core:utils/globals";
-
-interface InitialFormData {
-  /* Used to refill the form when the backend raises an error */
-  id?: Pick<Product, "id">;
-  quantity?: number;
-  errors?: string[];
-}
-
-interface CounterConfig {
-  customerBalance: number;
-  customerId: number;
-  products: Record<string, Product>;
-  formInitial: InitialFormData[];
-  cancelUrl: string;
-}
-
-interface Product {
-  id: string;
-  code: string;
-  name: string;
-  price: number;
-  hasTrayPrice: boolean;
-  quantityForTrayPrice: number;
-}
-
-class BasketItem {
-  quantity: number;
-  product: Product;
-  quantityForTrayPrice: number;
-  errors: string[];
-
-  constructor(product: Product, quantity: number) {
-    this.quantity = quantity;
-    this.product = product;
-    this.errors = [];
-  }
-
-  getBonusQuantity(): number {
-    if (!this.product.hasTrayPrice) {
-      return 0;
-    }
-    return Math.floor(this.quantity / this.product.quantityForTrayPrice);
-  }
-
-  sum(): number {
-    return (this.quantity - this.getBonusQuantity()) * this.product.price;
-  }
-}
+import { BasketItem } from "#counter:counter/basket";
+import type { CounterConfig } from "#counter:counter/types";
 
 exportToHtml("loadCounter", (config: CounterConfig) => {
   document.addEventListener("alpine:init", () => {

counter/static/bundled/counter/types.d.ts

@@ -0,0 +1,23 @@
+export interface InitialFormData {
+  /* Used to refill the form when the backend raises an error */
+  id?: keyof Record<string, Product>;
+  quantity?: number;
+  errors?: string[];
+}
+
+export interface CounterConfig {
+  customerBalance: number;
+  customerId: number;
+  products: Record<string, Product>;
+  formInitial: InitialFormData[];
+  cancelUrl: string;
+}
+
+export interface Product {
+  id: string;
+  code: string;
+  name: string;
+  price: number;
+  hasTrayPrice: boolean;
+  quantityForTrayPrice: number;
+}

package.json

@@ -18,7 +18,8 @@
   "imports": {
     "#openapi": "./staticfiles/generated/openapi/index.ts",
     "#core:*": "./core/static/bundled/*",
-    "#pedagogy:*": "./pedagogy/static/bundled/*"
+    "#pedagogy:*": "./pedagogy/static/bundled/*",
+    "#counter:*": "./counter/static/bundled/*"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",

tsconfig.json

@@ -15,7 +15,8 @@
     "paths": {
       "#openapi": ["./staticfiles/generated/openapi/index.ts"],
       "#core:*": ["./core/static/bundled/*"],
-      "#pedagogy:*": ["./pedagogy/static/bundled/*"]
+      "#pedagogy:*": ["./pedagogy/static/bundled/*"],
+      "#counter:*": ["./counter/static/bundled/*"]
     }
   }
 }