ultimate-jekyll-manager 0.0.18 → 0.0.20

package/README.md

@@ -32,7 +32,7 @@
 ## 🚀 Getting started
 1. [Create a repo](https://github.com/itw-creative-works/ultimate-jekyll/generate) from the **Ultimate Jekyll** template.
 2. Clone the repo to your local machine.
-3. Run these command to get everything setup and sync'd!
+3. Run these commands to get everything setup and sync'd!
 ```bash
 npm install
 npx uj setup
@@ -55,3 +55,14 @@ npm start -- --browser=false
 ```bash
 npm start -- --debug=true
 ```
+* `--ujPluginDevMode=true` - Enables the development mode for the [Ultimate Jekyll Ruby plugin](https://github.com/itw-creative-works/jekyll-uj-powertools).
+```bash
+
+<!-- Developing -->
+## 🛠 Developing
+1. Clone the repo to your local machine.
+2. Run these commands
+```bash
+npm install
+npm run prepare:watch
+```

package/TODO.md

@@ -1,7 +1,18 @@
+IMP
+- aftet moving setup build files to defaults.js task, most default files fail be created
+
+QUESTIONS
+- how do we import theme CSS and JS into the bundles?
+- how do we handle bundles for frontend and backend?
+- how do we handle bundles for different themes?
+
 - easy system for a main css, js, etc bundle BUT user can make page specific bundles
 - uncompiled should move everything inside it to css/images/js/vendor
 - make an update fn that will update UJ eith er in `npx uj setup` or a separate process
 
+- we shoudl be able to MERGE site settings
+  - so site is default, then merge layount, then merge page (each OVERWRITING the previous one)
+
 MIGRATIONS
 - @output/build/build.json --> build.json
   - there are some references inside that changed too:
@@ -9,12 +20,165 @@ MIGRATIONS
     - brand --> config.brand
     - admin-dashboard --> config.admin-dashboard
 
+site.time | date: '%s'  --> uj_cache
+
+uj-website-json -- uj-schema-website
+
+facebook-pixel --> meta-pixel
+
+INCLUDE THIS in css build process
+- src/defaults/dist/_includes/master/assets/css/defaults.css
+- src/defaults/dist/_includes/master/assets/css/cookieconsent.css
+- social buttons too?? or make our own??
+
+THINGS TO ADD
+- auto cached translations
+  - sitemap for each translation?
+  - need to add HTML tags for each equivalent translation (not all pages have translations!!!!)
+- each theme should have complex COMPONENTS to easily scaffold large parts of the site
+  - keep components consistent across themes so when we switch themes the components work still
+- checkout pages SHOULD BE IN EACH WEBSITE
+  - this way, pixel events can be sent from the actual domain
+  -
+
 // Legacy
 // TODO: REMOVE REFERENCES TO
 'npm-build': new Date().toISOString(),
 brand: config.brand,
 'admin-dashboard': JSON5.parse(config['admin-dashboard']),
 
+when user is required to login (auth.required=true from UJ), pass back a query that is loginRequired=true (or something similar) so that the user can be displayed a message to login. or we can just use the fact that there is a redirect query already
+
+automatic subprocessor list
+- https://sentry.io/legal/subprocessors/
+
+Terms of service
+- https://zapier.com/legal/terms-of-service
+- https://sentry.io/terms/
+- https://docs.github.com/en/site-policy/github-terms/github-terms-of-service#the-github-terms-of-service
+- https://help.instagram.com/termsofuse
+
+prechat-btn
+- should have width and height set to 0px INLINE so it doesnt appear HUGE when loading
+- then automatically remove the style attribute after the button is loaded
+
+https://developer.mozilla.org/en-US/docs/Web/API/HTMLScriptElement/fetchPriority
+- there is also one for images
+- fetchpriority="high" for critical scripts and images
+
+CONTACT
+<div style="display: none;">
+  <input type="email" name="slap_honey" class="form-control" placeholder="Your Email">
+</div>
+
+# Translation
+translation:
+  enabled: false
+  default: "en"
+  languages:
+    - "en"  # English
+    - "zh"  # Chinese (Simplified)
+    - "es"  # Spanish
+    - "hi"  # Hindi
+    - "ar"  # Arabic
+    - "pt"  # Portuguese
+    - "ru"  # Russian
+    - "ja"  # Japanese
+    - "de"  # German
+    - "fr"  # French
+    - "ko"  # Korean
+    - "ur"  # Urdu
+    - "id"  # Indonesian
+    - "bn"  # Bengali
+    - "tl"  # Tagalog
+    - "vi"  # Vietnamese
+    - "it"  # Italian
+
+
+PRICING PRODUCT
+<!-- Product -->
+<script type="application/ld+json">
+  {
+    "@context": "https://schema.org/",
+    "@type": "Product",
+    "name": "{{ page.gift.title }}",
+    "url": "{{ site.url }}{{ page.url }}",
+    "image": "{{ page.gift.images | first }}",
+    "description": "{{ page.gift.description }}",
+    "sku": "{{ page.gift.id }}",
+    "brand": {
+      "@type": "Brand",
+      "name": "{{ page.gift.brand }}"
+    },
+    "aggregateRating": {
+      "@type": "AggregateRating",
+      "ratingValue": "{{ page.gift.rating_score }}",
+      "reviewCount": "{{ page.gift.rating_count }}"
+    },
+    "offers": {
+      "@type": "Offer",
+      "url": "{{ site.url }}{{ page.url }}",
+      "priceCurrency": "USD",
+      "price": "{{ page.gift.price }}",
+      "priceValidUntil": "{{ site.time | date: '%s' | plus: 2592000 | date: '%Y-%m-%d' }}",
+      "itemCondition": "https://schema.org/NewCondition",
+      "availability": "https://schema.org/InStock",
+      "seller": {
+        "@type": "Organization",
+        "name": "{{ page.gift.brand }}"
+      }
+    }
+  }
+</script>
+
+
+<script type="application/ld+json">
+  {
+    "@context": "https://schema.org",
+    "@type": "SoftwareApplication",
+    "url": "{{ site.url }}{{ page.url }}",
+    "name": "Free AI {{ page.subject-parameters.title }} Homework Helper",
+    "description": "A 24/7 free {{ page.subject-parameters.title }} homework AI tutor that instantly provides personalized step-by-step guidance, explanations, and examples for any {{ page.subject-parameters.title }} homework problem. Improve your grades with our AI homework helper!",
+    "applicationCategory": "EducationalApplication",
+    "operatingSystem": "Web-based",
+    "offers": {
+      "@type": "Offer",
+      "price": "0",
+      "priceCurrency": "USD",
+      "availability": "https://schema.org/InStock"
+    },
+    "provider": {
+      "@type": "Organization",
+      "name": "{{ site.brand.name }}",
+      "url": "{{ site.url }}"
+    },
+    "featureList": [
+      "AI-powered step-by-step solutions",
+      "Free AI Homework Help",
+      "Subject-specific assistance",
+      "Instant answers",
+      "24/7 availability",
+      "User-friendly interface"
+    ],
+    "aggregateRating": {
+      "@type": "AggregateRating",
+      "ratingValue": "4.9",
+      "ratingCount": "699422"
+    },
+    "review": {
+      "@type": "Review",
+      "reviewRating": {
+        "@type": "Rating",
+        "ratingValue": "5"
+      },
+      "author": {
+        "@type": "Person",
+        "name": "Nora B"
+      },
+      "reviewBody": "{{ site.brand.name }} has been an absolute lifesaver for my homework! The AI tutor provides clear, step-by-step explanations that have helped me understand complex concepts. I love how I can get help anytime, day or night!"
+    }
+  }
+</script>
 
 
 MAYBE
@@ -69,3 +233,4 @@ MAYBE
       #       name: github-pages
 
     "deploy": "UJ_BUILD_MODE=true UJ_IS_SERVER=true npx uj setup && npm run build"
+

package/dist/assets/css/global/alert.scss

@@ -0,0 +1,64 @@
+/*
+  Alert Box Styles
+*/
+
+.main-alert {
+  padding: 20px;
+  color: white;
+  left: 0;
+  /* 100 because modals are 101 and we want these below the modals */
+  /* z-index: 100; */
+  /* 1060 because some headers (like studymonkey) are set high */
+  z-index: 1060;
+  width: 100%;
+}
+
+.main-alert-top {
+  top: 0;
+}
+
+.main-alert-bottom {
+  bottom: 0;
+}
+
+.main-alert-fixed {
+  position: fixed;
+}
+
+.main-alert-block {
+}
+
+.main-alert a {
+  color: white;
+  text-decoration: underline;
+}
+.main-alert a:hover {
+  color: black;
+}
+
+.main-alert-close {
+  margin-left: 15px;
+  color: white;
+  font-weight: bold;
+  float: right;
+  font-size: 22px;
+  line-height: 20px;
+  cursor: pointer;
+  transition: 0.3s;
+}
+
+.main-alert-close:hover {
+  color: black;
+}
+
+.main-alert-outdated {
+  background-color: #f44336;
+}
+
+.main-alert-suspended {
+  background-color: #f44336;
+}
+
+.main-alert-sale {
+  background-color: #0d6efd;
+}

package/dist/{defaults/dist/_includes/master/assets/css/defaults.css → assets/css/global/animations.scss}

@@ -1,35 +1,7 @@
-/*! defaults.css v1.0.0 | MIT License | ITW Creative Works */
-@font-face {
-  font-display: auto;
-}
-
-/* Test if the sheet is loading */
-/* .test-red {
-  color: red;
-  background-color: red;
-} */
-
-/* Properly hide things */
-.hidden, [hidden] {
-  display: none;
-}
-
-/* Pointer events - can help fix bubbling issues for click listeners */
-.pointer-none {
-  pointer-events: none;
-}
+/*
+  Animation Styles
+*/
 
-/* API styles */
-.auth-signin-provider-btn * {
-  pointer-events: none;
-}
-
-article, aside, details, figcaption, figure,
-footer, header, hgroup, menu, nav, section {
-  display: block;
-}
-
-/* Simple Animations */
 .animation-slide-up {
   animation: slide-up 1s ease;
 }
@@ -319,60 +291,7 @@ footer, header, hgroup, menu, nav, section {
   animation: up-down 3s ease-in-out infinite;
 }
 
-/* Filters */
-.filter-white {
-  filter: brightness(0) invert(1);
-}
-
-.filter-black {
-  filter: brightness(0) invert(1) hue-rotate(180deg);
-}
-
-/* Buttons */
-/* .btn-gradient {
-  animation: shimmer 3s ease-out infinite alternate !important;
-  border-width: 0 !important;
-  border-color: transparent !important;
-  background-color: transparent !important;
-  background-image: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82) !important;
-  background-size: 300% 300% !important;
-  text-transform: none !important;
-  --tw-text-opacity: 1 !important;
-  color: rgb(255 255 255/ 1!important) !important;
-  --tw-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.1);
-  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  transition-duration: .1s;
-  animation-duration: .1s;
-} */
-
-.btn-gradient {
-  animation: shimmer 3s ease-out infinite alternate !important;
-  border-width: 0 !important;
-  border-color: transparent !important;
-  background-color: transparent !important;
-  background-image: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82) !important;
-  background-size: 300% 300% !important;
-  text-transform: none !important;
-  color: rgba(255, 255, 255, 1) !important;
-  /* Replacing Tailwind CSS custom properties with a specific box-shadow value */
-  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
-  transition-duration: 3s !important;
-  animation-duration: 3s !important;
-}
-.btn-gradient:hover {
-  opacity: 0.70;
-}
-
-.text-gradient {
-  background-image: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
-  background-size: 300% 300%;
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  animation: shimmer 3s ease-out infinite alternate;
-}
-
-@keyframes shimmer {
+@keyframes gradient-shimmer {
   0% {
     background-position: 0% 50%;
   }
@@ -380,5 +299,3 @@ footer, header, hgroup, menu, nav, section {
     background-position: 100% 50%;
   }
 }
-
-

package/dist/assets/css/global/buttons.scss

@@ -0,0 +1,46 @@
+/*
+  Button Styles
+*/
+
+/* .btn-gradient {
+  animation: gradient-shimmer 3s ease-out infinite alternate !important;
+  border-width: 0 !important;
+  border-color: transparent !important;
+  background-color: transparent !important;
+  background-image: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82) !important;
+  background-size: 300% 300% !important;
+  text-transform: none !important;
+  --tw-text-opacity: 1 !important;
+  color: rgb(255 255 255/ 1!important) !important;
+  --tw-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  transition-duration: .1s;
+  animation-duration: .1s;
+} */
+
+.btn-gradient {
+  animation: gradient-shimmer 3s ease-out infinite alternate !important;
+  border-width: 0 !important;
+  border-color: transparent !important;
+  background-color: transparent !important;
+  background-image: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82) !important;
+  background-size: 300% 300% !important;
+  text-transform: none !important;
+  color: rgba(255, 255, 255, 1) !important;
+  /* Replacing Tailwind CSS custom properties with a specific box-shadow value */
+  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
+  transition-duration: 3s !important;
+  animation-duration: 3s !important;
+}
+.btn-gradient:hover {
+  opacity: 0.70;
+}
+
+.text-gradient {
+  background-image: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
+  background-size: 300% 300%;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  animation: gradient-shimmer 3s ease-out infinite alternate;
+}

