@joystyk/catalog 0.0.0-stage → 0.2.0

package/CHANGELOG.md

@@ -0,0 +1,24 @@
+# @joystyk/catalog
+
+## 0.2.0
+
+### Patch Changes
+
+- Updated dependencies [bb095c7]
+- Updated dependencies [bb095c7]
+  - @joystyk/contracts@0.2.0
+  - @joystyk/launcher@0.2.0
+  - @joystyk/ui@0.2.0
+
+## 0.1.0
+
+### Minor Changes
+
+- Prepare the first compiled library release: ESM and API declarations for every public entry point, runtime assets, and checks against installed npm tarballs. Games and applications remain private.
+
+### Patch Changes
+
+- Updated dependencies
+  - @joystyk/contracts@0.1.0
+  - @joystyk/ui@0.1.0
+  - @joystyk/launcher@0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Joystyk contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/NOTICE

@@ -0,0 +1,36 @@
+Third-party material in the Joystyk library release
+
+This notice preserves third-party attribution. Original Joystyk code in the 17
+platform libraries under packages/ uses the MIT license in packages/LICENSE.
+That choice does not license the private applications, games or other repository
+material, and does not replace the third-party terms below.
+
+@joystyk/contracts
+------------------
+Standard Schema v1 type definitions from @standard-schema/spec 1.1.0:
+https://github.com/standard-schema/standard-schema
+https://standardschema.dev
+Copyright (c) 2024 Colin McDonnell. MIT License.
+The complete license and source/change notes accompany the distributed
+dist/standard-schema.d.ts definitions. Changes: individually exported declarations
+and formatting; the declarations themselves are unchanged.
+
+@joystyk/identity and @joystyk/content
+-----------------------------------
+Word blocklists derived from List of Dirty, Naughty, Obscene, and Otherwise Bad
+Words, copyright Shutterstock, Inc. and contributors:
+https://github.com/LDNOOBW/List-of-Dirty-Naughty-Obscene-and-Otherwise-Bad-Words
+Licensed under Creative Commons Attribution 4.0 International:
+https://creativecommons.org/licenses/by/4.0/
+Identity uses the English list at commit
+5faf2ba42d7b1c0977169ec3611df25a3c08eb13. Changes include reducing or dropping
+phrases, dropping words with everyday meanings, substituting stems for inflections
+and adding entries. Identity's README and content's lists/blocklist.txt retain
+their source-specific provenance and changes.
+
+@joystyk/content
+---------------
+SCOWL-derived common, vocabulary and ranked word lists use SCOWL 2020.12.07.
+Their complete source licenses and attribution accompany the package in
+lists/SCOWL-COPYRIGHT. Word-list transformations and build provenance are described
+in the package README. Preserve that copyright file when redistributing the lists.

package/README.md

@@ -1,3 +1,32 @@
-# Temporary Holding Version
+# @joystyk/catalog
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Catalog models, server rendering and the browser application shell. Supply game metadata and routing data from your application. The browser entry registers the catalog components and installs router drivers on the document root; load it in the browser.
+
+## npm package
+
+The first `0.1.0` release is being prepared; it has not been published. Once available:
+
+```sh
+npm install @joystyk/catalog
+```
+
+Node consumers require Node 24.15 or later. Browser entry points require a modern
+browser and should be loaded in the browser. Tested with Gyral 0.3.1.
+
+| Import | Format |
+| --- | --- |
+| `@joystyk/catalog` | ES module and TypeScript declarations |
+| `@joystyk/catalog/client` | ES module and TypeScript declarations |
+| `@joystyk/catalog/server` | ES module and TypeScript declarations |
+| `@joystyk/catalog/styles.css` | CSS asset |
+
+Only the entries listed above are public API. Installed packages contain compiled ESM,
+type declarations and runtime assets. Repository-relative links describe the Joystyk
+workspace and are not needed to use the npm package.
+
+```ts
+import '@joystyk/catalog/client';
+import '@joystyk/catalog/styles.css';
+
+// Server rendering helpers are available separately from @joystyk/catalog/server.
+```

package/dist/advertise.d.ts

