scb-wc 0.1.26 → 0.1.28

package/README.md

@@ -133,11 +133,12 @@ Behöver du en annan webbrotsökväg (t.ex. om din `wwwroot` ligger någon annan
 ## Alternativ 3: Bundlad version (IIFE) för äldre miljöer
 
 Om ESM inte stöds kan du använda den bundlade test‑varianten från paketroten.  
-Flytta följande två filer från `node_modules/scb-wc` och använd dem i applikationen:
+Flytta följande tre filer från `node_modules/scb-wc` och använd dem i applikationen:
 
 ```text
 node_modules/scb-wc/scb-wc.bundle.js
 node_modules/scb-wc/scb-wc.css
+node_modules/scb-wc/scb-typography.css
 ```
 
 ```html

package/all.js

@@ -9,7 +9,12 @@ import './scb-button/scb-button.js';
 import './scb-calendar-card/scb-calendar-card.js';
 import './scb-calendar/scb-calendar-event.js';
 import './scb-calendar/scb-calendar.js';
+import './scb-card/scb-action-card.js';
 import './scb-card/scb-card.js';
+import './scb-card/scb-container-card.js';
+import './scb-card/scb-link-card.js';
+import './scb-card/scb-list-card.js';
+import './scb-card/scb-social-card.js';
 import './scb-checkbox/scb-checkbox-group.js';
 import './scb-checkbox/scb-checkbox.js';
 import './scb-chevron/scb-chevron.js';

package/bin/scb-wc.mjs

@@ -1,159 +1,93 @@
 #!/usr/bin/env node
 
-import fs from 'fs';
-import path from 'path';
-import { fileURLToPath } from 'url';
+import fs from 'node:fs';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 const packageRoot = path.resolve(__dirname, '..');
-const packageJson = JSON.parse(
-  fs.readFileSync(path.join(packageRoot, 'package.json'), 'utf8'),
-);
-const startersRoot = path.join(packageRoot, 'starters');
-
-const usage = `
-SCB Web Components
-
-Användning:
-  npx scb-wc init <html|react|blazor> [mapp]
-
-Exempel:
-  npx scb-wc init html my-app
-  npx scb-wc init react my-react-app
-  npx scb-wc init blazor my-blazor-app
-`.trim();
-
-const textExtensions = new Set([
-  '.css',
-  '.cs',
-  '.csproj',
-  '.html',
-  '.js',
-  '.json',
-  '.jsx',
-  '.md',
-  '.razor',
-  '.txt',
-]);
+const packageJson = JSON.parse(fs.readFileSync(path.join(packageRoot, 'package.json'), 'utf8'));
+const starterRoot = path.join(packageRoot, 'starters');
+const templates = new Set(['html', 'html-service', 'react', 'react-service', 'blazor', 'blazor-service']);
+const usage = 'npx scb-wc init <html|html-service|react|react-service|blazor|blazor-service> [mapp]';
 
 function fail(message) {
-  console.error(`\n${message}\n`);
+  console.error(message);
+  console.error(`Användning: ${usage}`);
   process.exit(1);
 }
 
-function renameTemplateEntry(name) {
-  return name.startsWith('dot-') ? `.${name.slice(4)}` : name;
+function toPackageName(value) {
+  return value
+    .trim()
+    .toLowerCase()
+    .replace(/[^a-z0-9._-]+/g, '-')
+    .replace(/^-+|-+$/g, '') || 'scb-starter-app';
 }
 
-function toPascalCaseSegment(segment) {
-  if (!segment) return '';
-  return segment.charAt(0).toUpperCase() + segment.slice(1).toLowerCase();
-}
+function toNamespace(value) {
+  const parts = value
+    .replace(/[^a-zA-Z0-9]+/g, ' ')
+    .trim()
+    .split(/\s+/)
+    .filter(Boolean);
 
-function sanitizeStarterNamespace(name) {
-  const pascalCaseName = name
-    .split(/[^A-Za-z0-9]+/)
-    .filter(Boolean)
-    .map(toPascalCaseSegment)
+  const namespace = parts
+    .map((part) => `${part.charAt(0).toUpperCase()}${part.slice(1)}`)
     .join('');
 
-  if (!pascalCaseName) return 'ScbStarterApp';
-  if (/^[0-9]/.test(pascalCaseName)) return `_${pascalCaseName}`;
-  return pascalCaseName;
+  return /^[A-Za-z_][A-Za-z0-9_]*$/.test(namespace) ? namespace : 'ScbStarterApp';
 }
 
-function ensureTargetIsCreatable(targetDir) {
-  if (!fs.existsSync(targetDir)) return;
-  const entries = fs.readdirSync(targetDir);
-  if (entries.length > 0) {
-    fail(`Mappen ${targetDir} finns redan och är inte tom.`);
-  }
+function replacePlaceholders(source, targetName) {
+  return source
+    .replaceAll('__SCB_WC_PACKAGE_NAME__', packageJson.name)
+    .replaceAll('__SCB_WC_VERSION__', packageJson.version)
+    .replaceAll('__STARTER_NAME__', toPackageName(targetName))
+    .replaceAll('__STARTER_NAMESPACE__', toNamespace(targetName));
 }
 
-function copyTemplateDir(sourceDir, targetDir) {
+function copyStarter(sourceDir, targetDir, targetName) {
   fs.mkdirSync(targetDir, { recursive: true });
 
   for (const entry of fs.readdirSync(sourceDir, { withFileTypes: true })) {
-    const from = path.join(sourceDir, entry.name);
-    const to = path.join(targetDir, renameTemplateEntry(entry.name));
+    const sourcePath = path.join(sourceDir, entry.name);
+    const targetNameForEntry = entry.name === 'dot-gitignore' ? '.gitignore' : entry.name;
+    const targetPath = path.join(targetDir, targetNameForEntry);
 
     if (entry.isDirectory()) {
-      copyTemplateDir(from, to);
+      copyStarter(sourcePath, targetPath, targetName);
       continue;
     }
 
-    fs.mkdirSync(path.dirname(to), { recursive: true });
-    fs.copyFileSync(from, to);
+    const source = fs.readFileSync(sourcePath, 'utf8');
+    fs.writeFileSync(targetPath, replacePlaceholders(source, targetName), 'utf8');
   }
 }
 
-function replacePlaceholders(rootDir, replacements) {
-  const walk = (currentDir) => {
-    for (const entry of fs.readdirSync(currentDir, { withFileTypes: true })) {
-      const fullPath = path.join(currentDir, entry.name);
-
-      if (entry.isDirectory()) {
-        walk(fullPath);
-        continue;
-      }
-
-      const ext = path.extname(entry.name);
-      if (!textExtensions.has(ext)) continue;
-
-      let contents = fs.readFileSync(fullPath, 'utf8');
-      for (const [placeholder, value] of Object.entries(replacements)) {
-        contents = contents.replaceAll(placeholder, value);
-      }
-      fs.writeFileSync(fullPath, contents, 'utf8');
-    }
-  };
-
-  walk(rootDir);
-}
-
-const [, , command, template, maybeTargetDir] = process.argv;
-
-if (!command || command === '--help' || command === '-h') {
-  console.log(usage);
-  process.exit(0);
-}
+const [, , command, template, targetArg] = process.argv;
 
 if (command !== 'init') {
-  fail(`Okänt kommando: ${command}\n\n${usage}`);
+  fail('Okänt kommando.');
 }
 
-if (!template || !['html', 'react', 'blazor'].includes(template)) {
-  fail(`Välj en starter: html, react eller blazor.\n\n${usage}`);
+if (!templates.has(template)) {
+  fail('Okänd mall.');
 }
 
-const targetDir = path.resolve(process.cwd(), maybeTargetDir || `${template}-starter`);
-const sourceDir = path.join(startersRoot, template);
+const targetName = targetArg ?? `scb-${template}-app`;
+const sourceDir = path.join(starterRoot, template);
+const targetDir = path.resolve(process.cwd(), targetName);
 
 if (!fs.existsSync(sourceDir)) {
-  fail(`Hittar inte startermallen för ${template}.`);
+  fail(`Saknar starter: ${template}`);
 }
 
-ensureTargetIsCreatable(targetDir);
-copyTemplateDir(sourceDir, targetDir);
-replacePlaceholders(targetDir, {
-  '__SCB_WC_PACKAGE_NAME__': packageJson.name,
-  '__SCB_WC_VERSION__': packageJson.version,
-  '__STARTER_NAME__': path.basename(targetDir),
-  '__STARTER_NAMESPACE__': sanitizeStarterNamespace(path.basename(targetDir)),
-});
-
-console.log(`\nSkapade ${template}-starter i ${targetDir}\n`);
-
-if (template === 'blazor') {
-  console.log('Nästa steg:');
-  console.log(`  1. cd ${targetDir}`);
-  console.log('  2. npm install');
-  console.log('  3. npm run ui:setup');
-  console.log('  4. dotnet run');
-} else {
-  console.log('Nästa steg:');
-  console.log(`  1. cd ${targetDir}`);
-  console.log('  2. npm install');
-  console.log('  3. npm run dev');
+if (fs.existsSync(targetDir) && fs.readdirSync(targetDir).length > 0) {
+  fail(`Mappen finns redan och är inte tom: ${targetDir}`);
 }
+
+copyStarter(sourceDir, targetDir, path.basename(targetDir));
+
+console.log(`Skapade ${template}-starter i ${targetDir}`);

package/index.js

@@ -27,6 +27,11 @@ import { ScbCalendar as T } from "./scb-calendar/scb-calendar.js";
 import { ScbCalendarCard as E } from "./scb-calendar-card/scb-calendar-card.js";
 import { ScbTooltip as D } from "./scb-tooltip/scb-tooltip.js";
 import { ScbActionCard as O, ScbCard as k, ScbContainerCard as A, ScbLinkCard as j, ScbListCard as M, ScbSocialCard as N } from "./scb-card/scb-card.js";
+import "./scb-card/scb-action-card.js";
+import "./scb-card/scb-container-card.js";
+import "./scb-card/scb-link-card.js";
+import "./scb-card/scb-list-card.js";
+import "./scb-card/scb-social-card.js";
 import { ScbCollapse as P } from "./scb-collapse/scb-collapse.js";
 import { ScbCookiesConsent as F } from "./scb-cookies-consent/scb-cookies-consent.js";
 import { ScbDrawer as I } from "./scb-drawer/scb-drawer.js";

package/mvc/components/all.js

@@ -9,7 +9,12 @@ import './scb-button/scb-button.js';
 import './scb-calendar-card/scb-calendar-card.js';
 import './scb-calendar/scb-calendar.js';
 import './scb-calendar/scb-calendar-event.js';
+import './scb-card/scb-action-card.js';
 import './scb-card/scb-card.js';
+import './scb-card/scb-container-card.js';
+import './scb-card/scb-link-card.js';
+import './scb-card/scb-list-card.js';
+import './scb-card/scb-social-card.js';
 import './scb-checkbox/scb-checkbox.js';
 import './scb-checkbox/scb-checkbox-group.js';
 import './scb-chevron/scb-chevron.js';

package/mvc/components/scb-card/scb-action-card.js

@@ -0,0 +1 @@
+import"./scb-card.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(e,o,c){try{customElements.get(e)||r(e,o,c)}catch(i){var n=String(i||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw i}}}}catch{}})();