wrec 0.31.3 → 0.31.5

package/package.json

@@ -2,7 +2,7 @@
   "name": "wrec",
   "description": "a small library that greatly simplifies building web components",
   "author": "R. Mark Volkmann",
-  "version": "0.31.3",
+  "version": "0.31.5",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -30,6 +30,7 @@
   },
   "bin": {
     "wrec-lint": "./scripts/lint.js",
+    "wrec-scaffold": "./scripts/scaffold.js",
     "wrec-usedby": "./scripts/used-by.js"
   },
   "files": [

package/scripts/lint.js

@@ -1107,6 +1107,24 @@ function getParameterType(checker, parameterSymbol, location, isRestArgument) {
   return typeArguments[0] ?? parameterType;
 }
 
+// Returns the Wrec property config type name for a normalized type string.
+function getPropertyConfigTypeName(typeName) {
+  switch (typeName) {
+    case 'array':
+      return 'Array';
+    case 'boolean':
+      return 'Boolean';
+    case 'number':
+      return 'Number';
+    case 'object':
+      return 'Object';
+    case 'string':
+      return 'String';
+    default:
+      return typeName;
+  }
+}
+
 // Derives a readable property type string from syntax or the type checker.
 function getPropertyTypeText(checker, sourceFile, expression) {
   const typeText = getTypeSyntaxText(sourceFile, expression);
@@ -1590,9 +1608,11 @@ function validateCheckedBinding(
   const expectedType = inputType === 'checkbox' ? 'boolean' : 'string';
   if (propInfo.typeText === expectedType) return;
 
+  const expectedTypeName = getPropertyConfigTypeName(expectedType);
+
   findings.invalidCheckedBindings.push(
     `input type="${inputType}" attribute "${attrName}" refers to ` +
-      `property "${propName}" whose type is not ${expectedType}`
+      `property "${propName}" whose type is not ${expectedTypeName}`
   );
 }
 
@@ -1640,7 +1660,7 @@ function validateDefaultValue(checker, typeExpression, valueExpression) {
     if (
       !(valueType.flags & (ts.TypeFlags.String | ts.TypeFlags.StringLiteral))
     ) {
-      return {typeName: 'string', valueTypeName};
+      return {typeName: 'String', valueTypeName};
     }
     return undefined;
   }
@@ -1649,7 +1669,7 @@ function validateDefaultValue(checker, typeExpression, valueExpression) {
     if (
       !(valueType.flags & (ts.TypeFlags.Number | ts.TypeFlags.NumberLiteral))
     ) {
-      return {typeName: 'number', valueTypeName};
+      return {typeName: 'Number', valueTypeName};
     }
     return undefined;
   }
@@ -1658,14 +1678,14 @@ function validateDefaultValue(checker, typeExpression, valueExpression) {
     if (
       !(valueType.flags & (ts.TypeFlags.Boolean | ts.TypeFlags.BooleanLiteral))
     ) {
-      return {typeName: 'boolean', valueTypeName};
+      return {typeName: 'Boolean', valueTypeName};
     }
     return undefined;
   }
 
   if (typeKind === 'Array') {
     if (!checker.isArrayType(valueType) && !checker.isTupleType(valueType)) {
-      return {typeName: 'array', valueTypeName};
+      return {typeName: 'Array', valueTypeName};
     }
     return undefined;
   }
@@ -1676,7 +1696,7 @@ function validateDefaultValue(checker, typeExpression, valueExpression) {
       !checker.isArrayType(valueType) &&
       !checker.isTupleType(valueType);
     if (!isObjectLike) {
-      return {typeName: 'object', valueTypeName};
+      return {typeName: 'Object', valueTypeName};
     }
   }
 

package/scripts/scaffold.js

@@ -0,0 +1,40 @@
+#!/usr/bin/env node
+
+import fs from 'node:fs';
+import path from 'node:path';
+import {fileURLToPath} from 'node:url';
+
+function fail(message) {
+  console.error(message);
+  process.exit(1);
+}
+
+function toClassName(tagName) {
+  return tagName
+    .split('-')
+    .filter(Boolean)
+    .map(part => part[0].toUpperCase() + part.slice(1))
+    .join('');
+}
+
+const [tagName] = process.argv.slice(2);
+
+if (!tagName) fail('usage: npx wrec-scaffold {tag-name}');
+if (!tagName.includes('-')) fail('tag name must contain at least one hyphen');
+
+const className = toClassName(tagName);
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const templatePath = path.join(__dirname, 'template.ts');
+const outputPath = path.resolve(process.cwd(), `${tagName}.ts`);
+
+if (fs.existsSync(outputPath)) {
+  fail(`file already exists: ${outputPath}`);
+}
+
+const template = fs.readFileSync(templatePath, 'utf8');
+const output = template
+  .replaceAll('{class}', className)
+  .replaceAll('{tag}', tagName);
+
+fs.writeFileSync(outputPath, output);