@@ -0,0 +1,82 @@
+import type { FormFields } from '@gyral/core';
+import type { SlotDefinition, SlotId, SlotSurface } from '@joystyk/ui/slots';
+/** A slot's name on the advertise pages and in the contact form. */
+export declare const SLOT_NAMES: Readonly<Record<SlotId, string>>;
+/** Where a surface is, in words. */
+export declare const SURFACE_NAMES: Readonly<Record<SlotSurface, string>>;
+/** "728 × 90 px". */
+export declare const sizeLabel: (size: {
+    readonly width: number;
+    readonly height: number;
+}) => string;
+/** The box a slot's preview draws: its wide box, or its narrow one if it has no wide box. */
+export declare const previewSize: (s: SlotDefinition) => import("@joystyk/ui/slots").SlotSize;
+/** The form's `data-intent` name: `IntentRejected.intent` when the server rejects a post. */
+export declare const CONTACT_INTENT = "SendContact";
+/** Longest value each text field takes, in characters. The markup and the server share them. */
+export declare const CONTACT_LIMITS: {
+    readonly name: 100;
+    readonly company: 100;
+    readonly email: 254;
+    readonly message: 2000;
+};
+/**
+ * The honeypot: a field people never see (CSS hides it) and bots tend to fill. A post with
+ * anything in it is answered like a real one and thrown away.
+ */
+export declare const CONTACT_HONEYPOT = "website";
+/**
+ * The longest a message is kept, counted from when it arrives, handled or not
+ * (advertising-policy.md, section 9). The page quotes this number.
+ */
+export declare const CONTACT_RETENTION_MONTHS = 12;
+/** How long a message is kept after it is marked handled, if that comes sooner. */
+export declare const CONTACT_HANDLED_RETENTION_DAYS = 90;
+/** Where advertisers can write instead of using the form. */
+export declare const ADVERTISE_EMAIL = "info@joystyk.com";
+/** The reply time the thank-you page promises, in business days. */
+export declare const REPLY_BUSINESS_DAYS = 3;
+/** A rejected post, as the page re-renders it: what was sent and the errors per field. */
+export interface ContactFormState {
+    readonly values: FormFields;
+    /** Errors per field name; '' holds form-level errors (rate limit, a full inbox). */
+    readonly errors: Readonly<Record<string, readonly string[]>>;
+}
+/**
+ * The technical limits every creative meets (advertising-policy.md, section 7). The site's
+ * ad store enforces these numbers, and the policy page quotes them.
+ */
+export declare const CREATIVE_SPECS: {
+    /** Largest image file, in KB of 1,024 bytes. */
+    readonly imageKb: 150;
+    /** An image may be at most this many times its box's CSS pixels on each side. */
+    readonly density: 2;
+    /** Longest alt text, in characters. */
+    readonly alt: 125;
+    /** Longest headline, in characters. */
+    readonly headline: 40;
+    /** Longest headline for a creative that runs only as the daily presenting line. */
+    readonly presentingHeadline: 60;
+};
+/** The oldest ratings an advertised film, show, game or app may carry (policy sections 1 and 2). */
+export declare const MEDIA_RATINGS = "G, U, PEGI 3 or ESRB Everyone";
+export interface PolicyItem {
+    readonly name: string;
+    readonly detail: string;
+}
+/** The rules in brief. For the /advertise page; scripts/advertising-policy.test.ts checks it keeps the rating line. */
+export declare const RULE_SUMMARY: readonly string[];
+/** Never advertised, in any slot. */
+export declare const PROHIBITED: readonly PolicyItem[];
+/** Allowed only with the conditions given. */
+export declare const RESTRICTED: readonly PolicyItem[];
+/** How an ad may speak to the people who see it. */
+export declare const CLAIMS_RULES: readonly string[];
+/** Where a click may take someone. */
+export declare const LANDING_RULES: readonly string[];
+/** Format rules for every slot; the sizes come from the slot registry. */
+export declare const FORMAT_RULES: readonly string[];
+/** What happens between a booking and a creative going live. */
+export declare const REVIEW_STEPS: readonly string[];
+/** What happens to payment when an ad doesn't run (policy section 8). */
+export declare const REFUND_RULES: readonly string[];

package/dist/advertise.js

