@awesomeness-js/server 1.1.7 → 1.1.8

package/ui/components/insertIntoList/insertIntoList.jquery.js

@@ -1,150 +0,0 @@
-(function(){
-
-	// IMPORTANT NOTE: with custom sortFn's use toLowerCase !!
-	$.fn.extend({
-
-		//Name the function
-		insertIntoList: function($ul, options) {
-
-			var defaults = {
-				'sortFn':function($elm){
-
-					return $elm.html().toLowerCase(); 
-
-				},
-				'insertBeforeLast':false,
-				'za':false,
-				'selector':null
-			};
-
-			var options =  $.extend(defaults, options); // jshint ignore:line
-
-			return this.each(function() {
-
-				if(!$ul){
-
-					return false; 
-
-				}
-
-				// From here on in, it's "normal" jQuery
-
-				var $li = $(this); // new item
-				var $lis;
-
-
-				if(options.selector){
-
-					$lis = $ul.children(options.selector); // existing items
-				
-				} else {
-
-					$lis = $ul.children(); // existing items
-				
-				}
-
-				var newHtml = options.sortFn($li);
-
-				if($lis.length === 0){
-
-					$li.appendTo($ul); 
-
-					return; 
-
-				}
-
-				$lis.each(function(k,e){
-
-					var $t = $(this);
-
-					// meta hack for skip
-					if($t.data('insertIntoListSkip') === true){
-
-						return true; 
-
-					}
-
-					var isLast = $t.is( ":last-child" );
-					var current = options.sortFn($t);
-
-					if(options.insertBeforeLast && isLast){
-
-						// insert before last child
-						$li.insertBefore($t);
-						
-						return false;
-
-					}
-
-					if(options.za){
-
-						if(current < newHtml){
-
-							$li.insertBefore($t);
-							
-							return false;
-
-						} else {
-
-							// continue if it is not the last item
-							if(!isLast){
-
-								return true; 
-
-							}
-
-							// it is the last item
-							if(options.insertBeforeLast){
-
-								$li.insertBefore($t);
-							
-							} else {
-
-								$li.insertAfter($t);
-							
-							}
-
-						}
-
-					} else {
-
-						if(current > newHtml){
-
-							$li.insertBefore($t);
-							
-							return false;
-
-						} else {
-
-							// continue if it is not the last item
-							if(!isLast){
-
-								return true; 
-
-							}
-
-							// it is the last item
-							if(options.insertBeforeLast){
-
-								$li.insertBefore($t);
-							
-							} else {
-
-								$li.insertAfter($t);
-							
-							}
-
-						}
-
-					}
-
-
-				});
-
-  			}); // each CORE
-
-		} // xoSelect Function
-
-	}); // extend
-
-})();

package/ui/components/statusPage/index.css