package/dist/assets/css/global/chatsy.scss

@@ -0,0 +1,46 @@
+/*
+  Chatsy Pre-chat Button Styles
+*/
+
+#prechat-btn {
+  position: fixed;
+  background: #237AFC;
+  color: #fff;
+  width: 60px;
+  height: 60px;
+  text-align: center;
+  line-height: 1;
+  border-radius: 50%;
+  right: 20px;
+  bottom: 20px;
+  transition: background 0.5s;
+  z-index: 11;
+  box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 10px 0px;
+}
+
+#prechat-btn svg {
+  color: #fff;
+  width: 50%;
+  opacity: 1.0;
+  pointer-events: none;
+}
+#prechat-btn {
+  transition: transform 167ms cubic-bezier(0.33, 0, 0, 1) 0s;
+  transform-origin: center center;
+}
+
+#prechat-btn:hover {
+  transition: transform 250ms cubic-bezier(0.33, 0, 0, 1) 0s;
+  transform: scale(1.1);
+}
+
+#prechat-btn:active {
+  transform: scale(0.85);
+  transition: transform 134ms cubic-bezier(0.45, 0, 0.2, 1) 0s;
+}
+
+@media (max-width: 768px) {
+  #prechat-btn {
+    bottom: 15px;
+  }
+}

