npm - @phreshos/cli - Versions diffs - 0.1.3 → 0.1.5 - Mend

@phreshos/cli 0.1.3 → 0.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (32) hide show

package/README.md +42 -9
package/dist/build-template.js +90 -0
package/dist/cli.js +134 -202
package/dist/create.js +139 -0
package/dist/derive.js +4 -4
package/dist/init.js +115 -137
package/dist/pack.js +9 -8
package/dist/program-intake.js +10 -2
package/dist/project-dependency.js +115 -38
package/dist/project.js +2 -3
package/dist/prompts.js +105 -0
package/dist/style.js +9 -14
package/dist/template/README.md +28 -0
package/dist/template/api-docs.md +38 -0
package/dist/template/gitignore +30 -0
package/dist/template/icon.png +0 -0
package/dist/template/package.json +28 -0
package/dist/template/phresh.config.ts +109 -0
package/dist/template/source/build.ts +17 -0
package/dist/template/source/client/app.tsx +36 -0
package/dist/template/source/client/dec.d.ts +1 -0
package/dist/template/source/client/index.html +13 -0
package/dist/template/source/client/main.tsx +8 -0
package/dist/template/source/client/style.css +81 -0
package/dist/template/source/server/dec.d.ts +1 -0
package/dist/template/source/server/main.ts +14 -0
package/dist/template/tsconfig.json +24 -0
package/dist/template/vite.client.ts +22 -0
package/dist/template/vite.server.ts +27 -0
package/dist/template.json +5 -0
package/package.json +9 -4
package/dist/relative-value.js +0 -118

package/dist/template/source/client/index.html ADDED Viewed

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <script type="module" src="./main.tsx"></script>
+</head>
+<body>
+</body>
+</html>

package/dist/template/source/client/main.tsx ADDED Viewed

@@ -0,0 +1,8 @@
+import client from "react-dom/client"
+import { StrictMode } from "react"
+import App from "./app"
+import "./style.css"
+const root = client.createRoot(document.body)
+root.render(<StrictMode><App /></StrictMode>)

package/dist/template/source/client/style.css ADDED Viewed

@@ -0,0 +1,81 @@
+:root {
+    color: #20242a;
+    background: #f3f4f6;
+    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    font-synthesis: none;
+}
+* { box-sizing: border-box; }
+html, body, #root { min-height: 100vh; display: grid; }
+body { margin: 0; }
+button { font: inherit; }
+#root {
+    min-height: 100vh;
+    display: grid;
+    place-items: center;
+    padding: 1.5rem;
+}
+.counter-card {
+    width: min(26rem, 100%);
+    display: grid;
+    justify-items: start;
+    gap: 1rem;
+    padding: 2rem;
+    border: 1px solid #d8dce2;
+    border-radius: 0.75rem;
+    background: #ffffff;
+    margin: auto;
+}
+.label {
+    color: #646b76;
+    font-size: 0.72rem;
+    font-weight: 700;
+    letter-spacing: 0.1em;
+    text-transform: uppercase;
+}
+h1 {
+    margin: 0;
+    font-size: 2rem;
+    line-height: 1.1;
+    letter-spacing: -0.04em;
+}
+p {
+    margin: 0;
+    color: #5f6670;
+    font-size: 0.95rem;
+    line-height: 1.55;
+}
+.counter-card button {
+    min-width: 9rem;
+    min-height: 2.75rem;
+    padding: 0.65rem 1rem;
+    border: 0;
+    border-radius: 0.5rem;
+    color: #ffffff;
+    background: #2563eb;
+    cursor: pointer;
+    font-weight: 650;
+}
+.counter-card button:hover { background: #1d4ed8; }
+.counter-card button:active { background: #1e40af; }
+.counter-card button:focus-visible {
+    outline: 3px solid rgba(37, 99, 235, 0.25);
+    outline-offset: 2px;
+}
+.loading {
+    color: #646b76;
+    font-size: 0.9rem;
+}

package/dist/template/source/server/dec.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ /// <reference types="@types/node" />

package/dist/template/source/server/main.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import { current } from "@phreshos/server"
+// The Server owns the value. Every Client representation reads and changes
+// this same state instead of keeping an independent browser counter.
+let count = 0
+current.answer("read", () => count)
+current.subscribe("increment", async function () {
+    count += 1
+    current.publish("changed", count)
+})

package/dist/template/tsconfig.json ADDED Viewed

@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "moduleResolution": "bundler",
+        "noUnusedParameters": true,
+        "noUnusedLocals": true,
+        "skipLibCheck": true,
+        "module": "ESNext",
+        "target": "ESNext",
+        "jsx": "react-jsx",
+        "strict": true,
+        "noEmit": true,
+        "paths": {
+            "@/*": [
+                "./*"
+            ],
+            "@server/*": [
+                "./source/server/*"
+            ],
+            "@client/*": [
+                "./source/client/*"
+            ]
+        }
+    }
+}