@@ -1,120 +0,0 @@
-/* All styles scoped to .status-page and only using existing CSS variables (e.g., --sky-500, --violet-500, --slate-950). */
-
-.status-page {
-  /* layout */
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 14px;
-  min-height: min(70vh, 560px);
-  padding: 36px 22px 28px;
-  margin: min(12vh, 120px) auto;
-  text-align: center;
-  width: min(720px, 92vw);
-
-  /* card look */
-  position: relative;
-  border-radius: 18px;
-  background:
-    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.04)) padding-box;
-  border: 1px solid color-mix(in oklab, white 14%, transparent);
-  box-shadow: 0 10px 30px rgba(0,0,0,.35);
-  backdrop-filter: saturate(160%) blur(10px);
-  color: var(--slate-50);
-  isolation: isolate;
-}
-
-.status-page::before {
-  content: "";
-  position: absolute;
-  inset: -1px;
-  border-radius: inherit;
-  z-index: -1;
-  background:
-    radial-gradient(80% 60% at 20% 0%, color-mix(in oklab, var(--sky-500) 32%, transparent), transparent 65%),
-    radial-gradient(70% 50% at 100% 10%, color-mix(in oklab, var(--violet-500) 28%, transparent), transparent 60%),
-    var(--slate-950);
-  filter: saturate(110%);
-}
-
-/* Headline */
-.status-page h1 {
-  margin: 0;
-  line-height: 1;
-  letter-spacing: -0.02em;
-  font-weight: 800;
-  font-size: clamp(48px, 14vw, 120px);
-  background:
-    conic-gradient(from 220deg, var(--sky-400), var(--violet-400), var(--sky-400)) text;
-  -webkit-background-clip: text;
-  background-clip: text;
-  color: transparent;
-  filter: drop-shadow(0 6px 18px color-mix(in oklab, var(--sky-500) 25%, transparent));
-}
-
-/* Message */
-.status-page p {
-  margin: 2px 0 18px;
-  color: var(--slate-400);
-  font-size: clamp(14px, 1.7vw, 18px);
-}
-
-/* CTA */
-.status-page .btn-home {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  height: 46px;
-  padding: 0 18px;
-  gap: .5ch;
-  border-radius: 12px;
-  text-decoration: none;
-  font-weight: 700;
-  letter-spacing: .01em;
-
-  color: var(--slate-50);
-  background:
-    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04)),
-    linear-gradient(90deg, color-mix(in oklab, var(--sky-500) 32%, transparent), color-mix(in oklab, var(--violet-500) 32%, transparent));
-  border: 1px solid color-mix(in oklab, white 14%, transparent);
-  box-shadow: 0 4px 18px rgba(0,0,0,.2);
-  transition: transform .15s ease, box-shadow .2s ease, filter .15s ease, background .25s ease;
-}
-.status-page .btn-home:hover {
-  transform: translateY(-1px);
-  box-shadow: 0 10px 26px rgba(0,0,0,.28);
-  filter: saturate(120%);
-}
-.status-page .btn-home:active { transform: translateY(0) }
-.status-page .btn-home:focus-visible {
-  outline: none;
-  box-shadow:
-    0 0 0 2px var(--slate-950),
-    0 0 0 6px color-mix(in oklab, var(--sky-500) 45%, transparent);
-}
-
-/* 404 variant */
-.status-page.status-page-404 p {
-  font-size: clamp(15px, 1.9vw, 20px);
-}
-
-/* Generic variant trims the gradient headline */
-.status-page.status-page-generic h1 {
-  background: linear-gradient(180deg, currentColor, currentColor) text;
-  -webkit-background-clip: text;
-  background-clip: text;
-  color: currentColor;
-  filter: none;
-}
-
-/* Compact on very small screens */
-@media (max-width: 420px){
-  .status-page { padding: 26px 16px 20px; border-radius: 16px; }
-  .status-page .btn-home { width: 100% }
-}
-
-/* Reduced motion */
-@media (prefers-reduced-motion: reduce){
-  .status-page .btn-home { transition: none }
-}

package/ui/components/statusPage/index.js

@@ -1,39 +0,0 @@
-export default (code) => {
-
-	let $statusPage;
-
-	if(code === 404){
-
-		$statusPage = $(`
-			<div class="status-page status-page-404">
-				<h1>404</h1>
-				<p>Oops! The page you are looking for does not exist.</p>
-				<a href="/" class="btn-home">Go to Home Page</a>
-			</div>
-		`);
-
-	} else if(code === 401){
-
-		$statusPage = $(`
-			<div class="status-page status-page-404">
-				<h1>Nah...</h1>
-				<p>Sorry Bro... Access Denied.</p>
-				<a href="/" class="btn-home">Go to Home Page</a>
-			</div>
-		`);
-
-	} else {
-
-		$statusPage = $(`
-			<div class="status-page status-page-generic">
-				<h1>${code}</h1>
-				<p>Something went wrong.</p>
-				<a href="/" class="btn-home">Go to Home Page</a>
-			</div>
-		`);
-
-	}
-
-	return $statusPage;
-
-};

package/ui/components/tag/category.js

@@ -1,8 +0,0 @@
-export default function tagCategory(tag){
-
-	return tag
-		.toLowerCase()          // Convert to lowercase
-		.replace(/[^a-z\s]/g, '') // Remove non a-z characters
-		.replace(/\s+/g, '-');  // Replace spaces with hyphens
-
-}