@@ -0,0 +1,203 @@
+//#region src/advertise.ts
+/** A slot's name on the advertise pages and in the contact form. */
+var SLOT_NAMES = {
+	"index-hero": "Home page banner",
+	"index-inline": "Home page inline banner",
+	"category-rail": "Side rail",
+	"game-page": "Game page rectangle",
+	results: "Game-over rectangle",
+	"daily-presenting": "Daily presenting sponsor"
+};
+/** Where a surface is, in words. */
+var SURFACE_NAMES = {
+	home: "the home page",
+	category: "category pages",
+	game: "game pages",
+	results: "the game-over screen",
+	daily: "daily games"
+};
+/** "728 × 90 px". */
+var sizeLabel = (size) => `${String(size.width)} × ${String(size.height)} px`;
+/** The box a slot's preview draws: its wide box, or its narrow one if it has no wide box. */
+var previewSize = (s) => s.sizes.wide ?? s.sizes.narrow ?? {
+	width: 0,
+	height: 0
+};
+/** The form's `data-intent` name: `IntentRejected.intent` when the server rejects a post. */
+var CONTACT_INTENT = "SendContact";
+/** Longest value each text field takes, in characters. The markup and the server share them. */
+var CONTACT_LIMITS = {
+	name: 100,
+	company: 100,
+	email: 254,
+	message: 2e3
+};
+/**
+* The honeypot: a field people never see (CSS hides it) and bots tend to fill. A post with
+* anything in it is answered like a real one and thrown away.
+*/
+var CONTACT_HONEYPOT = "website";
+/**
+* The longest a message is kept, counted from when it arrives, handled or not
+* (advertising-policy.md, section 9). The page quotes this number.
+*/
+var CONTACT_RETENTION_MONTHS = 12;
+/** How long a message is kept after it is marked handled, if that comes sooner. */
+var CONTACT_HANDLED_RETENTION_DAYS = 90;
+/** Where advertisers can write instead of using the form. */
+var ADVERTISE_EMAIL = "info@joystyk.com";
+/** The reply time the thank-you page promises, in business days. */
+var REPLY_BUSINESS_DAYS = 3;
+/**
+* The technical limits every creative meets (advertising-policy.md, section 7). The site's
+* ad store enforces these numbers, and the policy page quotes them.
+*/
+var CREATIVE_SPECS = {
+	/** Largest image file, in KB of 1,024 bytes. */
+	imageKb: 150,
+	/** An image may be at most this many times its box's CSS pixels on each side. */
+	density: 2,
+	/** Longest alt text, in characters. */
+	alt: 125,
+	/** Longest headline, in characters. */
+	headline: 40,
+	/** Longest headline for a creative that runs only as the daily presenting line. */
+	presentingHeadline: 60
+};
+/** The oldest ratings an advertised film, show, game or app may carry (policy sections 1 and 2). */
+var MEDIA_RATINGS = "G, U, PEGI 3 or ESRB Everyone";
+/** The rules in brief. For the /advertise page; scripts/advertising-policy.test.ts checks it keeps the rating line. */
+var RULE_SUMMARY = [
+	"No alcohol, tobacco or vaping, gambling, dating, weapons, adult content, food and drink, charities, or political and issue ads.",
+	`Games, apps, films and shows only when rated ${MEDIA_RATINGS}, with the rating shown.`,
+	"Honest claims and no pressure to buy: nothing that tells children to ask a parent or to hurry.",
+	"Nothing that looks like part of the site or a game, such as fake buttons, scores or alerts.",
+	"A static image with alt text, a short headline and one link to a page that suits every age.",
+	"We review every creative before it runs, and may refuse or remove any ad."
+];
+/** Never advertised, in any slot. */
+var PROHIBITED = [
+	{
+		name: "Alcohol",
+		detail: "Drinks, brands, bars and alcohol-branded merchandise."
+	},
+	{
+		name: "Tobacco and vaping",
+		detail: "Cigarettes, e-cigarettes, vapes, nicotine pouches, cannabis and their accessories."
+	},
+	{
+		name: "Gambling",
+		detail: "Betting, casinos, lotteries, sweepstakes casinos, loot boxes sold for money and skin gambling."
+	},
+	{
+		name: "Dating and relationships",
+		detail: "Dating apps, matchmaking and companion chat services."
+	},
+	{
+		name: "Weapons",
+		detail: "Firearms, ammunition, knives sold as weapons, fireworks and realistic replica guns."
+	},
+	{
+		name: "Adult content",
+		detail: "Sexual products and services, and suggestive or violent imagery."
+	},
+	{
+		name: "Political and issue ads",
+		detail: "Candidates, parties, elections, ballot measures and campaigns on social or political issues."
+	},
+	{
+		name: "Drugs and supplements",
+		detail: "Prescription and over-the-counter medicines, diet and weight-loss products, and supplements."
+	},
+	{
+		name: "Financial products",
+		detail: "Loans, credit, buy-now-pay-later, trading, crypto-assets and get-rich schemes."
+	},
+	{
+		name: "Cosmetic procedures",
+		detail: "Surgery, injectables and other cosmetic treatments."
+	},
+	{
+		name: "Media rated for older audiences",
+		detail: `Films, shows, games and apps rated above ${MEDIA_RATINGS}, or an equivalent.`
+	},
+	{
+		name: "Food and drink",
+		detail: "All food and drink, including brand-only ads from companies that sell food high in fat, salt or sugar."
+	},
+	{
+		name: "Charities",
+		detail: "Ads from charities and other good causes. We may accept them in a later version."
+	},
+	{
+		name: "Data collection",
+		detail: "Offers that ask for personal details, such as sign-ups, quizzes, surveys and contests."
+	},
+	{
+		name: "Unmoderated chat and social apps",
+		detail: "Services where children could talk with strangers."
+	},
+	{
+		name: "Deceptive or harmful offers",
+		detail: "Scams, miracle claims, malware, fake downloads and anything illegal where it is shown."
+	}
+];
+/** Allowed only with the conditions given. */
+var RESTRICTED = [
+	{
+		name: "Games, apps, films and shows",
+		detail: `Rated ${MEDIA_RATINGS}, or an equivalent, with the rating shown. In-game purchases must be stated, and the ad may not push them.`
+	},
+	{
+		name: "Toys and products for children",
+		detail: "Shown as they are, at their real size, doing what they really do."
+	},
+	{
+		name: "Paid services and subscriptions",
+		detail: "The ad must say when something costs money. Free trials must say what happens when they end."
+	},
+	{
+		name: "Education",
+		detail: "Learning products and courses, with no promise of grades or results."
+	}
+];
+/** How an ad may speak to the people who see it. */
+var CLAIMS_RULES = [
+	"Be truthful. Every claim must be one you can prove, and the image must show the product as it is, at its real size.",
+	"No pressure to buy: no \"buy now\", \"ask your parents\", countdowns, \"only today\" or \"last chance\", and no \"only\" or \"just\" in front of a price.",
+	"Never suggest that someone is less popular, clever or grown-up without the product.",
+	"Show prices plainly, and say when something is sold separately or needs batteries.",
+	"Endorsements must be genuine, and any paid connection must be stated.",
+	"Show nothing unsafe that a child could copy.",
+	"No imitation of the site or a game: no fake buttons, close marks, scores, rewards, timers, alerts or system messages.",
+	"No content that mocks, stereotypes or frightens."
+];
+/** Where a click may take someone. */
+var LANDING_RULES = [
+	"The page the ad links to must match the ad, load over HTTPS and be suitable for every age.",
+	"No pop-ups, automatic downloads, redirects to other offers or requests for personal details.",
+	"The link may not carry tracking that identifies a visitor. We count clicks on our own server, without cookies.",
+	"Before anyone leaves Joystyk, a page of ours says they're leaving and names your site's domain. They continue from there straight to your page."
+];
+/** Format rules for every slot; the sizes come from the slot registry. */
+var FORMAT_RULES = [
+	"A static image in AVIF, WebP or PNG, at twice the box size so it stays sharp on high-density screens, and no larger.",
+	`At most ${String(CREATIVE_SPECS.imageKb)} KB per image file.`,
+	`Alt text that says what the image shows, in ${String(CREATIVE_SPECS.alt)} characters or fewer.`,
+	`A headline of ${String(CREATIVE_SPECS.headline)} characters or fewer; the daily presenting line may run to ${String(CREATIVE_SPECS.presentingHeadline)}.`,
+	"One link, to an HTTPS page.",
+	"No HTML, JavaScript, animation, sound or video. Animated images may come later; we will say when."
+];
+/** What happens between a booking and a creative going live. */
+var REVIEW_STEPS = [
+	"You send the images, headline, alt text, link and dates.",
+	"We check the content against these rules and the technical specs, and look at the landing page.",
+	"We approve the creative, or tell you what to change.",
+	"Only approved creatives run. We look again if the landing page or the product changes."
+];
+/** What happens to payment when an ad doesn't run (policy section 8). */
+var REFUND_RULES = ["If an ad can't run through our own fault, we refund the days it missed or run it for as many extra days.", "If we take an ad down because it breaks these rules, we refund only the days it has not yet run."];
+//#endregion
+export { ADVERTISE_EMAIL, CLAIMS_RULES, CONTACT_HANDLED_RETENTION_DAYS, CONTACT_HONEYPOT, CONTACT_INTENT, CONTACT_LIMITS, CONTACT_RETENTION_MONTHS, CREATIVE_SPECS, FORMAT_RULES, LANDING_RULES, MEDIA_RATINGS, PROHIBITED, REFUND_RULES, REPLY_BUSINESS_DAYS, RESTRICTED, REVIEW_STEPS, RULE_SUMMARY, SLOT_NAMES, SURFACE_NAMES, previewSize, sizeLabel };
+
+//# sourceMappingURL=advertise.js.map

