@catalystsoftware/ui 1.0.0

package/data/pdf-data.tsx

@@ -0,0 +1,124 @@
+export const pdf = [
+    {
+        name: "PDF Action",
+        value: "pdf-action",
+        path: "/components/catalyst-ui/pdf/pdf.tsx",
+        premium: true,
+        source: null,
+        category: "PDF",
+        tags: ["pdf", "pdf generator"],
+        features: ["Responsive", "TypeScript", "Accessible"],
+        dependencies: [],
+        usage: null,
+        usagePath: "/components/catalyst-ui/pdf/pdf.tsx",
+        desc: "PDF action to generate pdfs",
+        customize: null
+    },
+    {
+        name: "generate custom pdf",
+        value: "generate_custom_pdf",
+        path: "/components/catalyst-ui/pdf/generate_custom_pdf.tsx",
+        premium: true,
+        source: null,
+        category: "PDF",
+        tags: ["pdf", "pdf generator"],
+        features: ["Responsive", "TypeScript", "Accessible"],
+        dependencies: [],
+        usage: null,
+        usagePath: "/components/catalyst-ui/pdf/generate_custom_pdf.tsx",
+        desc: "PDF action to generate pdfs",
+        customize: null
+    },
+    {
+        name: "generate pdf",
+        value: "generate_pdf",
+        path: "/components/catalyst-ui/pdf/generate_pdf.tsx",
+        premium: true,
+        source: null,
+        category: "PDF",
+        tags: ["pdf", "pdf generator"],
+        features: ["Responsive", "TypeScript", "Accessible"],
+        dependencies: [],
+        usage: null,
+        usagePath: "/components/catalyst-ui/pdf/generate_pdf.tsx",
+        desc: "PDF action to generate pdfs",
+        customize: null
+    },
+    {
+        name: "pdf generator",
+        value: "pdf_generator",
+        path: "/components/catalyst-ui/pdf/pdf_generator.tsx",
+        premium: true,
+        source: null,
+        category: "PDF",
+        tags: ["pdf", "pdf generator"],
+        features: ["Responsive", "TypeScript", "Accessible"],
+        dependencies: [],
+        usage: null,
+        usagePath: "/components/catalyst-ui/pdf/pdf_generator.tsx",
+        desc: null,
+        customize: null
+    },
+    {
+        name: "pdf sender",
+        value: "pdf_sender.$dealerId.$documentId.$dept",
+        path: "/components/catalyst-ui/pdf/pdf_sender.$dealerId.$documentId.$dept.tsx",
+        premium: true,
+        source: null,
+        category: "PDF",
+        tags: ["pdf", "pdf generator"],
+        features: ["Responsive", "TypeScript", "Accessible"],
+        dependencies: [],
+        usage: null,
+        usagePath: "/components/catalyst-ui/pdf/pdf_sender.$dealerId.$documentId.$dept.tsx",
+        desc: null,
+        customize: null
+    },
+    {
+        name: "pdf signer",
+        value: "pdf_signer.$id",
+        path: "/components/catalyst-ui/pdf/pdf_signer.$id.tsx",
+        premium: true,
+        source: null,
+        category: "PDF",
+        tags: ["pdf", "pdf generator"],
+        features: ["Responsive", "TypeScript", "Accessible"],
+        dependencies: [],
+        usage: null,
+        usagePath: "/components/catalyst-ui/pdf/pdf_signer.$id.tsx",
+        desc: null,
+        customize: null
+    },
+    {
+        name: "print pdf",
+        value: "print_pdf",
+        path: "/components/catalyst-ui/pdf/print_pdf.tsx",
+        premium: true,
+        source: null,
+        category: "PDF",
+        tags: ["pdf", "pdf generator"],
+        features: ["Responsive", "TypeScript", "Accessible"],
+        dependencies: [],
+        usage: null,
+        usagePath: "/components/catalyst-ui/pdf/print_pdf.tsx",
+        desc: null,
+        customize: null
+    },
+    {
+        name: "template Builder",
+        value: "template-builder",
+        path: "/components/catalyst-ui/pdf/templateBuilder.tsx",
+        premium: true,
+        source: null,
+        category: "PDF",
+        tags: ["pdf", "pdf generator"],
+        features: ["Responsive", "TypeScript", "Accessible"],
+        dependencies: [],
+        usage: null,
+        usagePath: "/components/catalyst-ui/pdf/templateBuilder.tsx",
+        desc: null,
+        customize: null
+    },
+];
+export const pdfarray = pdf;
+export { pdf as combinedPdf };

