@pixelated-tech/components 3.9.16 → 3.9.18

package/dist/components/general/accordion.css

@@ -17,8 +17,8 @@
 .accordion-title {
 	cursor: pointer;
 	padding: 1rem;
-	font-size: 1rem;
-	font-weight: 600;
+	/* font-size: 1rem;
+	font-weight: 600; */
 	color: #1a202c;
 	background: none;
 	border: none;
@@ -62,8 +62,8 @@ details[open] .accordion-title::before {
 
 .accordion-title h3 {
 	margin: 0;
-	font-size: inherit;
-	font-weight: inherit;
+	/* font-size: inherit;
+	font-weight: inherit; */
 	color: inherit;
 	flex: 1;
 }

package/dist/components/general/faq-accordion.js

@@ -10,7 +10,8 @@ const categoryIcons = {
     'Content & Management': '📝',
     'Support & Maintenance': '🛠️',
     'Ownership & Legal': '📋',
-    'Services': '💼'
+    'Services': '💼',
+    '': ''
 };
 FAQAccordion.propTypes = {
     faqsData: PropTypes.shape({
@@ -55,7 +56,8 @@ export function FAQAccordion({ faqsData }) {
     const accordionItems = filteredFaqs.map((faq, index) => {
         const content = Array.isArray(faq.acceptedAnswer.text) ? (_jsx("div", { children: faq.acceptedAnswer.text.map((paragraph, pIndex) => (_jsx("p", { dangerouslySetInnerHTML: { __html: paragraph } }, pIndex))) })) : (_jsx("div", { dangerouslySetInnerHTML: { __html: faq.acceptedAnswer.text } }));
         return {
-            title: `${categoryIcons[faq.category] || '❓'} ${faq.name}`,
+            /* title: `${categoryIcons[faq.category as CategoryKey] || '❓'} ${faq.name}`, */
+            title: `${categoryIcons[faq.category] || ''} ${faq.name}`,
             content,
             open: expandedStates[index] || undefined
         };

package/dist/components/general/tiles.css

@@ -19,6 +19,10 @@
     margin: 10px;
 }
 
+.tile-image.clickable { 
+	cursor: pointer;
+}
+
 .tile-image img {
     width: 100%;
     height: 100% !important;
@@ -44,6 +48,12 @@
     }
 }
 
+.tile-image-overlay, 
+.tile-image-overlay * {
+	pointer-events: none;
+	cursor: pointer;
+}
+
 .tile-image:hover .tile-image-overlay {
     visibility: visible;
     width: 100% !important;
@@ -67,7 +77,7 @@
     transition-delay: 0.25s; 
 }
 
-.tile-image-overlay-title{
+.tile-image-overlay-title {
     margin-bottom: 10px;
 }
 

package/dist/components/general/tiles.js

@@ -9,11 +9,12 @@ import "./tiles.css";
 Tiles.propTypes = {
     cards: PropTypes.array.isRequired,
     rowCount: PropTypes.number,
+    imgClick: PropTypes.func,
 };
 export function Tiles(props) {
     const rowCount = props.rowCount ?? 2;
     if (props.cards && props.cards.length > 0) {
-        return (_jsx("div", { className: "tiles-container", children: _jsx("div", { className: `tile-container row-${rowCount}col`, children: props.cards.map((card, i) => (_jsx("div", { className: "gridItem", children: _jsx(Tile, { index: i, cardLength: props.cards.length, link: card.link, image: card.image, imageAlt: card.imageAlt, bodyText: card.bodyText }) }, i))) }) }));
+        return (_jsx("div", { className: "tiles-container", children: _jsx("div", { className: `tile-container row-${rowCount}col`, children: props.cards.map((card, i) => (_jsx("div", { className: "gridItem", children: _jsx(Tile, { index: i, cardLength: props.cards.length, link: card.link, image: card.image, imageAlt: card.imageAlt, bodyText: card.bodyText, imgClick: props.imgClick }) }, i))) }) }));
     }
     else {
         return (_jsx(Loading, {}));
@@ -27,10 +28,12 @@ Tile.propTypes = {
     image: PropTypes.string.isRequired,
     imageAlt: PropTypes.string,
     bodyText: PropTypes.string,
+    imgClick: PropTypes.func,
 };
 function Tile(props) {
     const config = usePixelatedConfig();
-    const tileBody = _jsxs("div", { className: "tile-image", children: [_jsx(SmartImage, { src: props.image, title: props?.imageAlt ?? undefined, alt: props?.imageAlt ?? "", cloudinaryEnv: config?.cloudinary?.product_env ?? undefined }), _jsx("div", { className: "tile-image-overlay", children: _jsxs("div", { className: "tile-image-overlay-text", children: [_jsx("div", { className: "tile-image-overlay-title", children: props.imageAlt }), _jsx("div", { className: "tile-image-overlay-body", children: props.bodyText })] }) })] });
+    const imgClick = props.imgClick;
+    const tileBody = _jsxs("div", { className: "tile-image" + (imgClick ? " clickable" : ""), children: [_jsx(SmartImage, { src: props.image, title: props?.imageAlt ?? undefined, alt: props?.imageAlt ?? "", onClick: imgClick ? (event) => imgClick(event, props.image) : undefined, cloudinaryEnv: config?.cloudinary?.product_env ?? undefined }), _jsx("div", { className: "tile-image-overlay", children: _jsxs("div", { className: "tile-image-overlay-text", children: [_jsx("div", { className: "tile-image-overlay-title", children: props.imageAlt }), _jsx("div", { className: "tile-image-overlay-body", children: props.bodyText })] }) })] });
     return (_jsx("div", { className: "tile", id: 'tile-' + props.index, children: props.link ?
             _jsx("a", { href: props.link, className: "tileLink", children: tileBody })
             :

package/dist/components/general/utilities.js

@@ -151,14 +151,6 @@ export const CLIENT_ONLY_PATTERNS = [
     /\bwindow\./,
     /["']use client["']/ // Client directive
 ];
-/**
- * Determines if a component file contains client-only code that requires browser execution
- * @param fileContent - The source code content of the file
- * @returns true if the file contains client-only patterns
- */
-export function isClientComponent(fileContent) {
-    return CLIENT_ONLY_PATTERNS.some(pattern => pattern.test(fileContent));
-}
 /* ===== COMPONENT FILE DETECTION ===== */
 /**
  * Glob patterns for finding component files

package/dist/config/pixelated.config.json.enc

@@ -1 +1 @@
-pxl:v1:1cf1822b5a08925a84ce42d5:4978c2e76935bd83c257792b8af5ff03:daf4d881dfb135ee031bde2792f3ce62a76e91c8c84c831ada3c6295607b07e78052e37637cfc792ff87d4e9b24d4fa1210319a7a238a92a5735d1bace6f153e4e844eec10353010b65cadd2eb5c926619744b341acc8e879bc926f2d60172b682e7eae401198175d2c0b39dfcfd1c6bf6aa95eaea1a131cdda6559a62191ee085a9cf3b3c35495fc29f6697cef26ca9a32ed80145875465a554db7035d1fdba56963074ee5c0e0069b963c9b314f9ed955111c93cb5e2594ae09e44a9c4a8e9686b01909c32dbf997e195ddaa142d554cc3d77fbf2a7bbdad9dfcbcc4e0a2af4efd4855b6619c06d1c5aac21e6bd7ebf13ae4a5e7a847dee7af073087225d4e34899177bde3d5b52d136505c6cf7b109e7e085aa8f96359537b33beea1f222c9d6744d91bd4ad72b3ea6a9477b3b8c7480c4128813cde65a8fc251ff2ea7268819dd45682afb67be2dc7b99c5ffd8d2f566c465fd3aa30e64378a2d5866bc980a247594fb8e494870cd8bd9f5738637180db9e582a3ba4ccf48c55403dedcc02cb2596ba2290f5753f38503225c89fcf2346147ed85355bcb940d0131eb5ca377a1efddff4772faef613752dcb3b1b5f4d06d03ded0ac1a2ae2a78035e98fcff0a38e0df2249028be3a39b86f63616cc5560efd3fc80517780e5524175d06e07cbf0631e0570c929a56fc3b7b8ac85807ae7f2d83673ff11e70273bd9d124853f3c97658819391d387377d40a11407e0a517a6cf40b1e401d88428a86620829062341a38921ee0adf03e182c573e542200be18d40045e8f229e85607936ed9bbebd0f164d1b78a5b732d4befc7aa51f4cf21775e31170022d84cb9d4ef51b8474f5a40117769853d125a69d23d418f419ad7dc21a740caa006a2ba50390973d7d62eab5d979deb12531286b92f35a1c48e479e7222637961dcadc7bdbcf4608199d01e3d13f6a682bf82896edddaefc8aaf181ad28fa514fea84fabb7469d48026f9642258836097ba8577d218b4aebaaa4bd64eac5e6e342980d2e486e482f6986ad39cbc5769a5847ef9cdf3565d2742030a78db96f27f5e40169d1a6b565f972e8772641955e9160a0413bb38ab1b99305dcd037a754115e516ed66c77f011532fcfa187d8e6400459afe8d4aef99a636a2e1a4eb02cd7fb3445198c2963368c3b3091046e768d5bce238a335e66ae300cb341e15dfbd32dde80e0d7ccd54e42776ba0d5bab7fd7756a77fd8cc1bf18d11e5e973a0808d57bda74b61a884303460b1069001731bc5bc15d0513cb2e3d32baffbdce05b56979f13dd9d9fb3d7a0dc2318f5759d299d3224b54c13043e3805b2561732616c8f0d65d0e8ef703ccf0a5ce3d9f6ca1c9451e534f281d48bd94f9f71cd1aa8c752cc2415fe1b311d91babd1dbdc0aa5f879e2aeb850fdcb9079665fa221f70144edc773640de4b50cd3d9244a1860a4241c24531f6c17cc475db50c1e42f80bcd3554716c19839c91d87be5c6431df3ce2af2a155bafe73e10d69e3c1c1fce5afe2b68e0f5a1d61baaa872e4afd701acb2e2a51ffbe44efae010e947b60f974dd32403b39133b29e63581d72b6b6585322e8e2ec6a3865a27bb360f3b61587188606b66dcaa3591ec6cd29b240421a469e966d9347bffbe3789c26ace9b7a8f4b701da7f33c21c63ff70f077c6d66b69282aa2800d29734353982d2b584dafd8dd62fad6c6e6ccc69ec5eca171a290f0cb2010b953683a7764eac31d1d5ff77eda7ce5a12895ad046acb5f77a89b1aea2574039b0bd93cbed60fa350cbfd3c0dacf035dd07b97ad4a9afbca984fc0e92569b5c7894b4c9fe5473a10debc8e4d8be933fab114ada62f4ac8fc09cab343bb883b59f7d40b03e204ba1583487addab5b22b0f81a6f3b99c7d7ec06a426b621c30c5c93c86a5a592e6b886dd1edb28c1a21a3f7f483e0b8ad39e674c13c85df960f761b5fb793415b315c1001a0df06dac8b4183bd00360d3fd94624cdb6c0a0d5f3b4c0a6f6c3c1a87ca55a17288b86bf50a80a960e9f69de45d54a8a85eef935adc2d4563be491b4357c52a82d3dc7972c8253195f062cf4ada45c790cbb8f9eead86fd6bcd400ce1a829ae83ff124f58ea1bbbe32f34ef2b6954e870f9fa3f8a9d2bc1e305ccd51d1be958ec039b4004242f08562214f8bb2e668913b3d643ddacbd02e9535a16844861046141174629e969e992c1e53e58923b0d9f306b6c622f009b31f90510d78f9bfa319ea547d83bb5aeef79f67b2202db3d1e88c83822ee3e14f953d4908024e83b08367fd4468288d7b2e843f00bb5042d45ed9a9183721a6ac806e587178c220cf5c46fb40cd5b1f9de4106fdd9d4649f56b3092075b8e10e98c2cf743e0350e55e1d50d42191d89b2e5354f8c92d3962a9d93ae6f3222d346c90269c14a560ef0f723dba47049b49a47a23b721dc9ad48d7175bd587c9ab35159d532f529113f27481c76958147c576905dec0aabf1092867bafab53e65aca7d480672f52022bbf4eb28f48ae993d80c0934295f11753c71cf751e21cb619fe0657be41b2bb06e22f7c9c55f2eaf25eb99ae47091b4239e01d7fe6d42d5e4f6de01bf3a3bc5e79b4f0862be0fedba3ffb19b0417e326a750b75ba04804d1a7799dbb2ec7fce5d58805019f4b6ed287ae5f68ec348a607624e5f2ff213f45a5bdb3ecfe10a3aaf47044b1baa1160f21e01050fe2c8a9840e07288458f70550476abbdb53ecd4f2080f002265b5d94033ee097cc2bb85cc2d4a152b93992329817dd0e4ecff51972507090a25bd7689087cdf941d6fdb7ef6622859a90032b316ea5d498cd9048eeebfa8936ba3d114f60a4658069ef6cdc41e10ba951766cd8a5672f36f34f0f2d5de67f8a5c0ab55519e0ab542f0d34c7a96c4f6c703b1dc91a54073cc75d9ae3b8855637dfe3cb195cbc628e3b811e4fe74c8b46282b93b42d89edeccec2593ab0070899a366cb6dd14d295a98d04e3113e670745a7f63e0535c4ea61df3feb26acfe0afdd7ebd59414fc42f3499990b6a232d536f88fbff656303d35daab4b6a30309f63a2ebae8ce633b9314176034cc824ec9b5e26d422bbb0f5696092fb6bfe4cb2c8681fcd96b701528f009ba19e9a9479656e674be5da5767d9b399eeba8db84b8e3d47a2352f00ead76e3f36b947804a6812051d475ea086c4c0bde7bc08da2a711ee7c64a8e8173898981b1f9159804ac52a81e786316bc70341d60109499d6234ad699a081a5738e70d686aa5a9bd3d4a8c79d8e163cd55bccbf872ffdbcbbbe61530f5d74b261a4f9adcf2bf75c129972e10dddc5e579cf55d76da4cd380283c4834e0411296f5046be815306a0984a17b33f46fca8e154b05f816c20387afc3fc8058b51865db734d8f6ab4a6e4ae0fdc01630ed9952f1bd2a9df904df26881970f14dbcc87e6f47e8a6229c0279f4d1570282134e6f8d741f9a50686f6fb3e6b20f8c566fb97689fd1361468ed4993c1f8ab28005b6e3ca86964d23288e51b3ba3beed2e7ce073f84f0086a2ae30fcf1f0f6588c21b3e41d5a4ae9e3cb084280ef7c82efa691b1602604356d69953453a33b61abedc621f61a37f3aff58ac845af7e1ae620f007975275d5a9bdb9c7c116fa5c9e4956d8ed1e68bb61f8325592b93556ba7142e27d3440f973ac31c34cd627f11983b9fe2d383565ecb2596c59c83032e6f6fb69c278534cc5d7ce7c1546e398e430c42aa522e994cd05cb9db674fe56d9da0d2551ed2e94f106071f6ea93db72b1000f4417b764bd0cac5fc3ca4536cd53caeaa49a8bc28c068385df109fdd346e02a53526f025b14d5353ca160a7d0b193c9fc63246db45d8959f28fdd4b73c3c590f35f93b6935ee66fb73860dea49b144fd3255197b4bc1d60c78f1c8fa3ddd4a4524c62d7a2678911c37c7e94ee2ceaa752010de696cd82f7be3602b395b2a11ab6109d0080e962a461ff82145b56d1fbbba430a877f2f8d38341c36fa240b725f592b7f248bb0fc1e6cd18154338a859da42035d86fbccaf67337758162315e9f6d9eb5554a93da23d20509ddbb873cce49a681bc31261947f4b7df5dbe4064f2917d702727e8be3331fad7131c3ce7f79f8146d8f084dc1a1462257e86ac7b6f046ea9b53be3307c6da26d18a33db328203884798768486f54ae098baf0de9ab5e325f3370d6927ebc223d2cfbe7496a24837de741c8469948d0ad460d4989cf6bda7732a4bab7accec4ad82e7b8ffb9ccdc54147637778e9007f3316c7dd99cad1af2c841607e06dd5128d53b0c5f1f5f6fa2ce224d215f5707fc39b50d1c3e28c9ccbd5f882f0b8a0b61e699012fa515dbea7eac6b6fad8bed7f4dcdf057485c2de87e1973fb8ad622702d0809e57094d53520ab66b7426d5eb640266dd67fcd195961a46d3a5ac252e20966692461e3a0837eb5a730afeeae10d453d423a4651c3c3d609e16477d7922367aceca2fab82ddeb771bc64daaa1beb65993f527881ef3f827b04e79bebf10cf35f9a28bae73fb18a969c5cb1c925ae52b66486a2a9031b820038f8352f7a273824c5b115463f624933828d6f310cc64116d71034a3094e4473d41102b35a146734dbad78867000d687464b4ec5baa55766b792324fe79dee6ea040ef515abcdd5a959ce73daed9be635ece268b813ef813c8bdc4d7df2303807d678f2a7e673f823a51e267da74c55070d980cf7068923c6311f62b6042c1ba2ace601fd029e069e7864b8629ff339bb373cab71b8c32f112ed70f8b006f7457a653174fe5279fce100fc6f17d6845ee4726f1a1cbfa648d03e703b5e3ab279d22b08f1e62542cb2fb0571c7c1e75d574e682bfcc90142a3b948f791a15809fc713b9babde9f23cad1e4aca8698e5b25dbc3686903e302a351cabd3e8f58ebfe28bcc706e28051d606dfe9771f522d3717862ecb8d65c9b99861c1f2401d7d3853c124b7291e6aa0ae065a2a33f4991acc5c7ee7528d53d22e73d6569c5bba3cb8282b45ad3999cee5f30c2c78296372e433e220e2a7ab193c54f25753b89bc415111b17b7cb5f2e61f3bd1a6fa8c70784d22b45d437a1b2df7b59eda471be3880f7537ce202dbc5cbae84e230d53fdb648325f05d1c74d93fa50bddea19124988837ada0a686f809cd28acb048551ee7c944
+pxl:v1:e782f45daa51bb928539fac3:115a6b53f654fd4fe26a72c37a21cdea:16c14158f160ce9e53070dd7776d016d98f1355027a0b150c66e85da0f88422dd7770d25f1cd03f90d52d0743d12df1df936ca7266b12da0a5e9e872825985cb3da3985ed65e9d95509b653c5f87632d0847bf417e1b7fb36ec973964d912178f9acb8fa8f63bd9df93196f73521971dfe2c3cbc69f9fcaab1ac29c1c40ba802ff7bfed9a880efb099920eefac4f16bb01de23bf1fe57aff4597eb3bc4fee3e7e0715bf81f653ac06e2d7c7835b775176e61dcca434ae3da1f1983226513ae9e2b4f70704e3387981904ebcab67bb4034b573ac28c331b8adb86025672351c0fde64380b80f16669ff5acf5293623cf87ae06bcefbf65046776c582fc87803b777f0cc4edef5f3eeac96ea41e9daee0ba16e62e581487e899ed8101dd5f0f043b32c128578cd4e2613d690ce6a290842d42221cbb0ea91ded435314b188589329c09ff3602e3bfaa473975b5cf8833de0729cac2129a3b54206ca02de526e28e931d0fefb9fcf006cef8b2ce7ee8b9a558289f95029a92ea918b1f9cde77f163460d65a4c68b96ccd46778acf22075dd0b60840c3a9abc86b5e84f9daef1583388102acf2262ae9ff441ac95c0d49b069e67c5b1d3d700d89c305e6f6e24af2e06e623101515cde459564d2217c4d5b5bfe4b9a0c426306b0c354f51b7556be2d3bf7b7fcc36dc97697aee564bb8c75f9f8a7a279230902512d503309e1f072550cbbdfb40eeaaab2fbde2951ca4b6960fb9b2afae78ef00d03bb5a1e90d11684cb30b0abe79615e263872b88fdfe1f02aaa6bcc4d12e8d3bb0ef68be0f4682c745f838cf2fd5859aaae268d75a21b0bc89b8e63db17aed45bf7fe86c85a1f86ed7b95007821aeac7fcce94e1c4bbeabde111b43edd4a70f6332cd88ac6651ca033bedcab40eb635aa54fb748811ef304c574b1c15db0ebedb8d21fc1a7200a83b5960567c8a65c325a49c8a5ebeab063c95d94ce6e0625a77fe42d98d1afe1bb6c5f98b92d41487f20fcb771c2b9850514f6849c2849f23c4e845795efec2f7502101b1e6870eae0a7b0ee536d5e8589b87e9a1da0c5805c4be9fe3c91697267946bd3540a110da410f1b350b0b29f51ff7f06c2776d519e9a7aa94024324d6fe3ff4b84c8b5a2b7132e9fcd01a0d775d0553ad9b053eac28f98e255d98dfb75c6dbe995f8da1738245d94b5476d2f2933cc214fc1cca3c4246cff28c56843cca16c63bd8b95c161df6b1e2fbad299f9e010e6781d2e003cc472a0c030e07168b23abe475ef081269c56d8e8bd748a82e496ec5e21e3d62301b2956af2f30927f4cf52a3a83a00576e5a81a91b808f547b4c2c7472cf6933873b1941f64782e2447d4807b751777b38b9c84114ce1a29874ec3683dba66c2a9b4498acfd96d361c14b39135e98342834ece9dee616aa774594d8cfc755886fb7c737cab68c5577515866f10f886da7f92f0ac6b6c4c7cf63d74fd6291134e84950dbf1c00b250d5a13e56763b79abfe2b66c01e5fdce64d15fee6cde069bd2cc1570f4201fde7b9bfc53f9b9ca8a64e85a261e23356548150043180fcb8466dea7b9711d89f147fb718d93ed8177b5f59b6510ec747728f580597f36a39a891f25bd35c55aba9d7cb0e9644d1b6c428d8a7110ee330cce1c28ce8cc8cebd638f9f5101a87e060a1fb903a934a4c9d87eb7d47f5d3172c19f05fadb52291a2b54d2861341066217b2976878597caa0f411cc269669127f4c4316b594085ee9422f4124bde8856455b58784ad74d7b2ec8e4ca886ce01fc5c35585245da981e5a3f51a6a640d77fc5fd547b74d1047ae05d91c62f533f7ca8c46f71a4dd9634b9f7a2248a85a0133afeb4eb5170952dcd9c35d5756872e523d84ad6401a0f294239b1327cee4bb0a8b31f40a6ad0a7b7abd3217364ee197b37a4ac8411da33dd0dd9040247517de7ac2c25af805f14bef2856ee0418b2d99a6359b77493dce9c2bfdc1c10c9af103a801a58395b5b4b9f82934bfeda0dfefd5c12f7d946ffaf55d0f556ee3f76dfd0ca3ac7ca3faa5b263cc6c79771353e81a36ce25cc083764f7e2e949f65f7e00d656037c277065d94aa1614f8d3f65b59f004995903d03c8f674d26303704eb98b7f87681a5485a52f0a9ea3d1192bcc57b873b67303793f4a83bae61b166574bb4e85969a50157c031a25d0890fe2df943071db1993d848df88ef98a0102104c61b8d2d6354b8b1c0e87e417aec9b7a3ae01f9130df7c1654517b3d169613c1dbe94b8a75fa1eccb085f0292d312625039947c04cede0591575b1c81ff4d7fbb6183fed8b954af014eb77500ecfef90dd30c366f297a8a5ffa8ec84e24af2d22db51f0b7bc2444e72766401c0565fcf7e6d20274959895c25419faa3d533062f410d6fda5b682a231c3edcd905b05021dcf74c5d667a07a4873f82963c0696b4db4e4867969681278e03044ec5ecd73ee95801fd1965287c0fd78df966a82c9bc62601ab50753b3992d935ee1d76e639b84ffa811fc48535e001130432b758c64842b1ffb9d7b6fe28cfb25a14d6ba086621800cae5613583449e77d036f2b2a2748adb48a3ca1634ae4d9888c984eba30165f7b2653a53173d3166494b20ec74ce98bcb03343d9d2bd70d805a00667987a1f11e64d76f8c41f38f0a1c70514f2455ee11202cf55c31f5abc88690437daf3a761850c5cf91fb91d3c9424e18c3932703326029c03f8c18969b5a59cec8fd755b66ee972dee5c90637b8cadbb1319fdba26e1f783c12eb79d290aebb84b24b274f99f9e7b1a106dd947044d7dd9f5047f45cdeacfea3d419fd3530563bea5969543aed03e2eca3a7186f9ad461601644b475f063f0aa35797709da3dfbd13bf51b4bd47b5dd6701efa7637bda9002ec10a1235c08f8e5b4ca2c63acaff2cdfc4528ca9813117786ac776269f2d590bc3ed0537c547c6083ef306a80b7197bbe514c4f6b672cee07516af002146f6580162463a2591b61cb514c2c299fecc13cd78961a8768283aad580f61107e07caf0742c4c0d7472cd851fd14ee12fbde0e665aa0ab62723b67de7bc3e83a5177b9d47d67504cc2604617a85eeb58c414958483443cf861a326fd7cc6364de17ff220fd9fcf75e9615ae7b4127bbf0af7562c6a2b3603cb81f9e6185b68e830592b1b332828648aa6dfcfb689343ac29941ddc71b36dcfda990bd2ea168f653c3789881de424503a658701acd9eb15fffe9eb9673e7a9fee71553526157bf19b9dc463e0ea599333a4cac639d6479580576fdb2875701461ad663fdc65d4e81fe26c3929d1fd1bbfffe1d8dcc37d801f83fab3f83a047945df7b22d05d393148ffb4a78cf642d0c64d1d2c075905ee8846f7307257c826fd19da00dd1ff2fd1015b831af7bef16baf067532087a83fbf24125085cc066d465cf1a16517575335889e5c676e808491b5c7bcf0428aafa0c1f9ac0f383ca192fe294591a82d839d4ea6106f07510a479ac3927383f9e0322d2c8cfe145a6504f89f541d4868ab4ceeb2c4ed464e481f047399f7d2d2901762abb86c05d4d40abf912606e173df0cb8ec9a95c5af9db8e78d70e40d5f916372fbf1e0237564ea222e126ad54c756641c8e9bd962b5cf7634ea60b80462562b10fdc7ef7f7164084db690ec60c13f02deea52a8d67990a44abc866cd706e8caf11102c1c15a694e7d31ffd7259f174f748c8d58214d52fcddc7cefa5d0d4ed6bd9c0fe0dd9564430b2064b98af41aebec95055bed3806a1c1e5e43b02d9b5d9488520efdee2439795ef3ad515d6cb7c77712c17191d1034f194666495c1fcc041d673db059c61f15ce49b2dab93653f54cb26ba66b60705c464a0ae30d089d1aa6977f7f95e960234a50ca0f879d87ccac777749fcfd282bebc511469485ad5b062fdf8c0d41e8e74ac8c6fcc76ecf0c370bfa5b01eed1d2d84d0d799609b671a0faa2af74c0833de5cff09826a82e3906b2ef0b135d3a19ebfe86c1869d97b36a0e17d9c8a36308486c2f18e2f37d209b93c06b740e8708318a63535e81bbf041a85efc60fa3806d844da736e869cd085ed22e3e39b31948cb360918393bf910b3691c2758b8220dca7b18852bf4b62e957f617a8ef176e5b4d3749ab80bfe9d7ebf6e5079d96ec972a3be7c1e9b81c0aa40fdcc48e59fe281f0d5afef13f981ac48f7e2ec5dd17b598225130998f0ac0740796ca7bdac8aca59bab8d8574c904dfb40b3a7ebca11ed658024992c894b548db90ab0ee64f76e9efaad5965325d38fd69b14d6dcc66a1e14b301e5da5e1bd6ad85e3c3170b22c0d1e723a5c087047e8257fd2315da98eb13116f7ca043c3f81aa67a86bb80cd679191ca557ed700c5fa11ba75e038fb9f44c42b82c73fe3faefb4664419663f9166c3cc729274c89b6bc86888a7ccb9cf7509e8cdb62b5b82c037cd37299bff061a5523da8357c0f0415c6930adadca35f866577e0a00f5bc20ae53eabf8c37d8c95b8e54a905f8e8bfd6b73d601fcde08e72e99abedf123f00570d3790660ae8110abff5d0f14b24da298fc7a42698d89679a62c3321d7b9d437b3a17d2880953a226123c37645d2505fa77433fd475d909c2252f83e32249066c5a902440aaf7397d4995051c72c64c395145259b68cfdefed47a8f8721e4816f6cd03e76b3c55b45028b4e740e5c5f3861dd981344aad041777e46e5d78619b66a64b67be410e57989b2f95dd8cdd9f56533e03bc7257dd243998579263ea00f69a8770d6984b173941f617327835cbfb150c0adf64b4143e23e33d451d0f3aaa5bdaa674fa140a2354672c62f0a27fdaee5f67887c13a1b04afb3d07ff5946fbebd62b62052c27a7c133e406b22f738efaa23af3a8aa7f6b3f6e78c61cb7fe42585395822f3f9a42f57e9ed93700c4679c2538d23e2df32a45918d39c3580c406cba0f3c1e96d08e207c3be5193d3a7a7e865ada35d0b19fab5625ca48f737e205d52afed1c6140c703bb3ad80e73d69da475222efee5f92aa98a6f590da6c666f81e65e6bc94c6122a7c98ca8891f5fc36d240de206a01933291a30e6c6bf34aa769ab9594a54f021b9f84ec46f403c324b50f87cc9540d11bb0a6e2a02d8c1fc3c0f36377d73530a61f5e165af302ea1ea24cd4c69e203cd91d8d63dc08a9804072701

package/dist/scripts/create-pixelated-app.js

@@ -8,14 +8,8 @@
  * - optionally initializes a fresh git repo and adds a remote
  *
  * TODOs (placeholders for later work):
- *  - Create/patch pixelated.config.json and optionally run config:encrypt
  *  - Run `npm ci` / `npm run lint` / `npm test` and optionally build
- *  - Optionally create GitHub repo using API (with token from secure vault)
  * 
- * 
-1) Recommended approach (short) ✅
-Build a small Node-based CLI (easier cross-platform than a Bash script) called e.g. scripts/new-site.js or an npm create script.
-Make it interactive with sensible CLI flags (--name, --domain, --repo, --git, --encrypt, --no-install) and a non-interactive mode for CI.
 
 2) High-level workflow the script should perform 🔁
 Validate inputs (target path, site slug, repo name).
@@ -39,31 +33,13 @@ certificates/ if using TLS — template may include placeholder paths.
 FEATURE_CHECKLIST.md — optionally update default checklist for new site.
 .gitignore — ensure pixelated.config.json is ignored if plaintext during setup.
 
-4) Template hardening (recommended changes in pixelated-template) ⚠️
-Add placeholder tokens for the things above (e.g., {{PACKAGE_NAME}}, {{SITE_DOMAIN}}) rather than literal values.
-Add a template.json or template.meta that lists files & placeholders to auto-replace.
-Ensure the template does not include real secrets. Provide pixelated.config.json.example with placeholders and an example .env.local.example.
-Add a scripts/prepare-template.sh or test job that ensures no plaintext sensitive values remain.
-Document the creation process in TEMPLATE_README.md for maintainers.
-
-5) Security & operational notes 🔐
-Do not commit plaintext pixelated.config.json. If the CLI accepts secret values, optionally run npm run config:encrypt immediately and only commit the .enc if needed (prefer not to commit it; store in site secrets store).
-Add an option to write the encrypted file directly into dist/config when building a deployment bundle.
-Provide an audit step: scan resulting repo for secret patterns before final commit/push.
-
 6) Helpful CLI implementation details (tools & libs) 🛠️
-Use Node + these packages: fs-extra (copy), replace-in-file or simple .replace() for template tokens, inquirer (prompt), execa (run commands), simple-git (git ops), node-fetch or @octokit/rest (optional GitHub repo creation).
-Use safe file writes and atomic renames for config operations.
 Provide a --dry-run and --preview mode so users can verify changes before creating repo or pushing.
 
 7) Validation & post-creation steps ✅
 npm run lint && npm test && npm run build — fail fast and show errors for the new site.
 Optional: run npm run config:decrypt locally (with provided key) to confirm decryption works in your deploy workflow (BUT DO NOT store the key in the repo).
 
-8) Example minimal CLI flow (pseudo)
-Prompt: site name, package name, repo URL (optional), domain, author, contentful tokens, aws keys (optional), encrypt?
-Copy template → replace tokens → create pixelated.config.json from pixelated.config.json.example → encrypt if requested → init git → run install/build → push to remote.
-
 */
 
 import fs from 'fs/promises';
@@ -74,10 +50,13 @@ import readline from 'readline/promises';
 import { stdin as input, stdout as output } from 'process';
 import { fileURLToPath } from 'url';
 import { loadManifest, findTemplateForSlug, pruneTemplateDirs, printAvailableTemplates } from './create-pixelated-app-template-mapper.js';
+import { AmplifyClient, CreateAppCommand, CreateBranchCommand, UpdateAppCommand, UpdateBranchCommand } from '@aws-sdk/client-amplify';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 
+let stepNumber = 1;
+
 const exec = promisify(execCb);
 // Exportable exec wrapper so tests can stub it.
 export let _exec = exec;
@@ -334,27 +313,194 @@ export async function createAndPushRemote(destPath, siteName, defaultOwner) {
 		throw new Error('Invalid GitHub response');
 	}
 
-	// Add remote and push
-	await _exec(`git remote add origin ${cloneUrl}`, { cwd: destPath });
+	// Add remote and push using repo-name as remote
+	const remoteName = repoName;
+	await _exec(`git remote add ${remoteName} ${cloneUrl}`, { cwd: destPath });
 	await _exec('git branch --show-current || git branch -M main', { cwd: destPath });
-	await _exec('git push -u origin main', { cwd: destPath });
-	console.log(`✅ Remote created and initial commit pushed: ${cloneUrl}`);
+	try {
+		// If we have a github token available in the decrypted config, use it for an authenticated push (avoids relying on local credential helper)
+		if (token) {
+			await _exec(`git -c credential.helper= -c http.extraheader="Authorization: token ${token}" push -u ${remoteName} main`, { cwd: destPath });
+			await _exec('git branch -f dev main', { cwd: destPath });
+			await _exec(`git -c credential.helper= -c http.extraheader="Authorization: token ${token}" push -u ${remoteName} dev`, { cwd: destPath });
+		} else {
+			await _exec(`git push -u ${remoteName} main`, { cwd: destPath });
+			await _exec('git branch -f dev main', { cwd: destPath });
+			await _exec(`git push -u ${remoteName} dev`, { cwd: destPath });
+		}
+		console.log(`✅ Remote '${remoteName}' created and pushed (main, dev): ${cloneUrl}`);
+		// Return useful values for downstream steps (e.g., Amplify app creation)
+		return { cloneUrl, remoteName, token };
+	} catch (e) {
+		console.warn('⚠️  Failed to push branches automatically. The repo was created on GitHub, but you may need to push manually or configure your git credentials. Error:', e?.message || e);
+		// Still return partial info so caller can decide next steps
+		return { cloneUrl, remoteName, token };
+	}
+}
+
+// Create an AWS Amplify app and connect repository branches (best-effort via AWS CLI).
+// This uses the local AWS CLI configuration (credentials/profile) and optionally a GitHub
+// personal access token to allow Amplify to connect to the repo automatically.
+export async function createAmplifyApp(rl, siteName, cloneUrl, sitePath) {
+	// Use AWS region from components config if available; skip interactive region prompt
+	const componentsCfgPath = path.resolve(__dirname, '..', 'config', 'pixelated.config.json');
+	let regionToUse = 'us-east-2';
+	let creds = null;
+	try {
+		if (await exists(componentsCfgPath)) {
+			const cfgText = await fs.readFile(componentsCfgPath, 'utf8');
+			const cfg = JSON.parse(cfgText);
+			if (cfg?.aws?.region) {
+				regionToUse = cfg.aws.region;
+				console.log(`✅ Using AWS region from components config: ${regionToUse}`);
+			}
+			if (cfg?.aws?.access_key_id && cfg?.aws?.secret_access_key) {
+				creds = { accessKeyId: cfg.aws.access_key_id, secretAccessKey: cfg.aws.secret_access_key };
+				console.log('✅ Found AWS credentials in components config; they will be used for Amplify SDK operations.');
+			}
+		}
+	} catch (e) {
+		// ignore and continue without config values
+	}
+
+	// Prompt only for GitHub PAT (do not prompt for region)
+	const githubToken = (await rl.question('GitHub personal access token (PAT) to connect repo [leave blank to skip]: ')) || '';
+
+	console.log('Creating Amplify app (this may take a few seconds)...');
+	// Use AWS SDK Amplify client
+	const client = new AmplifyClient({ region: regionToUse, credentials: creds || undefined });
+	let createResp;
+	try {
+		createResp = await client.send(new CreateAppCommand({ name: siteName, platform: 'WEB_DYNAMIC', repository: cloneUrl || undefined, accessToken: githubToken || undefined }));
+	} catch (e) {
+		throw new Error('Failed to create Amplify app via SDK: ' + (e?.message || e));
+	}
+
+	const appId = createResp?.app?.appId || createResp?.appId || createResp?.id;
+	if (!appId) {
+		console.log('Amplify create app response:', createResp);
+		throw new Error('Unable to determine Amplify appId from SDK response');
+	}
+	console.log(`✅ Created Amplify app: ${appId}`);
+	console.log(`🔗 Open in console: https://${regionToUse}.console.aws.amazon.com/amplify/home?region=${regionToUse}#/d/${appId}`);
+
+	// Optionally: read site config (if sitePath provided) and set environment variables for the app & branches
+	let envVars = {};
+	if (sitePath) {
+		// Primary: look for a local .env.local and prefer variables defined there
+		const envLocalPath = path.join(sitePath, '.env.local');
+		if (await exists(envLocalPath)) {
+			try {
+				const envText = await fs.readFile(envLocalPath, 'utf8');
+				for (const line of envText.split(/\r?\n/)) {
+					const m = line.match(/^\s*([A-Za-z0-9_]+)\s*=\s*(.*)$/);
+					if (!m) continue;
+					const k = m[1];
+					let v = m[2] || '';
+					// remove optional quotes
+					v = v.replace(/^"|"$/g, '');
+					if (k === 'PIXELATED_CONFIG_KEY' || k.startsWith('PIXELATED_CONFIG')) {
+						envVars[k] = v;
+					}
+				}
+				console.log(`✅ Loaded environment values from ${envLocalPath} and will set matching Amplify environment variables.`);
+			} catch (e) {
+				console.warn('⚠️ Failed to read .env.local for env var population:', e?.message || e);
+			}
+		}
+
+		// Secondary: if no PIXELATED_CONFIG_* vars were found in .env.local, look for pixelated.config.json
+		if (!envVars.PIXELATED_CONFIG_JSON && !envVars.PIXELATED_CONFIG_B64) {
+			const candidates = [
+				path.join(sitePath, 'src', 'app', 'config', 'pixelated.config.json'),
+				path.join(sitePath, 'src', 'config', 'pixelated.config.json'),
+				path.join(sitePath, 'src', 'pixelated.config.json'),
+				path.join(sitePath, 'pixelated.config.json')
+			];
+			for (const c of candidates) {
+				if (await exists(c)) {
+					try {
+						const raw = await fs.readFile(c, 'utf8');
+						envVars.PIXELATED_CONFIG_JSON = raw;
+						envVars.PIXELATED_CONFIG_B64 = Buffer.from(raw, 'utf8').toString('base64');
+						console.log(`✅ Loaded site pixelated.config.json from ${c} and will set PIXELATED_CONFIG_* environment variables in Amplify.`);
+						break;
+					} catch (e) {
+						console.warn('⚠️ Failed to read site config for env var population:', e?.message || e);
+					}
+				}
+			}
+		}
+	}
+
+	// Attempt to resolve the ARN for the 'amplify-role' role (best-effort)
+	let iamRoleArn = null;
+	try {
+		const { IAMClient, GetRoleCommand } = await import('@aws-sdk/client-iam');
+		const iam = new IAMClient({ region: regionToUse, credentials: creds || undefined });
+		try {
+			const roleResp = await iam.send(new GetRoleCommand({ RoleName: 'amplify-role' }));
+			iamRoleArn = roleResp?.Role?.Arn;
+			if (iamRoleArn) console.log(`✅ Found amplify-role ARN: ${iamRoleArn}`);
+		} catch (e) {
+			// ignore; role may not exist or insufficient perms
+			console.warn('⚠️ Could not resolve amplify-role ARN; skipping automatic service-role assignment.');
+		}
+	} catch (e) {
+		// ignore if IAM client not available
+	}
+
+	// If we have envVars or iamRoleArn, update the app and branches accordingly
+	if (Object.keys(envVars).length || iamRoleArn) {
+		try {
+			const updateParams = {};
+			if (Object.keys(envVars).length) updateParams.environmentVariables = envVars;
+			if (iamRoleArn) updateParams.iamServiceRoleArn = iamRoleArn;
+			await client.send(new UpdateAppCommand({ appId, ...updateParams }));
+			console.log('✅ Amplify app updated with environment variables and IAM service role (if available).');
+
+			for (const branch of ['dev','main']) {
+				try {
+					await client.send(new UpdateBranchCommand({ appId, branchName: branch, environmentVariables: envVars }));
+					console.log(`✅ Updated branch '${branch}' with environment variables.`);
+				} catch (e) {
+					console.warn(`⚠️ Failed to update branch ${branch} env vars:`, e?.message || e);
+				}
+			}
+		} catch (e) {
+			console.warn('⚠️ Failed to update Amplify app/branches with env vars or service role:', e?.message || e);
+		}
+	}
+
+	console.log('ℹ️  Amplify app creation attempt finished. Verify the app in the AWS Console to ensure webhooks and branch connections are correct.');
 }
+
 async function main() {
 	const rl = readline.createInterface({ input, output });
 	try {
 		console.log('\n📦 Pixelated site creator — scaffold a new site from pixelated-template\n');
+		console.log('================================================================================\n');
 
+
+		// Prompt for basic site info
+		console.log(`\nStep ${stepNumber++}: Site Information`);
+		console.log('================================================================================\n');
 		const defaultName = 'my-site';
 		const siteName = (await rl.question(`Root directory name (kebab-case) [${defaultName}]: `)) || defaultName;
-
 		// Display name used in route titles: convert kebab to Title Case
 		const rootDisplayName = siteName.split(/[-_]+/).map(s => s.charAt(0).toUpperCase() + s.slice(1)).join(' ');
 
+
 		// Additional site metadata for placeholder substitution
+		console.log(`\nStep ${stepNumber++}: Site Metadata`);
+		console.log('================================================================================\n');
 		const siteUrl = (await rl.question('Site URL (e.g. https://example.com) [leave blank to skip]: ')).trim();
 		const emailAddress = (await rl.question('Contact email address [leave blank to skip]: ')).trim();
 
+
+		// Create a copy of pixelated-template inside the current workspace
+		console.log(`\nStep ${stepNumber++}: Template Copy`);
+		console.log('================================================================================\n');
 		const workspaceRoot = path.resolve(__dirname, '..', '..', '..');
 		const templatePath = path.resolve(workspaceRoot, 'pixelated-template');
 		if (!(await exists(templatePath))) {
@@ -366,7 +512,6 @@ async function main() {
 		const manifest = await loadManifest(__dirname);
 		// Note: available templates will be printed later just before prompting for pages
 		
-
 		// Destination is implicitly the top-level Git folder + site name to avoid prompting for it
 		const destPath = path.resolve(workspaceRoot, siteName);
 		console.log(`\nThe new site will be created at: ${destPath}`);
@@ -404,7 +549,10 @@ async function main() {
 			await fs.rm(gitDir, { recursive: true, force: true });
 		}
 
+
 		// Pages prompt: show available templates and ask which pages to create (comma-separated)
+		console.log(`\nStep ${stepNumber++}: Page Creation`);
+		console.log('================================================================================\n');
 		if (manifest && Array.isArray(manifest.templates) && manifest.templates.length) {
 			printAvailableTemplates(manifest);
 		}
@@ -519,7 +667,11 @@ async function main() {
 				console.log('Skipping page creation.');
 			}
 		}
+
+
 		// Automatically replace double-underscore template placeholders (e.g., __SITE_NAME__) with provided values
+		console.log(`\nStep ${stepNumber++}: Placeholder Tokens Replacement`);
+		console.log('================================================================================\n');
 		const replacements = {};
 		if (rootDisplayName) replacements.SITE_NAME = rootDisplayName;
 		if (siteUrl) replacements.SITE_URL = siteUrl;
@@ -543,7 +695,12 @@ async function main() {
 				console.warn('⚠️ Failed to replace placeholders in site copy:', e?.message || e);
 			}
 		}
+
+
+
 		// Prompt about creating a new GitHub repository. Default owner is read from components config `github.defaultOwner` (fallback: 'brianwhaley')
+		console.log(`\nStep ${stepNumber++}: GitHub Repository Creation`);
+		console.log('================================================================================\n');
 		const componentsCfgPath = path.resolve(__dirname, '..', 'config', 'pixelated.config.json');
 		let defaultOwner = 'brianwhaley';
 		try {
@@ -556,20 +713,45 @@ async function main() {
 			// ignore and use fallback
 		}
 		const createRemoteAnswer = (await rl.question(`Create a new GitHub repository in '${defaultOwner}' and push the initial commit? (Y/n): `)) || 'y';
+		let remoteInfo = null;
 		if (createRemoteAnswer.toLowerCase() === 'y' || createRemoteAnswer.toLowerCase() === 'yes') {
 			try {
-				await createAndPushRemote(destPath, siteName, defaultOwner);
+				remoteInfo = await createAndPushRemote(destPath, siteName, defaultOwner);
 			} catch (e) {
 				console.warn('⚠️  Repo creation or git push failed. Your local repository is still available at:', destPath);
 				console.warn(e?.stderr || e?.message || e);
 			}
 		}
+		// Optionally create an AWS Amplify app and connect branches (main, dev)
+		console.log(`\nStep ${stepNumber++}: AWS Amplify App Creation`);
+		console.log('================================================================================\n');	// Inform user what region will be used (config-backed)
+		try {
+			const cfgPath = path.resolve(__dirname, '..', 'config', 'pixelated.config.json');
+			if (await exists(cfgPath)) {
+				const cfgText = await fs.readFile(cfgPath, 'utf8');
+				const cfg = JSON.parse(cfgText);
+				if (cfg?.aws?.region) {
+					console.log(`ℹ️  Note: Amplify will use AWS region from config: ${cfg.aws.region}`);
+				}
+			}
+		} catch (e) {
+		// ignore errors reading config; nothing to do
+		}		const createAmplifyAnswer = (await rl.question(`Create an AWS Amplify app for this repository and connect 'main' and 'dev' branches? (y/N): `)) || 'n';
+		if (createAmplifyAnswer.toLowerCase() === 'y' || createAmplifyAnswer.toLowerCase() === 'yes') {
+			try {
+				await createAmplifyApp(rl, siteName, remoteInfo?.cloneUrl);
+			} catch (e) {
+				console.warn('⚠️  Amplify app creation failed or was incomplete. You can create an app manually via the AWS Console or AWS CLI.');
+				console.warn(e?.stderr || e?.message || e);
+			}
+		}
 
-
-
-		console.log('\n🎉 Done. Summary:');
+		console.log('================================================================================\n');
+		console.log('🎉 Done.');
+		console.log('================================================================================\n');
+		console.log('Summary:');
 		console.log(` - Site copied to: ${destPath}`);
-		console.log('\nNote: A git remote was not set by this script. You can add one later with `git remote add origin <url>` if desired.');
+		console.log('\nNote: A git remote was not set by this script. You can add one later with `git remote add <repo-name> <url>` (use the repository name as the remote) if desired.');
 		console.log('\nNext recommended steps (manual or to be automated in future):');
 		console.log(' - Update pixelated.config.json for this site and encrypt it with your config tool');
 		console.log(' - Run `npm run lint`, `npm test`, and `npm run build` inside the new site and fix any issues');