package/dist/assets/css/global/initialize.scss

@@ -0,0 +1,7 @@
+/*
+  Initialize styles for the application.
+*/
+
+@font-face {
+  font-display: auto;
+}

package/dist/assets/css/global/utilities.scss

@@ -0,0 +1,34 @@
+/*
+  Utilities Styles
+*/
+
+// Properly hide things
+.hidden, [hidden] {
+  display: none;
+}
+
+// Pointer events - can help fix bubbling issues for click listeners
+.pointer-none {
+  pointer-events: none;
+}
+
+// API styles
+.auth-signin-provider-btn * {
+  pointer-events: none;
+}
+
+// Reset styles for HTML5 elements
+// article, aside, details, figcaption, figure,
+// footer, header, hgroup, menu, nav, section {
+//   display: block;
+// }
+
+// Filter white
+.filter-white {
+  filter: brightness(0) invert(1);
+}
+
+// Filter black
+.filter-black {
+  filter: brightness(0) invert(1) hue-rotate(180deg);
+}

package/dist/assets/css/pages/index.scss

@@ -0,0 +1,3 @@
+body {
+  page: main-home;
+}

package/dist/assets/css/ultimate-jekyll-manager.scss

@@ -0,0 +1,16 @@
+// Import the theme from src/assets/themes/{ id }
+@use 'theme' as *;
+
+// Vendor styles
+@use 'vendor/cookieconsent' as *;
+
+// Import default Ultimate Jekyll Manager styles
+@use 'global/initialize' as *;
+@use 'global/utilities' as *;
+@use 'global/animations' as *;
+@use 'global/buttons' as *;
+@use 'global/alert' as *;
+@use 'global/chatsy' as *;
+
+// Import page-specific styles
+@use '_page-specific' as *;