package/dist/advertise.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"advertise.js","names":[],"sources":["../src/advertise.ts"],"sourcesContent":["// What the \"Advertise with us\" pages and the site share: slot names for people, the contact\n// form's fields and limits, how long a message is kept, the creative specs the ad store\n// enforces, and the advertiser-facing summary of the creative policy. The policy itself, with\n// its sources, is docs/product-specs/advertising-policy.md; change both together\n// (scripts/advertising-policy.test.ts checks the categories, the rating line and the spec numbers).\nimport type { FormFields } from '@gyral/core';\nimport type { SlotDefinition, SlotId, SlotSurface } from '@joystyk/ui/slots';\n\n/** A slot's name on the advertise pages and in the contact form. */\nexport const SLOT_NAMES: Readonly<Record<SlotId, string>> = {\n  'index-hero': 'Home page banner',\n  'index-inline': 'Home page inline banner',\n  'category-rail': 'Side rail',\n  'game-page': 'Game page rectangle',\n  results: 'Game-over rectangle',\n  'daily-presenting': 'Daily presenting sponsor',\n};\n\n/** Where a surface is, in words. */\nexport const SURFACE_NAMES: Readonly<Record<SlotSurface, string>> = {\n  home: 'the home page',\n  category: 'category pages',\n  game: 'game pages',\n  results: 'the game-over screen',\n  daily: 'daily games',\n};\n\n/** \"728 × 90 px\". */\nexport const sizeLabel = (size: { readonly width: number; readonly height: number }): string =>\n  `${String(size.width)} × ${String(size.height)} px`;\n\n/** The box a slot's preview draws: its wide box, or its narrow one if it has no wide box. */\nexport const previewSize = (s: SlotDefinition) => s.sizes.wide ?? s.sizes.narrow ?? { width: 0, height: 0 };\n\n// --- The contact form ---------------------------------------------------------------------\n\n/** The form's `data-intent` name: `IntentRejected.intent` when the server rejects a post. */\nexport const CONTACT_INTENT = 'SendContact';\n\n/** Longest value each text field takes, in characters. The markup and the server share them. */\nexport const CONTACT_LIMITS = { name: 100, company: 100, email: 254, message: 2000 } as const;\n\n/**\n * The honeypot: a field people never see (CSS hides it) and bots tend to fill. A post with\n * anything in it is answered like a real one and thrown away.\n */\nexport const CONTACT_HONEYPOT = 'website';\n\n/**\n * The longest a message is kept, counted from when it arrives, handled or not\n * (advertising-policy.md, section 9). The page quotes this number.\n */\nexport const CONTACT_RETENTION_MONTHS = 12;\n\n/** How long a message is kept after it is marked handled, if that comes sooner. */\nexport const CONTACT_HANDLED_RETENTION_DAYS = 90;\n\n/** Where advertisers can write instead of using the form. */\nexport const ADVERTISE_EMAIL = 'info@joystyk.com';\n\n/** The reply time the thank-you page promises, in business days. */\nexport const REPLY_BUSINESS_DAYS = 3;\n\n/** A rejected post, as the page re-renders it: what was sent and the errors per field. */\nexport interface ContactFormState {\n  readonly values: FormFields;\n  /** Errors per field name; '' holds form-level errors (rate limit, a full inbox). */\n  readonly errors: Readonly<Record<string, readonly string[]>>;\n}\n\n// --- Creative specs ---------------------------------------------------------------------\n\n/**\n * The technical limits every creative meets (advertising-policy.md, section 7). The site's\n * ad store enforces these numbers, and the policy page quotes them.\n */\nexport const CREATIVE_SPECS = {\n  /** Largest image file, in KB of 1,024 bytes. */\n  imageKb: 150,\n  /** An image may be at most this many times its box's CSS pixels on each side. */\n  density: 2,\n  /** Longest alt text, in characters. */\n  alt: 125,\n  /** Longest headline, in characters. */\n  headline: 40,\n  /** Longest headline for a creative that runs only as the daily presenting line. */\n  presentingHeadline: 60,\n} as const;\n\n// --- The creative policy, for advertisers ------------------------------------------------\n\n/** The oldest ratings an advertised film, show, game or app may carry (policy sections 1 and 2). */\nexport const MEDIA_RATINGS = 'G, U, PEGI 3 or ESRB Everyone';\n\nexport interface PolicyItem {\n  readonly name: string;\n  readonly detail: string;\n}\n\n/** The rules in brief. For the /advertise page; scripts/advertising-policy.test.ts checks it keeps the rating line. */\nexport const RULE_SUMMARY: readonly string[] = [\n  'No alcohol, tobacco or vaping, gambling, dating, weapons, adult content, food and drink, charities, or political and issue ads.',\n  `Games, apps, films and shows only when rated ${MEDIA_RATINGS}, with the rating shown.`,\n  'Honest claims and no pressure to buy: nothing that tells children to ask a parent or to hurry.',\n  'Nothing that looks like part of the site or a game, such as fake buttons, scores or alerts.',\n  'A static image with alt text, a short headline and one link to a page that suits every age.',\n  'We review every creative before it runs, and may refuse or remove any ad.',\n];\n\n/** Never advertised, in any slot. */\nexport const PROHIBITED: readonly PolicyItem[] = [\n  { name: 'Alcohol', detail: 'Drinks, brands, bars and alcohol-branded merchandise.' },\n  {\n    name: 'Tobacco and vaping',\n    detail: 'Cigarettes, e-cigarettes, vapes, nicotine pouches, cannabis and their accessories.',\n  },\n  {\n    name: 'Gambling',\n    detail: 'Betting, casinos, lotteries, sweepstakes casinos, loot boxes sold for money and skin gambling.',\n  },\n  { name: 'Dating and relationships', detail: 'Dating apps, matchmaking and companion chat services.' },\n  { name: 'Weapons', detail: 'Firearms, ammunition, knives sold as weapons, fireworks and realistic replica guns.' },\n  { name: 'Adult content', detail: 'Sexual products and services, and suggestive or violent imagery.' },\n  {\n    name: 'Political and issue ads',\n    detail: 'Candidates, parties, elections, ballot measures and campaigns on social or political issues.',\n  },\n  {\n    name: 'Drugs and supplements',\n    detail: 'Prescription and over-the-counter medicines, diet and weight-loss products, and supplements.',\n  },\n  {\n    name: 'Financial products',\n    detail: 'Loans, credit, buy-now-pay-later, trading, crypto-assets and get-rich schemes.',\n  },\n  { name: 'Cosmetic procedures', detail: 'Surgery, injectables and other cosmetic treatments.' },\n  {\n    name: 'Media rated for older audiences',\n    detail: `Films, shows, games and apps rated above ${MEDIA_RATINGS}, or an equivalent.`,\n  },\n  {\n    name: 'Food and drink',\n    detail: 'All food and drink, including brand-only ads from companies that sell food high in fat, salt or sugar.',\n  },\n  { name: 'Charities', detail: 'Ads from charities and other good causes. We may accept them in a later version.' },\n  {\n    name: 'Data collection',\n    detail: 'Offers that ask for personal details, such as sign-ups, quizzes, surveys and contests.',\n  },\n  { name: 'Unmoderated chat and social apps', detail: 'Services where children could talk with strangers.' },\n  {\n    name: 'Deceptive or harmful offers',\n    detail: 'Scams, miracle claims, malware, fake downloads and anything illegal where it is shown.',\n  },\n];\n\n/** Allowed only with the conditions given. */\nexport const RESTRICTED: readonly PolicyItem[] = [\n  {\n    name: 'Games, apps, films and shows',\n    detail: `Rated ${MEDIA_RATINGS}, or an equivalent, with the rating shown. In-game purchases must be stated, and the ad may not push them.`,\n  },\n  {\n    name: 'Toys and products for children',\n    detail: 'Shown as they are, at their real size, doing what they really do.',\n  },\n  {\n    name: 'Paid services and subscriptions',\n    detail: 'The ad must say when something costs money. Free trials must say what happens when they end.',\n  },\n  { name: 'Education', detail: 'Learning products and courses, with no promise of grades or results.' },\n];\n\n/** How an ad may speak to the people who see it. */\nexport const CLAIMS_RULES: readonly string[] = [\n  'Be truthful. Every claim must be one you can prove, and the image must show the product as it is, at its real size.',\n  'No pressure to buy: no \"buy now\", \"ask your parents\", countdowns, \"only today\" or \"last chance\", and no \"only\" or \"just\" in front of a price.',\n  'Never suggest that someone is less popular, clever or grown-up without the product.',\n  'Show prices plainly, and say when something is sold separately or needs batteries.',\n  'Endorsements must be genuine, and any paid connection must be stated.',\n  'Show nothing unsafe that a child could copy.',\n  'No imitation of the site or a game: no fake buttons, close marks, scores, rewards, timers, alerts or system messages.',\n  'No content that mocks, stereotypes or frightens.',\n];\n\n/** Where a click may take someone. */\nexport const LANDING_RULES: readonly string[] = [\n  'The page the ad links to must match the ad, load over HTTPS and be suitable for every age.',\n  'No pop-ups, automatic downloads, redirects to other offers or requests for personal details.',\n  'The link may not carry tracking that identifies a visitor. We count clicks on our own server, without cookies.',\n  \"Before anyone leaves Joystyk, a page of ours says they're leaving and names your site's domain. They continue from there straight to your page.\",\n];\n\n/** Format rules for every slot; the sizes come from the slot registry. */\nexport const FORMAT_RULES: readonly string[] = [\n  'A static image in AVIF, WebP or PNG, at twice the box size so it stays sharp on high-density screens, and no larger.',\n  `At most ${String(CREATIVE_SPECS.imageKb)} KB per image file.`,\n  `Alt text that says what the image shows, in ${String(CREATIVE_SPECS.alt)} characters or fewer.`,\n  `A headline of ${String(CREATIVE_SPECS.headline)} characters or fewer; the daily presenting line may run to ${String(CREATIVE_SPECS.presentingHeadline)}.`,\n  'One link, to an HTTPS page.',\n  'No HTML, JavaScript, animation, sound or video. Animated images may come later; we will say when.',\n];\n\n/** What happens between a booking and a creative going live. */\nexport const REVIEW_STEPS: readonly string[] = [\n  'You send the images, headline, alt text, link and dates.',\n  'We check the content against these rules and the technical specs, and look at the landing page.',\n  'We approve the creative, or tell you what to change.',\n  'Only approved creatives run. We look again if the landing page or the product changes.',\n];\n\n/** What happens to payment when an ad doesn't run (policy section 8). */\nexport const REFUND_RULES: readonly string[] = [\n  \"If an ad can't run through our own fault, we refund the days it missed or run it for as many extra days.\",\n  'If we take an ad down because it breaks these rules, we refund only the days it has not yet run.',\n];\n"],"mappings":";;AASA,IAAa,aAA+C;CAC1D,cAAc;CACd,gBAAgB;CAChB,iBAAiB;CACjB,aAAa;CACb,SAAS;CACT,oBAAoB;AACtB;;AAGA,IAAa,gBAAuD;CAClE,MAAM;CACN,UAAU;CACV,MAAM;CACN,SAAS;CACT,OAAO;AACT;;AAGA,IAAa,aAAa,SACxB,GAAG,OAAO,KAAK,KAAK,EAAE,KAAK,OAAO,KAAK,MAAM,EAAE;;AAGjD,IAAa,eAAe,MAAsB,EAAE,MAAM,QAAQ,EAAE,MAAM,UAAU;CAAE,OAAO;CAAG,QAAQ;AAAE;;AAK1G,IAAa,iBAAiB;;AAG9B,IAAa,iBAAiB;CAAE,MAAM;CAAK,SAAS;CAAK,OAAO;CAAK,SAAS;AAAK;;;;;AAMnF,IAAa,mBAAmB;;;;;AAMhC,IAAa,2BAA2B;;AAGxC,IAAa,iCAAiC;;AAG9C,IAAa,kBAAkB;;AAG/B,IAAa,sBAAsB;;;;;AAenC,IAAa,iBAAiB;;CAE5B,SAAS;;CAET,SAAS;;CAET,KAAK;;CAEL,UAAU;;CAEV,oBAAoB;AACtB;;AAKA,IAAa,gBAAgB;;AAQ7B,IAAa,eAAkC;CAC7C;CACA,gDAAgD,cAAc;CAC9D;CACA;CACA;CACA;AACF;;AAGA,IAAa,aAAoC;CAC/C;EAAE,MAAM;EAAW,QAAQ;CAAwD;CACnF;EACE,MAAM;EACN,QAAQ;CACV;CACA;EACE,MAAM;EACN,QAAQ;CACV;CACA;EAAE,MAAM;EAA4B,QAAQ;CAAwD;CACpG;EAAE,MAAM;EAAW,QAAQ;CAAsF;CACjH;EAAE,MAAM;EAAiB,QAAQ;CAAmE;CACpG;EACE,MAAM;EACN,QAAQ;CACV;CACA;EACE,MAAM;EACN,QAAQ;CACV;CACA;EACE,MAAM;EACN,QAAQ;CACV;CACA;EAAE,MAAM;EAAuB,QAAQ;CAAsD;CAC7F;EACE,MAAM;EACN,QAAQ,4CAA4C,cAAc;CACpE;CACA;EACE,MAAM;EACN,QAAQ;CACV;CACA;EAAE,MAAM;EAAa,QAAQ;CAAmF;CAChH;EACE,MAAM;EACN,QAAQ;CACV;CACA;EAAE,MAAM;EAAoC,QAAQ;CAAqD;CACzG;EACE,MAAM;EACN,QAAQ;CACV;AACF;;AAGA,IAAa,aAAoC;CAC/C;EACE,MAAM;EACN,QAAQ,SAAS,cAAc;CACjC;CACA;EACE,MAAM;EACN,QAAQ;CACV;CACA;EACE,MAAM;EACN,QAAQ;CACV;CACA;EAAE,MAAM;EAAa,QAAQ;CAAuE;AACtG;;AAGA,IAAa,eAAkC;CAC7C;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;;AAGA,IAAa,gBAAmC;CAC9C;CACA;CACA;CACA;AACF;;AAGA,IAAa,eAAkC;CAC7C;CACA,WAAW,OAAO,eAAe,OAAO,EAAE;CAC1C,+CAA+C,OAAO,eAAe,GAAG,EAAE;CAC1E,iBAAiB,OAAO,eAAe,QAAQ,EAAE,6DAA6D,OAAO,eAAe,kBAAkB,EAAE;CACxJ;CACA;AACF;;AAGA,IAAa,eAAkC;CAC7C;CACA;CACA;CACA;AACF;;AAGA,IAAa,eAAkC,CAC7C,4GACA,kGACF"}