package/ui/components/tag/index.js

@@ -1,33 +0,0 @@
-import ui from '#ui';
-
-export default (tags)=>{
-
-	if(typeof(tags) === 'string'){
-
-		tags = [ tags ]; 
-
-	}
-	
-	const $tags = $('<div class="tags"></div>');
-
-	tags.forEach((tag)=>{
-
-		const catClass = `category-${ui.tag.category(tag)}`;
-
-		const $tag = $(`<span class="tag ${catClass}">${tag}</span>`).appendTo($tags);
-
-		if(typeof tag.callback === 'function'){
-
-			$tag.click(()=>{
-
-				tag.callback(tag, catClass); 
-
-			});
-
-		}
-
-	});
-
-	return $tags;
-	
-};

package/ui/components/tag/list.js

@@ -1,42 +0,0 @@
-import ui from '#ui';
-// awesomeness import 'insertIntoList';
-
-export default ({
-	tags,
-	title = 'Categories',
-	onClick = (tag)=>{}
-})=>{
-
-	const $area = $('<div class="tag-map"></div>').appendTo('body');
-
-	let $categoriesH = $(`<h1 class="">${title}</h1>`).appendTo($area);
-	let $categories = $(`<div class="tag-list"></div>`).appendTo($area);
-
-
-	let allLength = tags.length;
-
-	tags.forEach((tag) => {
-
-		const tagCat = ui.tag.category(tag.name);
-			
-		let $tag = $(`<div class="tag category-${tagCat}">${tag.name} <span>${tag.count}</span></div>`)
-			.data('tagCount', tag.count)
-			.data('tag', tag.name)  
-			.insertIntoList($categories,{
-				za: true,
-				sortFn: ($elm)=>{
-
-					return $elm.data('tagCount') * 1;
-				
-				}
-			}).click(()=>{
-
-				onClick(tag); 
-
-			});
-
-	});
-
-	return $area;
-
-};

package/ui/components/tag/map.js

@@ -1,64 +0,0 @@
-// awesomeness import 'insertIntoList';
-
-export default ({
-	datas,
-	title = 'Categories',
-	onClick = (category)=>{}
-})=>{
-
-	let categories = {};
-
-	datas.forEach(function(thing){
-
-		thing.tags.forEach(function(tag){
-
-			if(!categories[tag]) categories[tag] = [];
-			categories[tag].push(thing);
-		
-		});
-	
-	});
-
-	const $area = $('<div class="tag-map"></div>').appendTo('body');
-
-	$(`<h1>${title}</h1>`).appendTo($area);
-	let $tagMap = $('<div class="tag-map"></div>').appendTo($area);
-
-	function tagCategory(tag){
-
-		return tag
-			.toLowerCase()          // Convert to lowercase
-			.replace(/[^a-z\s]/g, '') // Remove non a-z characters
-			.replace(/\s+/g, '-');  // Replace spaces with hyphens
-	
-	}
-
-	let allLength = datas.length;
-
-	categories['all'] = datas;
-
-	$.each(categories, function(category, things){
-
-		const tagCat = tagCategory(category);
-			
-		let $category = $(`<div class="category tag category-${tagCat}">${category} <span>${things.length}</span></div>`)
-			.data('categoryCount', things.length)
-			.data('category', category)  
-			.insertIntoList($tagMap,{
-				za: true,
-				sortFn: ($elm)=>{
-
-					return $elm.data('categoryCount') * 1;
-				
-				}
-			}).click(()=>{
-
-				onClick(category); 
-
-			});
-
-	});
-
-	return $area;
-
-};

package/ui/components/tag/tagMap.css

