1.196.1

assets/components/auth/login.vue

@@ -36,6 +36,7 @@
 			>Log in</button>
 
 			<router-link
+				v-if="$store.state.auth.signup"
 				:to="{ name: 'signup', query: { ref: $route.query.ref } }"
 				class="link link-external signup"
 			>Sign up</router-link>
@@ -65,7 +66,7 @@ async function login() {
 }
 
 function mounted() {
-	if (!this.$store.state.auth.enabled) {
+	if (!this.$store.state.auth.login) {
 		this.$router.replace({ name: 'not-found' });
 	}
 }

assets/components/auth/signup.vue

@@ -44,6 +44,7 @@
 			>Sign up</button>
 
 			<router-link
+				v-if="$store.state.auth.login"
 				:to="{ name: 'login', query: { ref: $route.query.ref } }"
 				class="link link-external login"
 			>Log in</router-link>
@@ -74,7 +75,7 @@ async function signup() {
 }
 
 function mounted() {
-	if (!this.$store.state.auth.enabled) {
+	if (!this.$store.state.auth.signup) {
 		this.$router.replace({ name: 'not-found' });
 	}
 }

assets/components/campaigns/campaign.vue

@@ -0,0 +1,96 @@
+<template>
+	<a
+		v-if="campaign"
+		:href="campaign.url"
+		target="_blank"
+		class="campaign"
+	>
+		<img
+			v-if="campaign.banner.entity.type === 'network'"
+			:src="`/img/banners/${campaign.banner.entity.slug}/${campaign.banner.id}.jpeg`"
+			class="campaign-banner"
+		>
+
+		<img
+			v-if="campaign.banner.entity.type === 'channel' && campaign.banner.entity.parent?.type === 'network'"
+			:src="`/img/banners/${campaign.banner.entity.parent.slug}/${campaign.banner.entity.slug}/${campaign.banner.id}.jpeg`"
+			class="campaign-banner"
+		>
+	</a>
+</template>
+
+<script>
+function entityCampaign() {
+	const bannerCampaigns = this.entity.campaigns
+		.concat(this.entity.children?.flatMap(child => child.campaigns))
+		.concat(this.entity.parent?.campaigns)
+		.filter(campaignX => campaignX.banner?.ratio > 3);
+
+	if (bannerCampaigns.length > 0) {
+		return bannerCampaigns[Math.floor(Math.random() * bannerCampaigns.length)];
+	}
+
+	return null;
+}
+
+function tagCampaign() {
+	const campaignBanners = this.tag.banners.filter(banner => banner.campaigns.length > 0 && banner.ratio > 3);
+	const banner = campaignBanners[Math.floor(Math.random() * campaignBanners.length)];
+
+	if (banner?.campaigns.length > 0) {
+		return {
+			...banner.campaigns[Math.floor(Math.random() * banner.campaigns.length)],
+			banner,
+		};
+	}
+
+	return null;
+}
+
+function campaign() {
+	if (this.entity) {
+		return this.entityCampaign();
+	}
+
+	if (this.tag) {
+		return this.tagCampaign();
+	}
+
+	return null;
+}
+
+export default {
+	props: {
+		entity: {
+			type: Object,
+			default: null,
+		},
+		tag: {
+			type: Object,
+			default: null,
+		},
+	},
+	computed: {
+		campaign,
+	},
+	methods: {
+		entityCampaign,
+		tagCampaign,
+	},
+};
+</script>
+
+<style lang="scss" scoped>
+.campaign {
+	height: 100%;
+	display: inline-flex;
+	flex-grow: 1;
+	align-items: center;
+	justify-content: center;
+}
+
+.campaign-banner {
+	max-height: 100%;
+	max-width: 100%;
+}
+</style>

assets/components/container/warning.vue

@@ -67,12 +67,13 @@ export default {
 	justify-content: center;
 	position: absolute;
 	z-index: 10;
-	background: var(--darken-censor);
+	background: var(--background-censor);
+	backdrop-filter: blur(.25rem);
 	overflow-y: auto;
 }
 
 .warning {
-	color: var(--text-light);
+	color: var(--text);
 	width: 50rem;
 	max-height: 100%;
 	max-width: 100%;
@@ -87,8 +88,8 @@ export default {
 .title {
 	display: block;
 	font-size: 2rem;
-	margin: 1rem 0 0 0;
+	margin: 1rem 0;
-	color: var(--text-light);
+	color: var(--text);
 	text-align: center;
 }
 
@@ -113,7 +114,7 @@ export default {
 .rules {
 	margin: 0 0 0 1rem;
 	text-align: left;
-	text-shadow: 0 0 3px var(--darken-extreme);
+	text-shadow: 0 0 3px var(--highlight-strong);
 }
 
 .rule {
@@ -134,16 +135,16 @@ export default {
 	align-items: center;
 	justify-content: center;
 	border: none;
+	border-radius: .25rem;
 	padding: 0;
 	position: relative;
-	border-radius: 1rem;
-	color: var(--lighten-strong);
 	cursor: pointer;
 	font-size: 1.5rem;
 	text-decoration: none;
-	transition: border .5s ease;
+	transition: border-radius .2s ease;
 
 	&.leave {
+		color: var(--shadow-strong);
 		flex-direction: row;
 		padding: 1rem;
 
@@ -151,7 +152,11 @@ export default {
 			width: 1.5rem;
 			height: 1.5rem;
 			margin: 0 1rem 0 0;
-			fill: var(--lighten);
+			fill: var(--shadow);
+		}
+
+		&:hover {
+			color: var(--text);
 		}
 	}
 
@@ -161,6 +166,7 @@ export default {
 
 	&.straight,
 	&.queer {
+		color: var(--lighten-strong);
 		background: var(--darken-censor);
 
 		&:before {
@@ -169,10 +175,18 @@ export default {
 			height: calc(100% + .25rem);
 			position: absolute;
 			z-index: -1;
-			border-radius: 1.1rem;
 			filter: blur(.25rem);
 			transition: filter .2s ease;
 		}
+
+		&:hover {
+			color: var(--text-light);
+			border-radius: 0;
+
+			.button-sub {
+				color: var(--text-light);
+			}
+		}
 	}
 
 	&.straight:before {
@@ -188,14 +202,8 @@ export default {
 	}
 
 	&:hover {
-		color: var(--text-light);
-
-		.button-sub {
-			color: var(--lighten-strong);
-		}
-
 		.icon {
-			fill: var(--text-light);
+			fill: var(--text);
 		}
 
 		&.straight:before,
@@ -225,7 +233,7 @@ export default {
 }
 
 .preferences {
-	color: var(--lighten);
+	color: var(--shadow);
 	display: block;
 	padding: .5rem 0 1rem 0;
 	text-align: center;
@@ -234,11 +242,11 @@ export default {
 
 @media(max-width: $breakpoint) {
 	.title {
-		font-size: 1.5rem;
+		font-size: 1.75rem;
 	}
 
 	.logo {
-		width: 5rem;
+		width: 5.75rem;
 		margin: 0 .5rem 0 0;
 	}
 }

assets/components/entities/entity.vue

@@ -5,7 +5,7 @@
 	>
 		<div class="info">
 			<a
-				:href="entity.url"
+				:href="entityUrl"
 				target="_blank"
 				rel="noopener"
 				class="link link-child"
@@ -72,6 +72,8 @@
 					v-else
 					class="name parent-name"
 				>{{ entity.parent.name }}</h3>
+
+				<Icon icon="device_hub" />
 			</router-link>
 		</div>
 
@@ -94,6 +96,10 @@
 				/>
 			</Scroll>
 
+			<div class="campaign-container">
+				<Campaign :entity="entity" />
+			</div>
+
 			<FilterBar
 				ref="filter"
 				:fetch-releases="fetchEntity"
@@ -122,8 +128,11 @@ import Pagination from '../pagination/pagination.vue';
 import Releases from '../releases/releases.vue';
 import Children from './children.vue';
 import Scroll from '../scroll/scroll.vue';
+import Campaign from '../campaigns/campaign.vue';
 
 async function fetchEntity(scroll = true) {
+	this.entityUrl = null;
+
 	const { entity, totalCount } = await this.$store.dispatch('fetchEntityBySlugAndType', {
 		entitySlug: this.$route.params.entitySlug,
 		entityType: this.$route.name,
@@ -136,6 +145,7 @@ async function fetchEntity(scroll = true) {
 	this.totalCount = totalCount;
 
 	this.pageTitle = entity.name;
+	this.entityUrl = entity.campaigns.find(campaign => !campaign.banner)?.url || entity.url;
 
 	if (scroll && this.$refs.filter?.$el) {
 		this.$refs.filter.$el.scrollIntoView();
@@ -160,6 +170,7 @@ export default {
 		Children,
 		Releases,
 		Scroll,
+		Campaign,
 	},
 	data() {
 		return {
@@ -168,6 +179,7 @@ export default {
 			totalCount: null,
 			limit: Number(this.$route.query.limit) || 20,
 			expanded: false,
+			entityUrl: null,
 		};
 	},
 	watch: {
@@ -192,15 +204,17 @@ export default {
 }
 
 .link {
-	max-width: 20rem;
+	max-width: 15rem;
 	display: flex;
 	align-items: center;
 	box-sizing: border-box;
-	padding: 1rem;
+	padding: .5rem 1rem;
 	text-decoration: none;
 }
 
 .link-child {
+	flex-shrink: 0;
+
 	.icon {
 		fill: var(--lighten);
 		margin: 0 0 0 1rem;
@@ -213,7 +227,15 @@ export default {
 
 .link-parent {
 	flex-direction: row-reverse;
+	flex-shrink: 0;
 	margin: 0 0 0 3rem;
+
+	.icon {
+		width: 1.25rem;
+		height: 1.25rem;
+		fill: var(--lighten);
+		margin: 0 .5rem 0 0;
+	}
 }
 
 .logo {
@@ -223,7 +245,7 @@ export default {
 }
 
 .logo-child {
-	height: 2rem;
+	height: 3rem;
 }
 
 .logo-parent {
@@ -232,6 +254,7 @@ export default {
 
 .favicon {
 	height: 1rem;
+	flex-shrink: 0;
 }
 
 .content-inner {
@@ -243,6 +266,12 @@ export default {
 	background: var(--profile);
 }
 
+.campaign-container {
+	background: var(--background-dim);
+	text-align: center;
+	padding: .5rem;
+}
+
 .releases {
 	flex-grow: 1;
 }

assets/components/header/menu.vue

@@ -2,13 +2,13 @@
 	<div class="menu">
 		<ul class="menu-items noselect">
 			<router-link
-				v-if="auth && me"
+				v-if="login && me"
 				:to="{ name: 'user', params: { username: me.username } }"
 				class="menu-username"
 			>{{ me.username }}</router-link>
 
 			<router-link
-				v-else-if="auth"
+				v-else-if="login"
 				:to="{ name: 'login', query: { ref: $route.path } }"
 				class="menu-item"
 				@click.stop
@@ -17,7 +17,7 @@
 			</router-link>
 
 			<li
-				v-if="auth && me"
+				v-if="login && me"
 				class="menu-item"
 				@click.stop="$store.dispatch('logout')"
 			>
@@ -89,8 +89,12 @@ function theme(state) {
 	return state.ui.theme;
 }
 
-function auth(state) {
+function login(state) {
-	return state.auth.enabled;
+	return state.auth.login;
+}
+
+function signup(state) {
+	return state.auth.signup;
 }
 
 function me(state) {
@@ -108,7 +112,8 @@ function setSfw(enabled) {
 export default {
 	computed: {
 		...mapState({
-			auth,
+			login,
+			signup,
 			sfw,
 			theme,
 			me,

assets/components/tags/tag.vue

@@ -47,6 +47,10 @@
 				@close="$router.replace({ hash: undefined })"
 			/>
 
+			<div class="campaign-container">
+				<Campaign :tag="tag" />
+			</div>
+
 			<FilterBar
 				ref="filter"
 				:fetch-releases="fetchReleases"
@@ -76,6 +80,7 @@ import Album from '../album/album.vue';
 import Releases from '../releases/releases.vue';
 import Pagination from '../pagination/pagination.vue';
 import Scroll from '../scroll/scroll.vue';
+import Campaign from '../campaigns/campaign.vue';
 
 const converter = new Converter();
 
@@ -122,6 +127,7 @@ export default {
 		Photos,
 		Pagination,
 		Scroll,
+		Campaign,
 	},
 	data() {
 		return {
@@ -172,12 +178,14 @@ export default {
 @import 'theme';
 
 .header {
+	display: flex;
     background: var(--profile);
     color: var(--text-light);
     justify-content: space-between;
 }
 
 .title {
+	display: inline-block;
     padding: .5rem 1rem;
     margin: 0;
     flex-shrink: 0;
@@ -200,4 +208,11 @@ export default {
 .scroll {
 	background: var(--background-dim);
 }
+
+.campaign-container {
+	max-height: 90px;
+	padding: .5rem 1rem 0 1rem;
+	background: var(--background-dim);
+	text-align: center;
+}
 </style>

assets/css/_theme.scss

@@ -21,16 +21,17 @@ $breakpoint4: 1500px;
     --background-dark: #222;
 
     --darken: rgba(0, 0, 0, .5);
-    --darken-strong: rgba(0, 0, 0, .7);
-    --darken-extreme: rgba(0, 0, 0, .9);
     --darken-censor: rgba(0, 0, 0, .95);
+    --darken-extreme: rgba(0, 0, 0, .9);
+    --darken-strong: rgba(0, 0, 0, .7);
     --darken-weak: rgba(0, 0, 0, .2);
     --darken-hint: rgba(0, 0, 0, .1);
     --darken-touch: rgba(0, 0, 0, .05);
 
-    --lighten: rgba(255, 255, 255, .5);
+    --lighten-censor: rgba(255, 255, 255, .95);
-    --lighten-strong: rgba(255, 255, 255, .7);
     --lighten-extreme: rgba(255, 255, 255, .9);
+    --lighten-strong: rgba(255, 255, 255, .7);
+    --lighten: rgba(255, 255, 255, .5);
     --lighten-weak: rgba(255, 255, 255, .2);
     --lighten-hint: rgba(255, 255, 255, .05);
     --lighten-touch: rgba(255, 255, 255, .03);
@@ -58,6 +59,7 @@ $breakpoint4: 1500px;
     --text-contrast: #fff;
 
     --background: var(--background-light);
+    --background-censor: rgba(255, 255, 255, .95);
     --background-dim: #f5f5f5;
     --background-soft: #fdfdfd;
 
@@ -71,6 +73,7 @@ $breakpoint4: 1500px;
 	--crease: #eaeaea;
 
     --shadow: rgba(0, 0, 0, .5);
+    --shadow-censor: rgba(0, 0, 0, .95);
     --shadow-extreme: rgba(0, 0, 0, .9);
     --shadow-strong: rgba(0, 0, 0, .7);
     --shadow-modest: rgba(0, 0, 0, .3);
@@ -91,6 +94,7 @@ $breakpoint4: 1500px;
     --text-contrast: #222;
 
     --background: #181818;
+    --background-censor: rgba(0, 0, 0, .95);
     --background-dim: #111;
     --background-soft: #000;
 

assets/js/auth/state.js

@@ -1,4 +1,5 @@
 export default {
-	enabled: window.env.auth,
+	login: window.env.login,
+	signup: window.env.signup,
 	user: null,
 };

assets/js/curate.js

@@ -126,6 +126,7 @@ function curateTag(tag) {
 	};
 
 	if (tag.releases) curatedTag.releases = tag.releases.map(({ release }) => curateRelease(release));
+	if (tag.banners) curatedTag.banners = tag.banners.map(({ banner }) => banner);
 	if (tag.photos) curatedTag.photos = tag.photos.map(({ media }) => media);
 	if (tag.poster) curatedTag.poster = tag.poster.media;
 

assets/js/entities/actions.js

@@ -1,6 +1,6 @@
 import { graphql } from '../api';
 // import { sitesFragment, releaseFields } from '../fragments';
-import { releaseFields } from '../fragments';
+import { releaseFields, campaignsFragment } from '../fragments';
 import { curateEntity } from '../curate';
 import getDateRange from '../get-date-range';
 
@@ -63,8 +63,10 @@ function initEntitiesActions(store, router) {
 							priority
 							independent
 							hasLogo
+							${campaignsFragment}
 						}
                     }
+					${campaignsFragment}
                     parent {
                         id
                         name
@@ -73,6 +75,7 @@ function initEntitiesActions(store, router) {
                         url
 						independent
 						hasLogo
+						${campaignsFragment}
                     }
                 }
 				connection: releasesConnection(

assets/js/fragments.js

@@ -96,6 +96,62 @@ const actorFields = `
 		${actorStashesFields}
 `;
 
+const campaignsFragment = `
+	campaigns(filter: {
+		or: [
+			{
+				banner: {
+					bannersTagsConnection: {
+						none: {
+							tag: {
+								slug: {
+									in: $exclude
+								}
+							}
+						}
+					}
+				}
+			}
+			{
+				bannerExists: false
+			}
+		]
+	}) {
+		id
+		url
+		banner {
+			id
+			width
+			height
+			ratio
+			entity {
+				id
+				type
+				name
+				slug
+				parent {
+					id
+					type
+					name
+					slug
+				}
+			}
+		}
+		entity {
+			id
+			type
+			name
+			slug
+			parent {
+				id
+				type
+				name
+				slug
+			}
+		}
+	}
+`;
+
 const releaseActorsFragment = `
     actors: releasesActors(orderBy: ACTOR_BY_ACTOR_ID__GENDER_ASC) {
       actor {
@@ -480,6 +536,7 @@ function getIncludedActors(router) {
 export {
 	actorFields,
 	actorStashesFields,
+	campaignsFragment,
 	releaseActorsFragment,
 	releaseFields,
 	releaseTagsFragment,

assets/js/get-date-range.js

@@ -26,6 +26,31 @@ const dateRanges = {
 	}),
 };
 
+/* requires PostgreSQL 12.x> not available in production yet
+const dateRanges = {
+	latest: () => ({
+		after: '1900-01-01',
+		before: dayjs.utc().toDate(),
+		orderBy: ['EFFECTIVE_DATE_DESC'],
+	}),
+	upcoming: () => ({
+		after: dayjs.utc().toDate(),
+		before: '2100-01-01',
+		orderBy: ['EFFECTIVE_DATE_DESC'],
+	}),
+	new: () => ({
+		after: '1900-01-01 00:00:00',
+		before: '2100-01-01',
+		orderBy: ['CREATED_AT_DESC', 'EFFECTIVE_DATE_ASC'],
+	}),
+	all: () => ({
+		after: '1900-01-01',
+		before: '2100-01-01',
+		orderBy: ['EFFECTIVE_DATE_DESC'],
+	}),
+};
+*/
+
 function getDateRange(range) {
 	return (dateRanges[range] || dateRanges.all)();
 }

assets/js/tags/actions.js

@@ -103,6 +103,56 @@ function initTagsActions(store, _router) {
                             }
                         }
                     }
+					banners: bannersTags(filter: {
+						banner: {
+							bannersTagsConnection: {
+								none: {
+									tag: {
+										slug: {
+											in: $exclude
+										}
+									}
+								}
+							}
+						}
+					}) {
+						banner {
+							id
+							width
+							height
+							ratio
+							entity {
+								id
+								type
+								name
+								slug
+								independent
+								parent {
+									id
+									type
+									name
+									slug
+									independent
+								}
+							}
+							campaigns {
+								id
+								url
+								entity {
+									id
+									type
+									name
+									slug
+									parent {
+										id
+										type
+										name
+										slug
+									}
+								}
+							}
+						}
+					}
                     scenesConnection(
                         filter: {
 							date: {

config/default.js

@@ -35,7 +35,8 @@ module.exports = {
 		secretKey: 'abcdefghijklmnopqrstuvwxyz1234567890ABCD',
 	},
 	auth: {
-		enabled: true,
+		login: true,
+		signup: true,
 	},
 	exclude: {
 		channels: [

migrations/20190325001339_releases.js

@@ -1274,11 +1274,78 @@ exports.up = knex => Promise.resolve()
 			.notNullable()
 			.defaultTo(knex.fn.now());
 	}))
-	// SEARCH
+	.then(() => knex.schema.createTable('banners', (table) => {
+		table.string('id')
+			.primary()
+			.unique()
+			.notNullable();
+
+		table.integer('width')
+			.notNullable();
+
+		table.integer('height')
+			.notNullable();
+
+		table.integer('entity_id', 12)
+			.references('id')
+			.inTable('entities');
+
+		table.text('comment');
+
+		table.datetime('created_at')
+			.notNullable()
+			.defaultTo(knex.fn.now());
+	}))
+	.then(() => knex.schema.createTable('banners_tags', (table) => {
+		table.increments('id');
+
+		table.string('banner_id')
+			.notNullable()
+			.references('id')
+			.inTable('banners');
+
+		table.integer('tag_id')
+			.notNullable()
+			.references('id')
+			.inTable('tags');
+
+		table.unique(['banner_id', 'tag_id']);
+
+		table.datetime('created_at')
+			.notNullable()
+			.defaultTo(knex.fn.now());
+	}))
+	.then(() => knex.schema.createTable('campaigns', (table) => {
+		table.increments('id');
+
+		table.integer('entity_id', 12)
+			.notNullable()
+			.references('id')
+			.inTable('entities');
+
+		table.string('banner_id')
+			.references('id')
+			.inTable('banners');
+
+		table.text('url')
+			.notNullable();
+
+		table.text('comment');
+
+		table.datetime('created_at')
+			.notNullable()
+			.defaultTo(knex.fn.now());
+	}))
+	// SEARCH AND SORT
 	.then(() => { // eslint-disable-line arrow-body-style
 		// allow vim fold
 		return knex.raw(`
 			ALTER TABLE releases_search ADD COLUMN document tsvector;
+
+			/* allow scenes without dates to be mixed inbetween scenes with dates */
+			ALTER TABLE releases
+			ADD COLUMN effective_date timestamptz
+			GENERATED ALWAYS AS (COALESCE(date, created_at)) STORED;
 		`);
 	})
 	// INDEXES
@@ -1288,6 +1355,9 @@ exports.up = knex => Promise.resolve()
 			CREATE UNIQUE INDEX unique_actor_slugs_network ON actors (slug, entity_id, entry_id);
 			CREATE UNIQUE INDEX unique_actor_slugs ON actors (slug) WHERE entity_id IS NULL;
 
+			CREATE UNIQUE INDEX unique_entity_campaigns_banner ON campaigns (entity_id, url, banner_id);
+			CREATE UNIQUE INDEX unique_entity_campaigns ON campaigns (entity_id, url) WHERE banner_id IS NULL;
+
 			CREATE UNIQUE INDEX releases_search_unique ON releases_search (release_id);
 			CREATE INDEX releases_search_index ON releases_search USING GIN (document);
 		`);
@@ -1476,6 +1546,10 @@ exports.up = knex => Promise.resolve()
 			CREATE FUNCTION releases_is_new(release releases) RETURNS boolean AS $$
 				SELECT EXISTS(SELECT true WHERE (SELECT id FROM batches ORDER BY created_at DESC LIMIT 1) = release.created_batch_id);
 			$$ LANGUAGE sql STABLE;
+
+			CREATE FUNCTION banners_ratio(banner banners) RETURNS real AS $$
+				SELECT ROUND(banner.width::decimal / banner.height::decimal, 2);
+			$$ LANGUAGE SQL STABLE;
 		`);
 	})
 	// POLICIES
@@ -1642,6 +1716,9 @@ exports.down = (knex) => { // eslint-disable-line arrow-body-style
 		DROP TABLE IF EXISTS chapters_posters CASCADE;
 		DROP TABLE IF EXISTS chapters_photos CASCADE;
 
+		DROP TABLE IF EXISTS banners_tags CASCADE;
+		DROP TABLE IF EXISTS banners CASCADE;
+		DROP TABLE IF EXISTS campaigns CASCADE;
 		DROP TABLE IF EXISTS batches CASCADE;
 
 		DROP TABLE IF EXISTS actors_avatars CASCADE;
@@ -1654,6 +1731,7 @@ exports.down = (knex) => { // eslint-disable-line arrow-body-style
 
 		DROP TABLE IF EXISTS entities_tags CASCADE;
 		DROP TABLE IF EXISTS entities_social CASCADE;
+
 		DROP TABLE IF EXISTS sites_tags CASCADE;
 		DROP TABLE IF EXISTS sites_social CASCADE;
 		DROP TABLE IF EXISTS networks_social CASCADE;

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "traxxx",
-    "version": "1.195.0",
+    "version": "1.196.1",
     "lockfileVersion": 2,
     "requires": true,
     "packages": {

package.json

@@ -1,6 +1,6 @@
 {
     "name": "traxxx",
-    "version": "1.195.0",
+    "version": "1.196.1",
     "description": "All the latest porn releases in one place",
     "main": "src/app.js",
     "scripts": {