package/dist/categories.d.ts

@@ -0,0 +1,12 @@
+export interface CategoryDefinition {
+    /** Kebab-case; appears in /categories/<id>. */
+    readonly id: string;
+    /** Display name, e.g. "Dice". */
+    readonly name: string;
+    /** Lowercase singular for prose and titles, e.g. "dice game". */
+    readonly noun: string;
+    /** One or two sentences for the category page and its meta description. */
+    readonly description: string;
+}
+export declare const CATEGORIES: readonly CategoryDefinition[];
+export declare const findCategory: (id: string) => CategoryDefinition | undefined;

package/dist/categories.js

@@ -0,0 +1,45 @@
+//#region src/categories.ts
+var CATEGORIES = [
+	{
+		id: "arcade",
+		name: "Arcade",
+		noun: "arcade game",
+		description: "Fast, real-time games built on reflexes and timing. One more go is always one click away."
+	},
+	{
+		id: "board",
+		name: "Board",
+		noun: "board game",
+		description: "Classic board games for two: play the computer or pass the device to a friend."
+	},
+	{
+		id: "cards",
+		name: "Cards",
+		noun: "card game",
+		description: "Card games to play alone, against computer opponents, or with friends at one table."
+	},
+	{
+		id: "dice",
+		name: "Dice",
+		noun: "dice game",
+		description: "Dice games of luck and nerve, for a quick turn or a long party."
+	},
+	{
+		id: "puzzle",
+		name: "Puzzle",
+		noun: "puzzle",
+		description: "Puzzles to solve at your own pace, with no clock unless you want one."
+	},
+	{
+		id: "word",
+		name: "Word",
+		noun: "word game",
+		description: "Word games and daily puzzles, the same for everyone each day."
+	}
+];
+var byId = new Map(CATEGORIES.map((c) => [c.id, c]));
+var findCategory = (id) => byId.get(id);
+//#endregion
+export { CATEGORIES, findCategory };
+
+//# sourceMappingURL=categories.js.map