package/dist/template/vite.client.ts ADDED Viewed

@@ -0,0 +1,22 @@
+import react from "@vitejs/plugin-react"
+import { defineConfig } from "vite"
+import { resolve } from "node:path"
+export default defineConfig({
+    root: "source/client",
+    plugins: [react()],
+    base: "./",
+    resolve: {
+        tsconfigPaths: true,
+        dedupe: ["react"]
+    },
+    server: {
+        cors: true,
+        port: 5200,
+        strictPort: true
+    },
+    build: {
+        emptyOutDir: true,
+        outDir: resolve(import.meta.dirname, "dist/client")
+    }
+})

package/dist/template/vite.server.ts ADDED Viewed

@@ -0,0 +1,27 @@
+import packageConfig from "./package.json" with { type: "json" }
+import { defineConfig } from "vite"
+import { resolve } from "node:path"
+export const externalDependencies: (keyof typeof packageConfig.dependencies)[] = [
+    // Add packages here that should NOT be bundled during server, Example: "sqlite3"
+]
+export default defineConfig({
+    root: "source/server",
+    resolve: {
+        tsconfigPaths: true
+    },
+    ssr: {
+        noExternal: true,
+        external: externalDependencies
+    },
+    build: {
+        ssr: true,
+        emptyOutDir: true,
+        outDir: resolve(import.meta.dirname, "dist/server"),
+        rolldownOptions: {
+            input: "main.ts"
+        }
+    }
+})

package/dist/template.json ADDED Viewed

@@ -0,0 +1,5 @@
+{
+    "repository": "PhreshOS/phresh-program",
+    "version": "0.1.0",
+    "development": true
+}

package/package.json CHANGED Viewed