package/dist/assets/css/vendor/fontawesome.scss

@@ -0,0 +1,2 @@
+// Import Font Awesome CSS
+// @import '~@fortawesome/fontawesome-free/css/all.min.css';

package/dist/assets/js/pages/index.js

@@ -0,0 +1,13 @@
+// Module
+export default (Manager) => {
+  return new Promise(async function (resolve, reject) {
+    // Shortcuts
+    const { webManager } = Manager;
+
+    // Log
+    console.error('------- AAA main/index.js');
+
+    // Resolve
+    return resolve();
+  });
+}

package/dist/assets/js/pages/terms/helper.js

@@ -0,0 +1,8 @@
+// Module
+export default (Manager) => {
+  // Shortcuts
+  const { webManager } = Manager;
+
+  // Log
+  console.log('------- AAA main/terms.js --> HELPER');
+}

package/dist/assets/js/pages/terms/index.js

@@ -0,0 +1,19 @@
+// Libraries
+import helper from './helper.js';
+
+// Module
+export default (Manager) => {
+  return new Promise(async function (resolve, reject) {
+    // Shortcuts
+    const { webManager } = Manager;
+
+    // Log
+    console.error('------- AAA main/term.js');
+
+    // Execute
+    helper(Manager);
+
+    // Resolve
+    return resolve();
+  });
+}