package/dist/categories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"categories.js","names":[],"sources":["../src/categories.ts"],"sourcesContent":["// The categories a game's manifest may name. A category gets a page only once it has a\n// game (the registry counts them), so planned categories can be listed here early.\n\nexport interface CategoryDefinition {\n  /** Kebab-case; appears in /categories/<id>. */\n  readonly id: string;\n  /** Display name, e.g. \"Dice\". */\n  readonly name: string;\n  /** Lowercase singular for prose and titles, e.g. \"dice game\". */\n  readonly noun: string;\n  /** One or two sentences for the category page and its meta description. */\n  readonly description: string;\n}\n\nexport const CATEGORIES: readonly CategoryDefinition[] = [\n  {\n    id: 'arcade',\n    name: 'Arcade',\n    noun: 'arcade game',\n    description: 'Fast, real-time games built on reflexes and timing. One more go is always one click away.',\n  },\n  {\n    id: 'board',\n    name: 'Board',\n    noun: 'board game',\n    description: 'Classic board games for two: play the computer or pass the device to a friend.',\n  },\n  {\n    id: 'cards',\n    name: 'Cards',\n    noun: 'card game',\n    description: 'Card games to play alone, against computer opponents, or with friends at one table.',\n  },\n  {\n    id: 'dice',\n    name: 'Dice',\n    noun: 'dice game',\n    description: 'Dice games of luck and nerve, for a quick turn or a long party.',\n  },\n  {\n    id: 'puzzle',\n    name: 'Puzzle',\n    noun: 'puzzle',\n    description: 'Puzzles to solve at your own pace, with no clock unless you want one.',\n  },\n  {\n    id: 'word',\n    name: 'Word',\n    noun: 'word game',\n    description: 'Word games and daily puzzles, the same for everyone each day.',\n  },\n];\n\nconst byId = new Map(CATEGORIES.map((c) => [c.id, c]));\n\nexport const findCategory = (id: string): CategoryDefinition | undefined => byId.get(id);\n"],"mappings":";AAcA,IAAa,aAA4C;CACvD;EACE,IAAI;EACJ,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,IAAI;EACJ,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,IAAI;EACJ,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,IAAI;EACJ,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,IAAI;EACJ,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,IAAI;EACJ,MAAM;EACN,MAAM;EACN,aAAa;CACf;AACF;AAEA,IAAM,OAAO,IAAI,IAAI,WAAW,KAAK,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;AAErD,IAAa,gBAAgB,OAA+C,KAAK,IAAI,EAAE"}

