@stdout-design/cli 0.2.1 → 0.2.3

package/README.md

@@ -46,14 +46,14 @@ bun add -g @stdout-design/cli
 
 ## Commands
 
-| Command | Description |
-|---------|-------------|
-| `studio init` | Scaffold a new studio project |
-| `studio dev` | Start the live preview studio |
+| Command                    | Description                       |
+| -------------------------- | --------------------------------- |
+| `studio init`              | Scaffold a new studio project     |
+| `studio dev`               | Start the live preview studio     |
 | `studio render <template>` | Render a single template or batch |
-| `studio cache stats` | Show cache statistics |
-| `studio cache clean` | Clear the render cache |
-| `studio lint` | Check templates for compatibility |
+| `studio cache stats`       | Show cache statistics             |
+| `studio cache clean`       | Clear the render cache            |
+| `studio lint`              | Check templates for compatibility |
 
 Run commands with `npx @stdout-design/cli <command>`, or install globally with `bun add -g @stdout-design/cli` to use `studio <command>` directly.
 
@@ -63,18 +63,19 @@ Run commands with `npx @stdout-design/cli <command>`, or install globally with `
 studio render <template> [options]
 ```
 
-| Option | Description |
-|--------|-------------|
-| `--key value` | Pass props to the template |
-| `--data file.csv` | Batch render from CSV or JSON |
-| `--preset name` | Output preset (default: og) |
-| `--locale lang` | Locale for i18n |
-| `--out-dir path` | Output directory (default: ./out/) |
-| `--out file.png` | Single output file |
+| Option            | Description                        |
+| ----------------- | ---------------------------------- |
+| `--key value`     | Pass props to the template         |
+| `--data file.csv` | Batch render from CSV or JSON      |
+| `--preset name`   | Output preset (default: og)        |
+| `--locale lang`   | Locale for i18n                    |
+| `--out-dir path`  | Output directory (default: ./out/) |
+| `--out file.png`  | Single output file                 |
 
 ### studio dev
 
 Starts a dev server on `localhost:3000` with:
+
 - Hot-reload when templates change
 - Auto-generated prop panel
 - Side-by-side preview across presets
@@ -83,6 +84,7 @@ Starts a dev server on `localhost:3000` with:
 ### studio init
 
 Scaffolds a new studio project with:
+
 - TypeScript configuration
 - Example templates to get started
 - Sample data files for batch rendering