@@ -1,60 +0,0 @@
-.tag-map {
-	display: block;
-	position: relative;
-	overflow-x: hidden;
-	overflow-y: auto;
-}
-
-.tag-map .tag-list {
-	margin-top: 20px;
-
-}
-
-.tag-map .tag-list .tag {
-	width: 100%;
-}
-
-.app-size-p .tag-list .category {
-	font-size: 1em;
-}
-
-.app-size-t .tag-list .category {
-	font-size: 1.2em;
-}
-
-.tag-map .tag {
-	background-color: #ffffff;
-	color: #2b2b2b;
-	padding: 12px 20px;
-	margin-right: 10px;
-	margin-bottom: 10px;
-	border-radius: 3px;
-	border: solid 1px #dddddd;
-	font-size: 1.5em;
-	font-weight: 300;
-	font-family: Raleway;
-	letter-spacing: 3px;
-	transition: all 200ms ease-in-out;
-	position: relative;
-	padding-right: 50px;
-	display: inline-block;
-}
-
-.tag-map .tag:hover {
-	cursor: pointer;
-}
-
-.tag-map .tag span {
-	position: absolute;
-	top: 10px;
-	right: 10px;
-	font-size: 0.6em;
-	background-color: #ffffff;
-	color: #777;
-	width: 32px;
-	height: 32px;
-	text-align: center;
-	border-radius: 33px;
-	padding-top: 7px;
-	padding-left: 3px;
-}

package/ui/components/tag/tags.css

@@ -1,20 +0,0 @@
-.tags{
-  margin-top: 10px;
-  display: inline-block;
-}
-
-.tags span {
-  font-family: 'Raleway';
-  font-size: 0.8em;
-  padding: 5px 8px;
-  border-radius: 3px;
-  margin-right: 6px;
-  border: solid 1px #e4e4e4;
-  margin-bottom: 6px;
-  display: inline-block;
-  color: #777;
-}
-
-.tags span:hover {
-  cursor: pointer;
-}

package/ui/core/css/_normalize.css

@@ -1,57 +0,0 @@
-#app {
-    margin: 0;
-    padding: 0;
-    background-color: #fdfdfd
-}
-
-* {
-	-webkit-box-sizing: border-box;
-	-moz-box-sizing: border-box;
-	box-sizing: border-box;
-
-	-webkit-tap-highlight-color: transparent;
-	-ms-touch-action: manipulation;
-	touch-action: manipulation;
-}
-
-html {
-	width:100%;
-	height:100%;
-	margin:0;
-	padding:0;
-	font-family: 'Montserrat', 'Work Sans', sans-serif;
-}
-
-body {
-	width:100%; 
-	height:100%; 
-	overflow-x:hidden; 
-	margin:0; 
-	padding:0;
-	/* stupid iphone notches */
-	padding-top: constant(safe-area-inset-top); /* iOS 11.0 */
-	padding-top: env(safe-area-inset-top); /* iOS 11.2 */
-}
-
-h1, h2, h3, h4, h5, h6 { 
-	font-weight:normal;
-	margin:0;
-	padding:0;
-	width:100%;
-}
-
-[class^="ico"] { line-height: 0px; }
-
-a {
-	text-decoration: none;
-	color: inherit;
-}
-
-.no-select, .no-select * {
-    -webkit-touch-callout: none;
-    -webkit-user-select: none;
-    -khtml-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-}

package/ui/core/css/dynamic/flex.js

@@ -1,36 +0,0 @@
-export default function(sizes = [
-	'xl',
-	'd',
-	't',
-	'p'
-], max = 12) {
-
-	let data = ` `;
-
-	// dynamic display
-	data += ".flex { display: flex; } ";
-	data += ".flex-wrap { flex-wrap: wrap; } ";
-	
-	for (let i = 1; i <= max; i++) {
-
-		// float
-		data += `.flex-${i} { flex:${i} ; } `;
-	
-	}
-
-	sizes.forEach((s) => {
-
-		for (let i = 1; i <= max; i++) {
-
-			// float
-			data += `.app-size-${s} .flex-${i}-${s} { flex:${i} ; } `;
-			data += `.app-size-${s} .flex-wrap-${s} { flex-wrap: wrap; } `;
-
-		}
-
-	});
-	
-
-	return data;
-
-}