@@ -1,10 +1,12 @@
 {
     "name": "@phreshos/cli",
     "type": "module",
-    "version": "0.1.3",
+    "version": "0.1.5",
     "description": "The Phresh command-line interface for Program projects and system management.",
     "scripts": {
-        "build": "tsc --noEmit false --outDir dist --rootDir source --rewriteRelativeImportExtensions true --allowImportingTsExtensions true",
+        "clean": "node -e \"require('node:fs').rmSync('dist', { recursive: true, force: true })\"",
+        "compile": "tsc --noEmit false --outDir dist --rootDir source --rewriteRelativeImportExtensions true --allowImportingTsExtensions true",
+        "build": "node --run clean && node --run compile && node dist/build-template.js",
         "prepack": "node --run build"
     },
     "bin": {
@@ -15,8 +17,11 @@
         "README.md"
     ],
     "dependencies": {
-        "@phreshos/core": "^0.1.0",
-        "adm-zip": "^0.6.0"
+        "@clack/prompts": "^1.7.0",
+        "@phreshos/core": "^0.1.1",
+        "adm-zip": "^0.6.0",
+        "commander": "^15.0.0",
+        "picocolors": "^1.1.1"
     },
     "devDependencies": {
         "@types/adm-zip": "^0.5.8",

package/dist/relative-value.js DELETED Viewed

@@ -1,118 +0,0 @@
-/**
- * Reduces a strict linear expression into `span * relative + pixels`.
- *
- * Numbers are absolute values. Percentages and `n/d` fractions are relative
- * values. Addition and subtraction combine terms; multiplication and division
- * scale the preceding term by a number. No arbitrary code or CSS is accepted.
- */
-export function parseRelativeValue(input) {
-    if (typeof input === "number")
-        return Number.isFinite(input) ? { relative: 0, pixels: clean(input) } : null;
-    if (typeof input !== "string" || input.trim().length === 0)
-        return null;
-    return new Reader(input).parse();
-}
-/** Returns whether a value belongs to the linear relative-value grammar. */
-export function isRelativeValue(value) {
-    return parseRelativeValue(value) !== null;
-}
-class Reader {
-    position = 0;
-    source;
-    constructor(source) {
-        this.source = source;
-    }
-    parse() {
-        const value = { relative: 0, pixels: 0 };
-        let direction = this.sign();
-        while (this.position < this.source.length) {
-            const term = this.term();
-            if (!term)
-                return null;
-            value.relative += term.relative * direction;
-            value.pixels += term.pixels * direction;
-            if (!finite(value))
-                return null;
-            this.space();
-            if (this.position === this.source.length)
-                return { relative: clean(value.relative), pixels: clean(value.pixels) };
-            const operator = this.source[this.position];
-            if (operator !== "+" && operator !== "-")
-                return null;
-            this.position += 1;
-            direction = (operator === "+" ? 1 : -1) * this.sign();
-        }
-        return null;
-    }
-    term() {
-        const value = this.measurement();
-        if (!value)
-            return null;
-        while (true) {
-            this.space();
-            const operator = this.source[this.position];
-            if (operator !== "*" && operator !== "/")
-                return value;
-            this.position += 1;
-            const scalar = this.scalar();
-            if (scalar === null || operator === "/" && scalar === 0)
-                return null;
-            const factor = operator === "*" ? scalar : 1 / scalar;
-            value.relative *= factor;
-            value.pixels *= factor;
-            if (!finite(value))
-                return null;
-        }
-    }
-    measurement() {
-        this.space();
-        const remainder = this.source.slice(this.position);
-        const fraction = remainder.match(/^(\d+(?:\.\d+)?|\.\d+)\s*\/\s*(\d+(?:\.\d+)?|\.\d+)(?![\d.])/);
-        if (fraction) {
-            const denominator = Number(fraction[2]);
-            if (!denominator)
-                return null;
-            this.position += fraction[0].length;
-            return { relative: Number(fraction[1]) / denominator, pixels: 0 };
-        }
-        const percentage = remainder.match(/^(\d+(?:\.\d+)?|\.\d+)\s*%/);
-        if (percentage) {
-            this.position += percentage[0].length;
-            return { relative: Number(percentage[1]) / 100, pixels: 0 };
-        }
-        const number = this.number();
-        return number === null ? null : { relative: 0, pixels: number };
-    }
-    scalar() {
-        const direction = this.sign();
-        const value = this.number();
-        return value === null ? null : value * direction;
-    }
-    number() {
-        this.space();
-        const number = this.source.slice(this.position).match(/^(\d+(?:\.\d+)?|\.\d+)/)?.[0];
-        if (!number)
-            return null;
-        this.position += number.length;
-        return Number(number);
-    }
-    sign() {
-        this.space();
-        const sign = this.source[this.position];
-        if (sign !== "+" && sign !== "-")
-            return 1;
-        this.position += 1;
-        this.space();
-        return sign === "-" ? -1 : 1;
-    }
-    space() {
-        while (/\s/.test(this.source[this.position] ?? ""))
-            this.position += 1;
-    }
-}
-function finite(value) {
-    return Number.isFinite(value.relative) && Number.isFinite(value.pixels);
-}
-function clean(value) {
-    return Object.is(value, -0) ? 0 : value;
-}