package/dist/assets/js/ultimate-jekyll-manager.js

@@ -0,0 +1,16 @@
+// Module
+module.exports = (Manager) => {
+  return new Promise(function(resolve, reject) {
+    // Shortcuts
+    const { webManager } = Manager;
+
+    // Import the theme from src/assets/themes/{ id }
+    require('__theme__/_theme.js');
+
+    // Log
+    console.error('------- XXX global.js 2', Manager);
+
+    // Resolve
+    return resolve();
+  });
+}

package/dist/assets/themes/_template/latest/_theme.js

@@ -0,0 +1,5 @@
+// Import the theme entry point
+import './js/__INDEX__.js';
+
+// Add any custom code here
+// ...

package/dist/assets/themes/_template/latest/_theme.scss

@@ -0,0 +1,5 @@
+// Import the theme entry point
+@use './scss/__INDEX__.scss' as *;
+
+// Add any custom code here
+// ...

package/dist/assets/themes/bootstrap/latest/_theme.js

@@ -0,0 +1,5 @@
+// Import the theme entry point
+import './js/index.umd.js';
+
+// Add any custom code here
+// ...

package/dist/assets/themes/bootstrap/latest/_theme.scss

@@ -0,0 +1,5 @@
+// Import the theme entry point
+@use './scss/bootstrap.scss' as *;
+
+// Add any custom code here
+// ...

package/dist/assets/themes/bootstrap/latest/js/index.esm.js

@@ -0,0 +1,19 @@
+/**
+ * --------------------------------------------------------------------------
+ * Bootstrap index.esm.js
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ * --------------------------------------------------------------------------
+ */
+
+export { default as Alert } from './src/alert.js'
+export { default as Button } from './src/button.js'
+export { default as Carousel } from './src/carousel.js'
+export { default as Collapse } from './src/collapse.js'
+export { default as Dropdown } from './src/dropdown.js'
+export { default as Modal } from './src/modal.js'
+export { default as Offcanvas } from './src/offcanvas.js'
+export { default as Popover } from './src/popover.js'
+export { default as ScrollSpy } from './src/scrollspy.js'
+export { default as Tab } from './src/tab.js'
+export { default as Toast } from './src/toast.js'
+export { default as Tooltip } from './src/tooltip.js'