package/data/pos-data.tsx

@@ -0,0 +1,213 @@
+export const posPages = [];
+export const posTools = [
+    {
+        name: "Barcode Scanner",
+        value: "barcode-scanner",
+        importPath: "~/components/catalyst-ui/pos/tools/barcodeScanner",
+        multiImport: "playScanSound, BarcodeScanner",
+        path: "/components/catalyst-ui/pos/tools/barcodeScanner.tsx",
+        premium: true,
+        source: `
+
+
+
+export function playScanSound() {
+	const audio = new Audio(ScanSound);
+	audio.play();
+}
+
+export function BarcodeScanner({setScannedCode}) {
+    	useEffect(() => {
+		const codeReader = new BrowserMultiFormatReader();
+		console.log("ZXing code reader initialized");
+
+		const hints = new Map();
+		const formats = [BarcodeFormat.PDF_417, BarcodeFormat.QR_CODE, BarcodeFormat.ITF, BarcodeFormat.CODE_128, BarcodeFormat.EAN_13];
+		hints.set(DecodeHintType.POSSIBLE_FORMATS, formats);
+
+		codeReader
+			.getVideoInputDevices()
+			.then((videoInputDevices) => {
+				const sourceSelect = document.getElementById("sourceSelect");
+				let selectedDeviceId = videoInputDevices[0].deviceId;
+				if (videoInputDevices.length > 1) {
+					videoInputDevices.forEach((element) => {
+						const sourceOption = document.createElement("option");
+						sourceOption.text = element.label;
+						sourceOption.value = element.deviceId;
+						sourceSelect.appendChild(sourceOption);
+					});
+
+					sourceSelect.onchange = () => {
+						selectedDeviceId = sourceSelect.value;
+					};
+
+					const sourceSelectPanel = document.getElementById("sourceSelectPanel");
+					sourceSelectPanel.style.display = "block";
+				}
+
+				const listener = (event) => {
+					if (event.key === "F1") {
+						event.preventDefault();
+						codeReader
+							.decodeOnceFromVideoDevice(selectedDeviceId, "video", hints)
+							.then((result) => {
+								console.log(result);
+                                playScanSound()
+								/// document.getElementById('result').textContent = result.text;
+								setScannedCode(result.text);
+							})
+							.catch((err) => {
+								console.error(err);
+								//  document.getElementById('result').textContent = err;
+							});
+					}
+					if (event.key === "F2") {
+						event.preventDefault();
+						codeReader.reset();
+						setScannedCode("");
+						console.log("Reset.");
+					}
+				};
+
+				window.addEventListener("keydown", listener);
+				return () => window.removeEventListener("keydown", listener);
+			})
+			.catch((err) => {
+				console.error(err);
+			});
+	}, []);
+    return (
+        	<div className="relative flex-1 md:grow-0  mx-auto  ">
+				<main className="wrapper text-foreground ">
+					<section className="container" id="demo-content">
+						<div className="flex flex-col items-center  mx-auto">
+							<div
+								className="rounded-[5px] border border-border relative group"
+								style={{
+									padding: 0,
+									width: "150px",
+									maxHeight: "100px",
+									overflow: "hidden",
+									border: " ",
+								}}
+							>
+								<video id="video" style={{ width: "150px" }}></video>
+
+								<div id="sourceSelectPanel" style={{ display: "none" }}>
+									<select id="sourceSelect" className="b-rounded-[5px] px-3 py-1 bg-background text-foreground border-border border   opacity-0 transition-opacity group-hover:opacity-100 " style={{ maxWidth: "150px" }}></select>
+								</div>
+							</div>
+							<div style={{ display: "none" }}>
+								<div
+									style={{
+										padding: 0,
+										width: "100px",
+										maxHeight: "100px",
+										overflow: "hidden",
+										border: "1px solid gray",
+									}}
+								>
+									<video id="video" style={{ width: "100px" }}></video>
+								</div>
+								<input className="text-background bg-background border-background" type="file" id="imageUploadButton" accept="image/*" style={{ display: "inline-block" }} />
+								<label className="text-background" htmlFor="sourceSelect">
+									Change video source:
+								</label>
+								<label className="text-background">Result:</label>
+								<pre>
+									<code className="text-background" id="result"></code>
+								</pre>
+							</div>
+						</div>
+					</section>
+				</main>
+			</div>
+    )
+}
+
+/**
+ * 
+ * press F1 to start the camera
+ * press F2 to reset the camera
+ * In file place the following along with calling <BarcodeScanner setScannedCode={setScannedCode} />
+ * 
+ * 
+const [scannedCode, setScannedCode] = useState("");
+ 	useEffect(() => {
+		if (scannedCode) {
+        // This is where you do whatever you need to do when a barcode is scanned. For example, adding it to a useState list where you keep track of a clients products as you scan them, or setting off a forms action to save it in the database, or when replacing an enterprise scanner, have it redirect to the products page to edit the product inventory count or to order count.
+			const product = products.find((p) => p.dealerId === scannedCode || p.partNumber === scannedCode || p.sku === scannedCode || p.upc === scannedCode || p.mpn === scannedCode);
+			addToBill(product);
+		}
+	}, [scannedCode]);
+
+
+
+    // if you need it to do something else when scanned 
+    const listener = (event) => {
+					if (event.key === "F1") {
+						event.preventDefault();
+						codeReader
+							.decodeOnceFromVideoDevice(selectedDeviceId, "video", hints)
+							.then((result) => {
+                            // -------- THIS IS WHERE YOU CAN REPLACE THE SECTIONS CODE TO WHATEVER YOU LIKE WITHIN THE USEEFFECT ---------
+								console.log(result);
+								setScannedCode(result.text);
+							})
+							.catch((err) => {
+								console.error(err);
+							});
+					}
+					if (event.key === "F2") {
+						event.preventDefault();
+						codeReader.reset();
+						setScannedCode("");
+						console.log("Reset.");
+					}
+				};
+
+ */`,
+        category: "POS",
+        tags: ["ui", "components", "interactive"],
+        features: ["Responsive", "TypeScript", "Accessible"],
+        dependencies: ["@zxing"],
+        basicusage: `
+<BarcodeScanner />
+
+<BarcodeScanner setScannedCode="" />`,
+        usage: null,
+        usagePath: null,
+        props: {
+            "BarcodeScanner": [
+                { name: "setScannedCode", type: "string", default: null }
+            ],
+        },
+        desc: null,
+        status: null,
+        lastUpdated: null
+    },
+    {
+        name: "Cash Drawer Wizard",
+        value: "cash-drawer-wizard",
+        importPath: "~/components/catalyst-ui/pos/tools/cashDrawerWizard",
+        multiImport: "CashDrawerService, validateAppPath, validateCommandArgs, validateExecution, useCashDrawer",
+        path: "/components/catalyst-ui/pos/tools/cashDrawerWizard.tsx",
+        premium: true,
+        category: "POS",
+        tags: ["ui", "components", "interactive"],
+        features: ["Responsive", "TypeScript", "Accessible"],
+        dependencies: ["@remix-run", "react", "lucide-react", "serialport", "net", "dgram", "node-hid", "path"],
+        basicusage: null,
+        usage: null,
+        usagePath: null,
+        props: {},
+        desc: null,
+        status: null,
+        lastUpdated: null
+    }
+];
+export const combinedPos = [
+    ...posTools,
+    ...posPages,
+];

package/data/postcss.config.js

@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};