arcadible 0.1.22 → 0.1.24

package/bin/arc-login.js

@@ -68,9 +68,9 @@ const onLoginEnter = function (fn) {
 
 const handler = function ({ browser, qrcode: qr, sw }) {
   return {
-    onLoginCreated({ code: dac, id, url }) {
+    onLoginCreated({ code: dac, secret, url }) {
       sw.stop(true);
-      const link = `${url}/${id}`;
+      const link = `${url}/${secret}`;
       log.p("Logging in...");
       qrcode.generate(link, { small: true }, (code) => {
         if (qr) {

package/bin/arc-validate.js

@@ -17,10 +17,12 @@ const cfgproduct = require("../src/config/product");
 const log = require("../src/util/log");
 const output = require("../src/util/output");
 const rc = require("../src/util/rc");
+const schema = require("../src/util/schema");
 const validate = require("../src/cli/validate");
 
 // [use]
 
+const dereference = schema.dereference;
 const findRc = rc.findRc;
 const print = output.print;
 const resolve = path.resolve;
@@ -49,8 +51,17 @@ const start = function (argv) {
       if (json) {
         print({ issues });
       } else if (count) {
-        log.hd(`${count} ${count === 1 ? "issue" : "issues"} found.`);
-        log.p(issues.map((issue) => `✗ ${issue}`));
+        const [probs, refs] = dereference(issues);
+        const probcount = probs.length;
+        if (probcount) {
+          log.hd(`${probcount} ${probcount === 1 ? "issue" : "issues"}:`);
+          log.p(probs.map((prob) => `✗ ${prob}`));
+        }
+        const refcount = refs.length;
+        if (refcount) {
+          log.h(`${refcount} ${refcount === 1 ? "reference" : "references"}:`);
+          log.p(refs);
+        }
       } else if (!argv.quiet) {
         log.hs("No issues found.");
       }

package/package.json

@@ -61,5 +61,5 @@
   "license": "Apache-2.0",
   "main": "./src/cli/index.js",
   "name": "arcadible",
-  "version": "0.1.22"
+  "version": "0.1.24"
 }

package/src/action/inspect/media.js

@@ -2,22 +2,12 @@
 
 // [import]
 
+const cfgart = require("../../config/art");
 const cfgproduct = require("../../config/product");
 
 // [declare]
 
-const ART = [
-  "banner",
-  "banner_video",
-  "cover",
-  "cover_video",
-  "icon",
-  "icon_video",
-  "poster",
-  "poster_video",
-  "wordmark",
-  "wordmark_animated",
-];
+const ART = cfgart.map((file) => file.split(".")[0]);
 
 // [declare]
 

package/src/action/login/flow.js

@@ -20,10 +20,10 @@ const randomUUID = crypto.randomUUID;
 // [declare]
 
 const POLL = {
-  delay: time.s(3),
-  factor: 2,
-  interval: time.s(30),
-  maxDelay: time.s(15),
+  delay: time.s(1.5),
+  factor: 1.5,
+  interval: time.s(15),
+  maxDelay: time.s(5),
   timeoutError: phrase.loginExpired(),
 };
 
@@ -48,7 +48,7 @@ const flow = function ({ id, secret: token }) {
 const createFlow = function ({ expiresAt, secret, type }, onLoginCreated) {
   return postFlow({ expiresAt, secret, type }).then(({ code, id }) => {
     if (onLoginCreated) {
-      onLoginCreated({ code, id, url: cfgurl.LINK });
+      onLoginCreated({ code, secret, url: cfgurl.LINK });
     }
     return { id };
   });
@@ -77,7 +77,7 @@ const pollFlow = function (value, onLoginPoll) {
 // [function]
 
 const main = function ({ onLoginCreated, onLoginPoll }) {
-  const expiresAt = new Date(Date.now() + time.m(5));
+  const expiresAt = new Date(Date.now() + time.m(10));
   const secret = randomUUID();
   return createFlow(
     {

package/src/config/art.js

@@ -0,0 +1,16 @@
+"use strict";
+
+// [export]
+
+module.exports = [
+  "banner.png",
+  "banner_video.mp4",
+  "cover.png",
+  "cover_video.mp4",
+  "icon.png",
+  "icon_video.mp4",
+  "poster.png",
+  "poster_video.mp4",
+  "wordmark.svg",
+  "wordmark_animated.svg",
+];

package/src/config/image.js

@@ -0,0 +1,8 @@
+"use strict";
+
+// [export]
+
+module.exports = {
+  ".png": "image/png",
+  ".svg": "image/svg+xml",
+};

package/src/config/video.js

@@ -0,0 +1,7 @@
+"use strict";
+
+// [export]
+
+module.exports = {
+  ".mp4": "video/mp4",
+};

package/src/parser/media.js

@@ -10,7 +10,10 @@ const fs = require("fs-extra");
 
 // [import]
 
+const cfgart = require("../config/art");
+const cfgimage = require("../config/image");
 const cfgproduct = require("../config/product");
+const cfgvideo = require("../config/video");
 const objs = require("../util/objs");
 
 // [use]
@@ -24,18 +27,7 @@ const readdir = fs.promises.readdir;
 
 // [declare]
 
-const ART = [
-  "banner.png",
-  "banner_video.mp4",
-  "cover.png",
-  "cover_video.mp4",
-  "icon.png",
-  "icon_video.mp4",
-  "poster.png",
-  "poster_video.mp4",
-  "wordmark.svg",
-  "wordmark_animated.svg",
-];
+const ART = cfgart;
 
 // [declare]
 
@@ -62,8 +54,9 @@ const art = function (root) {
 // [function]
 
 const handleGallery = function (entries) {
+  const exts = [...Object.keys(cfgimage), ...Object.keys(cfgvideo)];
   return entries
-    .filter((f) => extname(f).toLowerCase() === ".png")
+    .filter((f) => exts.includes(extname(f).toLowerCase()))
     .map((f) => join(MEDIA, "gallery", f))
     .sort();
 };

package/src/schema/game.js

@@ -11,10 +11,12 @@ const z = require("zod");
 const cfgaudience = require("../config/audience");
 const cfggenre = require("../config/genre");
 const cfghtml = require("../config/html");
+const cfgimage = require("../config/image");
 const cfginput = require("../config/input");
 const cfgorientation = require("../config/orientation");
 const cfgproduct = require("../config/product");
 const cfgurl = require("../config/url");
+const cfgvideo = require("../config/video");
 const cfgvisibility = require("../config/visibility");
 const check = require("./check/game");
 const dom = require("../util/dom");
@@ -94,33 +96,48 @@ const zMedia = function (field, root) {
 // [function]
 
 const zPng = function (field, root, opts) {
-  return zMedia(field, root).refine(
-    (file) => imageCheck(root, file, { ...opts, type: "image/png" }),
-    message(field, ["Invalid PNG."]),
-  );
+  return zMedia(field, root).superRefine((file, ctx) => {
+    const issues = imageCheck(root, file, { ...opts, type: cfgimage[".png"] });
+    if (issues.length) {
+      ctx.addIssue({
+        code: "custom",
+        ...message(field, ["Invalid PNG.", ...issues]),
+      });
+    }
+  });
 };
 
 // [function]
 
 const zSvg = function (field, root, opts) {
-  return zMedia(field, root).refine(
-    (file) => imageCheck(root, file, { ...opts, type: "image/svg+xml" }),
-    message(field, ["Invalid SVG."]),
-  );
+  return zMedia(field, root).superRefine((file, ctx) => {
+    const issues = imageCheck(root, file, { ...opts, type: cfgimage[".svg"] });
+    if (issues.length) {
+      ctx.addIssue({
+        code: "custom",
+        ...message(field, ["Invalid SVG.", ...issues]),
+      });
+    }
+  });
 };
 
 // [function]
 
 const zMp4 = function (field, root, opts) {
-  return zMedia(field, root).refine(
-    (file) =>
-      videoCheck(root, file, {
-        maxDuration: 10,
-        ...opts,
-        type: "video/mp4",
-      }),
-    message(field, ["Invalid MP4."]),
-  );
+  return zMedia(field, root).superRefine((file, ctx) => {
+    const issues = videoCheck(root, file, {
+      maxDuration: 30,
+      minDuration: 3,
+      ...opts,
+      type: cfgvideo[".mp4"],
+    });
+    if (issues.length) {
+      ctx.addIssue({
+        code: "custom",
+        ...message(field, ["Invalid MP4.", ...issues]),
+      });
+    }
+  });
 };
 
 // [function]
@@ -171,7 +188,7 @@ const zBannerVideo = function (root) {
   return z.optional(
     zMp4(field, root, {
       aspect: "2:1",
-      maxSize: size.mb(5),
+      maxSize: size.mb(15),
       minHeight: 512,
       minWidth: 1024,
     }),
@@ -206,7 +223,7 @@ const zCoverVideo = function (root) {
   return z.optional(
     zMp4(field, root, {
       aspect: "3:2",
-      maxSize: size.mb(5),
+      maxSize: size.mb(15),
       minHeight: 512,
       minWidth: 768,
     }),
@@ -241,10 +258,44 @@ const zGallery = function (root) {
   return z.optional(
     z
       .array(
-        z.union([
-          zPng(field, root, { maxSize: size.mb(2) }),
-          zMp4(field, root, { maxSize: size.mb(5) }),
-        ]),
+        zMedia(field, root).superRefine((file, ctx) => {
+          if (file.endsWith(".png")) {
+            const issues = imageCheck(root, file, {
+              maxSize: size.mb(2),
+              type: cfgimage[".png"],
+            });
+            if (issues.length) {
+              ctx.addIssue({
+                code: "custom",
+                ...message(field, [`Invalid PNG: ${file}`, ...issues]),
+              });
+            }
+          } else if (file.endsWith(".svg")) {
+            const issues = imageCheck(root, file, {
+              maxSize: size.mb(1),
+              type: cfgimage[".svg"],
+            });
+            if (issues.length) {
+              ctx.addIssue({
+                code: "custom",
+                ...message(field, [`Invalid SVG: ${file}`, ...issues]),
+              });
+            }
+          } else if (file.endsWith(".mp4")) {
+            const issues = videoCheck(root, file, {
+              maxDuration: 30,
+              maxSize: size.mb(15),
+              minDuration: 3,
+              type: cfgvideo[".mp4"],
+            });
+            if (issues.length) {
+              ctx.addIssue({
+                code: "custom",
+                ...message(field, [`Invalid MP4: ${file}`, ...issues]),
+              });
+            }
+          }
+        }),
       )
       .min(1)
       .max(12),
@@ -293,7 +344,7 @@ const zIconVideo = function (root) {
   return z.optional(
     zMp4(field, root, {
       aspect: "1:1",
-      maxSize: size.mb(5),
+      maxSize: size.mb(15),
       minHeight: 512,
       minWidth: 512,
     }),
@@ -353,7 +404,7 @@ const zPosterVideo = function (root) {
   return z.optional(
     zMp4(field, root, {
       aspect: "2:3",
-      maxSize: size.mb(5),
+      maxSize: size.mb(15),
       minHeight: 768,
       minWidth: 512,
     }),
@@ -437,7 +488,6 @@ const zWordmark = function (root) {
   const field = "wordmark";
   return z.optional(
     zSvg(field, root, {
-      aspect: "1:1",
       maxSize: size.kb(512),
     }),
   );
@@ -449,7 +499,6 @@ const zWordmarkAnimated = function (root) {
   const field = "wordmark_animated";
   return z.optional(
     zSvg(field, root, {
-      aspect: "1:1",
       maxSize: size.mb(1),
     }),
   );

package/src/schema/workflow.js

@@ -29,7 +29,7 @@ const MEDIA = `.${HANDLE}`;
 // [function]
 
 const reference = function (field) {
-  return chalk.cyan.underline(`${cfgurl.MANIFEST}#workflow.${field}`);
+  return chalk.cyan.underline(`${cfgurl.MANIFEST}#game.${field}`);
 };
 
 // [function]
@@ -64,11 +64,11 @@ const zDeployDir = function (root, { build }) {
     )
     .refine(
       (file) => isOutCheck(root, file),
-      message(field, ["Must be within the project directory."]),
+      message(field, ["Must be within the project."]),
     )
     .refine(
       (file) => isReservedCheck(root, file, MEDIA),
-      message(field, [`Must not contain ${MEDIA}.`]),
+      message(field, [`Must not contain ${MEDIA} in path.`]),
     )
     .refine(
       (file) => build || existsCheck(root, file),

package/src/util/bytes.js

@@ -0,0 +1,20 @@
+"use strict";
+
+// [function]
+
+const formatBytes = function (bytes) {
+  switch (true) {
+    case bytes < 1024:
+      return `${bytes} B`;
+    case bytes < 1024 ** 2:
+      return `${(bytes / 1024).toFixed(1)} KB`;
+    case bytes < 1024 ** 3:
+      return `${(bytes / 1024 / 1024).toFixed(1)} MB`;
+    default:
+      return `${(bytes / 1024 / 1024 / 1024).toFixed(1)} GB`;
+  }
+};
+
+// [export]
+
+module.exports = { formatBytes };

package/src/util/image.js

@@ -2,11 +2,22 @@
 
 // [import]
 
+const path = require("node:path");
+
+// [import]
+
 const fs = require("fs-extra");
 const imageSize = require("image-size").imageSize;
 
+// [import]
+
+const bytes = require("./bytes");
+const cfgimage = require("../config/image");
+
 // [use]
 
+const extname = path.extname;
+const formatBytes = bytes.formatBytes;
 const readFileSync = fs.readFileSync; // eslint-disable-line no-sync
 const statSync = fs.statSync; // eslint-disable-line no-sync
 
@@ -41,42 +52,42 @@ const checkSize = function (file, maxSize) {
 
 const checkPng = function (file, { aspect, maxSize, minHeight, minWidth }) {
   if (!checkSize(file, maxSize)) {
-    return false;
+    return [`Image size must not exceed: ${formatBytes(maxSize)}`];
   }
   const buffer = readFileSync(file);
   const { height, width } = imageSize(buffer);
   if (minWidth && width < minWidth) {
-    return false;
+    return [`Image width must be at least: ${minWidth}px`];
   }
   if (minHeight && height < minHeight) {
-    return false;
+    return [`Image height must be at least: ${minHeight}px`];
   }
   if (!checkAspect(width, height, aspect)) {
-    return false;
+    return [`Image aspect ratio must be: ${aspect}`];
   }
-  return true;
+  return [];
 };
 
 // [function]
 
 const checkSvg = function (file, { maxSize }) {
   if (!checkSize(file, maxSize)) {
-    return false;
+    return [`Image size must not exceed: ${formatBytes(maxSize)}`];
   }
-  return true;
+  return [];
 };
 
 // [function]
 
 const check = function (file, { type, ...opts }) {
-  switch (type) {
-    case "image/png":
-      return checkPng(file, opts);
-    case "image/svg+xml":
-      return checkSvg(file, opts);
-    default:
-      return false;
-  }
+  const checks = {
+    [cfgimage[".png"]]: checkPng,
+    [cfgimage[".svg"]]: checkSvg,
+  };
+  const checkImage = checks[type];
+  return checkImage && cfgimage[extname(file)] === type
+    ? checkImage(file, opts)
+    : ["Image has an unsupported file type."];
 };
 
 // [export]

package/src/util/progress.js

@@ -4,8 +4,13 @@
 
 const cliProgress = require("cli-progress");
 
+// [import]
+
+const bytes = require("./bytes");
+
 // [use]
 
+const formatBytes = bytes.formatBytes;
 const Presets = cliProgress.Presets;
 const SingleBar = cliProgress.SingleBar;
 
@@ -15,21 +20,6 @@ const FORMAT = "[{bar}] {percentage}% | {value}/{total}";
 
 // [function]
 
-const formatBytes = function (bytes) {
-  switch (true) {
-    case bytes < 1000:
-      return `${bytes} B`;
-    case bytes < 1000 * 1000:
-      return `${(bytes / 1000).toFixed(1)} KB`;
-    case bytes < 1000 * 1000 * 1000:
-      return `${(bytes / 1000 / 1000).toFixed(1)} MB`;
-    default:
-      return `${(bytes / 1000 / 1000 / 1000).toFixed(1)} GB`;
-  }
-};
-
-// [function]
-
 const formatValue = function (value, opts, type) {
   if (type === "percentage") {
     return value;

package/src/util/schema.js

@@ -1,10 +1,34 @@
 "use strict";
 
+// [import]
+
+const chalk = require("chalk");
+
+// [function]
+
+const dereference = function (issues) {
+  const references = new Set();
+  const output = issues.map((issue) =>
+    issue
+      .split("\n")
+      .filter((line) => {
+        if (/https?:\/\//u.test(line)) {
+          references.add(line.trim());
+          return false;
+        }
+        return true;
+      })
+      .join("\n"),
+  );
+  return [output, [...references]];
+};
+
 // [function]
 
 const format = function (name, { issues }) {
   return issues.map(
-    ({ message, path }) => `${name}.${path.join(".") || "value"}: ${message}`,
+    ({ message, path }) =>
+      `${chalk.cyan(`${name}.${path.join(".") || "value"}`)}: ${message}`,
   );
 };
 
@@ -22,4 +46,4 @@ const validator = function (name, schema) {
 
 // [export]
 
-module.exports = { validator };
+module.exports = { dereference, validator };

package/src/util/video.js

@@ -2,15 +2,23 @@
 
 // [import]
 
+const path = require("node:path");
+
+// [import]
+
 const createFile = require("mp4box").createFile;
 const fs = require("fs-extra");
 
 // [import]
 
+const bytes = require("./bytes");
+const cfgvideo = require("../config/video");
 const phrase = require("../phrase");
 
 // [use]
 
+const extname = path.extname;
+const formatBytes = bytes.formatBytes;
 const readFileSync = fs.readFileSync; // eslint-disable-line no-sync
 const statSync = fs.statSync; // eslint-disable-line no-sync
 
@@ -83,42 +91,46 @@ const readMp4 = function (file) {
 
 const checkMp4 = function (
   file,
-  { aspect, maxDuration, maxSize, minHeight, minWidth },
+  { aspect, maxDuration, maxSize, minDuration, minHeight, minWidth },
 ) {
   if (!checkSize(file, maxSize)) {
-    return false;
+    return [`Video size must not exceed: ${formatBytes(maxSize)}`];
   }
   let video = null;
   try {
     video = readMp4(file);
   } catch {
-    return false;
+    return ["Video is an invalid file."];
   }
   const { duration, height, width } = video;
   if (minWidth && width < minWidth) {
-    return false;
+    return [`Video width must be at least: ${minWidth}px`];
   }
   if (minHeight && height < minHeight) {
-    return false;
+    return [`Video height must be at least: ${minHeight}px`];
+  }
+  if (minDuration && duration < minDuration) {
+    return [`Video duration must be at least: ${minDuration}s`];
   }
   if (maxDuration && duration > maxDuration) {
-    return false;
+    return [`Video duration must not exceed: ${maxDuration}s`];
   }
   if (!checkAspect(width, height, aspect)) {
-    return false;
+    return [`Video aspect ratio must be: ${aspect}`];
   }
-  return true;
+  return [];
 };
 
 // [function]
 
 const check = function (file, { type, ...opts }) {
-  switch (type) {
-    case "video/mp4":
-      return checkMp4(file, opts);
-    default:
-      return false;
-  }
+  const checks = {
+    [cfgvideo[".mp4"]]: checkMp4,
+  };
+  const checkVideo = checks[type];
+  return checkVideo && cfgvideo[extname(file)] === type
+    ? checkVideo(file, opts)
+    : ["Video has an unsupported file type."];
 };
 
 // [export]