@@ -154,15 +156,15 @@ export default {
 
 ## Platform presets
 
-| Preset | Size | Use |
-|--------|------|-----|
-| og | 1200×630 | Open Graph / social cards |
-| x-card | 1200×675 | X (Twitter) cards |
-| linkedin | 1200×627 | LinkedIn link previews |
-| instagram | 1080×1080 | Instagram feed posts |
-| instagram-story | 1080×1920 | Instagram stories |
-| appstore | 1290×2796 | App Store screenshots |
-| playstore | 1080×1920 | Play Store screenshots |
+| Preset          | Size      | Use                       |
+| --------------- | --------- | ------------------------- |
+| og              | 1200×630  | Open Graph / social cards |
+| x-card          | 1200×675  | X (Twitter) cards         |
+| linkedin        | 1200×627  | LinkedIn link previews    |
+| instagram       | 1080×1080 | Instagram feed posts      |
+| instagram-story | 1080×1920 | Instagram stories         |
+| appstore        | 1290×2796 | App Store screenshots     |
+| playstore       | 1080×1920 | Play Store screenshots    |
 
 ## License
 

package/dist/index.d.mts

@@ -0,0 +1,2 @@
+import { StudioConfig } from "@stdout-design/core";
+export type { StudioConfig };

package/dist/index.mjs

@@ -6,7 +6,7 @@ import path from "node:path";
 import { execSync, spawnSync } from "node:child_process";
 import { existsSync } from "node:fs";
 import { resolveCommand } from "package-manager-detector/commands";
-import { detect, getUserAgent } from "package-manager-detector/detect";
+import { detect } from "package-manager-detector/detect";
 import { cp, mkdir, writeFile } from "node:fs/promises";
 //#region src/lib/display.ts
 const formatBytes = (bytes) => {
@@ -3242,25 +3242,34 @@ const config: StudioConfig = {
 export default config;
 `;
 const getPkgJson = (name, version) => ({
-	dependencies: {
-		"@stdout-design/cli": `^${version}`,
-		"takumi-js": "^2.0.2"
-	},
 	name,
 	private: true,
+	type: "module",
 	scripts: {
 		build: "studio build",
 		dev: "studio dev",
 		export: "studio export"
 	},
-	type: "module"
+	dependencies: {
+		"@stdout-design/cli": `^${version}`,
+		"@stdout-design/dev-server": "^0.2.0",
+		"@stdout-design/web-ui": "^0.2.0",
+		"@types/react": "^19.2.17"
+	}
 });
-const templateDir = () => path.resolve(import.meta.dirname, "../template");
-const templatesDir = () => path.resolve(import.meta.dirname, "../template/templates");
+const resolveTemplateDir = () => {
+	const fromDist = path.resolve(import.meta.dirname, "../template");
+	if (existsSync(path.resolve(fromDist, "tsconfig.json"))) return fromDist;
+	return path.resolve(import.meta.dirname, "../../../template");
+};
+const resolveTemplatesDir = () => path.resolve(resolveTemplateDir(), "templates");
 const copyStaticAssets = async (dir) => {
-	const base = templateDir();
-	await cp(path.resolve(base, "tsconfig.json"), path.resolve(dir, "tsconfig.json"));
-	await cp(path.resolve(base, "gitignore"), path.resolve(dir, ".gitignore"));
+	const base = resolveTemplateDir();
+	await Promise.all([
+		cp(path.resolve(base, "tsconfig.json"), path.resolve(dir, "tsconfig.json")),
+		cp(path.resolve(base, "gitignore"), path.resolve(dir, ".gitignore")),
+		cp(path.resolve(base, "types.d.ts"), path.resolve(dir, "types.d.ts"))
+	]);
 };
 const generateConfig = async (dir, version) => {
 	await writeFile(path.resolve(dir, "studio.config.ts"), getConfigTemplate(version));
@@ -3272,7 +3281,7 @@ const copyTemplateFiles = async (dir, templates) => {
 	if (templates.length === 0) return;
 	const dstTemplatesDir = path.resolve(dir, "templates");
 	await mkdir(dstTemplatesDir, { recursive: true });
-	const srcTemplatesDir = templatesDir();
+	const srcTemplatesDir = resolveTemplatesDir();
 	for (const template of templates) if (!existsSync(path.resolve(srcTemplatesDir, `${template}.tsx`))) throw new Error(`Template "${template}" not found at templates/${template}.tsx`);
 	await Promise.all(templates.map((template) => cp(path.resolve(srcTemplatesDir, `${template}.tsx`), path.resolve(dstTemplatesDir, `${template}.tsx`))));
 };
@@ -3298,10 +3307,8 @@ const scaffold = async (dir, options) => {
 };
 //#endregion
 //#region src/commands/init.ts
-const detectPackageManager = async () => {
-	const userAgent = getUserAgent();
-	if (userAgent) return userAgent;
-	const detected = await detect();
+const detectPackageManager = async (cwd) => {
+	const detected = await detect({ cwd });
 	if (detected) return detected.name;
 	return "npm";
 };
@@ -3340,7 +3347,7 @@ const init = async (projectDir, options) => {
 		const initialized = tryGitInit(collected.resolvedDir);
 		gitSpinner.stop(initialized ? "Git initialized" : "Git repo already exists or git is not available");
 	}
-	const pm = await detectPackageManager();
+	const pm = await detectPackageManager(cwd);
 	if (collected.shouldInstall) {
 		const installSpinner = spinner();
 		installSpinner.start("Installing dependencies...");

package/dist/schema.d.mts

@@ -0,0 +1,2 @@
+import { PropSchema, defineSchema } from "@stdout-design/core/schema";
+export { type PropSchema, defineSchema };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stdout-design/cli",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "description": "stdout-design CLI — shallow front door to @stdout-design/core and @stdout-design/dev-server",
   "keywords": [
     "cli",
@@ -15,9 +15,6 @@
     "url": "https://github.com/m7md1alaa/stdout-design/issues"
   },
   "license": "MIT",
-  "publishConfig": {
-    "access": "public"
-  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/m7md1alaa/stdout-design/studio.git"
@@ -48,6 +45,9 @@
       "types": "./dist/schema.d.mts"
     }
   },
+  "publishConfig": {
+    "access": "public"
+  },
   "scripts": {
     "build": "tsdown",
     "dev": "tsdown --watch",
@@ -62,7 +62,7 @@
     "package-manager-detector": "^1.8.0"
   },
   "devDependencies": {
-    "@stdout-design/config": "workspace:*",
+    "@stdout-design/config": "0.0.0",
     "tsdown": "^0.22.5",
     "typescript": "^7.0.2"
   },

package/template/types.d.ts

@@ -0,0 +1,7 @@
+import "react";
+
+declare module "react" {
+  interface DOMAttributes<T> {
+    tw?: string;
+  }
+}