package/dist/client.d.ts

@@ -0,0 +1 @@
+import './components/app.ts';

package/dist/client.js

@@ -0,0 +1,9 @@
+import "./components/app.js";
+import { provideDrivers } from "@gyral/core";
+import { makeRouter } from "@gyral/router";
+//#region src/client.ts
+provideDrivers(document.documentElement, { router: makeRouter({ captureLinks: true }) });
+//#endregion
+export {};
+
+//# sourceMappingURL=client.js.map

package/dist/client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.js","names":[],"sources":["../src/client.ts"],"sourcesContent":["// The browser entry: importing the components is all hydration needs. Core restores the\n// catalog store from the page's seed before <jy-app> hydrates.\nimport './components/app.ts';\nimport { provideDrivers } from '@gyral/core';\nimport { makeRouter } from '@gyral/router';\n\nprovideDrivers(document.documentElement, { router: makeRouter({ captureLinks: true }) });\n"],"mappings":";;;;AAMA,eAAe,SAAS,iBAAiB,EAAE,QAAQ,WAAW,EAAE,cAAc,KAAK,CAAC,EAAE,CAAC"}

package/dist/components/advertise.d.ts

@@ -0,0 +1,4 @@
+import type { CatalogState } from '../store.js';
+export declare function advertiseView(c: CatalogState): import("@gyral/core").TemplateResult;
+export declare function policyView(): import("@gyral/core").TemplateResult;
+export declare const sentView: () => import("@gyral/core").TemplateResult;