@wildwinter/app-shell 0.28.0 → 0.30.0

package/dist/index.cjs

@@ -872,6 +872,73 @@ function isValidGameId(gameId) {
   return /^[a-z0-9]([a-z0-9-]*[a-z0-9])?$/.test(gameId);
 }
 
+// src/property-names.ts
+var RESERVED_PROPERTY_NAMES = ["true", "false", "and", "or", "not"];
+var PROPERTY_NAME_HINT = "Lower case letters, digits and underscores. Cannot start with a digit. No hyphens or spaces.";
+function propertyNameify(text) {
+  const trimmed = text.trim();
+  const deliberateLeading = trimmed.startsWith("_");
+  let out = trimmed.toLowerCase().replace(/['’]/g, "").replace(/[^a-z0-9_]+/g, "_").replace(/_+/g, "_").replace(/^_+|_+$/g, "");
+  if (out === "") return "";
+  if (deliberateLeading || /^[0-9]/.test(out)) out = `_${out}`;
+  if (RESERVED_PROPERTY_NAMES.includes(out)) out = `${out}_`;
+  return out;
+}
+function isValidPropertyName(name) {
+  return /^[a-z_][a-z0-9_]*$/.test(name) && !RESERVED_PROPERTY_NAMES.includes(name);
+}
+function isCaseOnlyPropertyName(name) {
+  return !isValidPropertyName(name) && isValidPropertyName(name.toLowerCase());
+}
+
+// src/property-name-field.ts
+function propertyNameProblem(name) {
+  if (isValidPropertyName(name)) return void 0;
+  const suggestion = propertyNameify(name);
+  const tail = suggestion ? ` Try "${suggestion}", or press Tab.` : "";
+  if (RESERVED_PROPERTY_NAMES.includes(name.toLowerCase())) {
+    return `Cannot be used: "${name.toLowerCase()}" is a keyword in expressions.${tail}`;
+  }
+  if (name.includes("-")) return `Cannot be used: a hyphen reads as subtraction in an expression.${tail}`;
+  if (/^[0-9]/.test(name)) return `Cannot be used: a name cannot start with a digit.${tail}`;
+  if (name !== name.toLowerCase()) {
+    return `Cannot be used: expressions fold names, so this would look for "${name.toLowerCase()}".${tail}`;
+  }
+  return `Cannot be used: only lower case letters, digits and underscores.${tail}`;
+}
+function bindPropertyName(input, onCommit, opts = {}) {
+  const hint = opts.hint;
+  const sync = () => {
+    const v = input.value.trim();
+    const problem = v === "" ? void 0 : propertyNameProblem(v);
+    input.classList.toggle("illegal", !!problem);
+    if (problem) input.title = problem;
+    else if (input.title.startsWith("Cannot be used")) {
+      if (hint) input.title = hint;
+      else input.removeAttribute("title");
+    }
+  };
+  input.addEventListener("input", () => {
+    onCommit(input.value);
+    sync();
+  });
+  input.addEventListener("keydown", (e) => {
+    if (e.key !== "Tab" || e.shiftKey) return;
+    const typed = input.value.trim();
+    if (typed === "" || isValidPropertyName(typed)) return;
+    const coerced = propertyNameify(typed);
+    if (!coerced || coerced === input.value) return;
+    e.preventDefault();
+    input.value = coerced;
+    onCommit(coerced);
+    sync();
+  });
+  sync();
+}
+function firstIllegalPropertyName(host) {
+  return host.querySelector("input.illegal");
+}
+
 // src/id-editor.ts
 function openGameIdEditor(opts) {
   const slugify = opts.slugify ?? gameIdify;
@@ -1540,7 +1607,10 @@ exports.JOB_PROGRESS = JOB_PROGRESS;
 exports.PALETTE = PALETTE;
 exports.PALETTE_SIZE = PALETTE_SIZE;
 exports.PANE_MENU = PANE_MENU;
+exports.PROPERTY_NAME_HINT = PROPERTY_NAME_HINT;
+exports.RESERVED_PROPERTY_NAMES = RESERVED_PROPERTY_NAMES;
 exports.askIdentity = askIdentity;
+exports.bindPropertyName = bindPropertyName;
 exports.closeAnchoredPanel = closeAnchoredPanel;
 exports.closeWithExit = closeWithExit;
 exports.colourFor = colourFor;
@@ -1550,6 +1620,7 @@ exports.createSaveController = createSaveController;
 exports.dupGuard = dupGuard;
 exports.el = el;
 exports.expandableRow = expandableRow;
+exports.firstIllegalPropertyName = firstIllegalPropertyName;
 exports.focusNewRow = focusNewRow;
 exports.foldVc = foldVc;
 exports.gameIdify = gameIdify;
@@ -1558,7 +1629,9 @@ exports.icon = icon;
 exports.iconBtn = iconBtn;
 exports.iconSvg = iconSvg;
 exports.initTooltips = initTooltips;
+exports.isCaseOnlyPropertyName = isCaseOnlyPropertyName;
 exports.isValidGameId = isValidGameId;
+exports.isValidPropertyName = isValidPropertyName;
 exports.labelled = labelled;
 exports.lockControls = lockControls;
 exports.lockNotice = lockNotice;
@@ -1573,6 +1646,8 @@ exports.openNotesEditor = openNotesEditor;
 exports.paintVcBadges = paintVcBadges;
 exports.pinButton = pinButton;
 exports.placeAnchored = placeAnchored;
+exports.propertyNameProblem = propertyNameProblem;
+exports.propertyNameify = propertyNameify;
 exports.renderStepperBar = renderStepperBar;
 exports.saveIndicator = saveIndicator;
 exports.showAbout = showAbout;