npm - @typeonce/effect-machine-devtools - Versions diffs - 0.26.2 → 0.27.1 - Mend

@typeonce/effect-machine-devtools 0.26.2 → 0.27.1

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 (19) hide show

package/README.md +21 -0
package/dist/bin.js +11 -1
package/dist/bin.js.map +1 -1
package/dist/client/assets/{index-BsorPSDS.css → index-BnBnpx0G.css} +1 -1
package/dist/client/assets/index-DM9jlCJV.js +37 -0
package/dist/client/index.html +2 -2
package/dist/internal/staticSite.d.ts +25 -0
package/dist/internal/staticSite.d.ts.map +1 -0
package/dist/internal/staticSite.js +147 -0
package/dist/internal/staticSite.js.map +1 -0
package/package.json +2 -2
package/src/bin.ts +31 -1
package/src/internal/browser/chart-layout.ts +504 -374
package/src/internal/browser/chart-renderer.ts +16 -2
package/src/internal/browser/hierarchy-routing-example.ts +91 -0
package/src/internal/browser/main.ts +24 -1
package/src/internal/browser/styles.css +38 -5
package/src/internal/staticSite.ts +209 -0
package/dist/client/assets/index-H0UhNc0S.js +0 -37

package/dist/client/index.html CHANGED Viewed

@@ -5,8 +5,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="description" content="Interactive statechart visualization for Effect Machine" />
     <title>Effect Machine · Statechart</title>
-    <script type="module" crossorigin src="/assets/index-H0UhNc0S.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-BsorPSDS.css">
+    <script type="module" crossorigin src="./assets/index-DM9jlCJV.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-BnBnpx0G.css">
   </head>
   <body>
     <div id="app"></div>

package/dist/internal/staticSite.d.ts ADDED Viewed

@@ -0,0 +1,25 @@
+import * as Effect from "effect/Effect";
+import * as FileSystem from "effect/FileSystem";
+import * as Path from "effect/Path";
+import * as Schema from "effect/Schema";
+import * as ProjectInspector from "../ProjectInspector.js";
+export interface Options {
+    readonly root: string;
+    readonly include?: string | undefined;
+    readonly outputDirectory: string;
+}
+export interface BuildResult {
+    readonly outputDirectory: string;
+    readonly machineIds: ReadonlyArray<string>;
+}
+declare const StaticSiteError_base: Schema.Class<StaticSiteError, Schema.Struct<{
+    readonly _tag: Schema.tag<"StaticSiteError">;
+    readonly message: Schema.String;
+    readonly cause: Schema.optional<Schema.Defect>;
+}>, import("effect/Cause").YieldableError>;
+export declare class StaticSiteError extends StaticSiteError_base {
+}
+export declare const staticIndex: (index: string) => Effect.Effect<string, StaticSiteError>;
+export declare const build: (options: Options) => Effect.Effect<BuildResult, StaticSiteError, FileSystem.FileSystem | Path.Path | ProjectInspector.ProjectInspector>;
+export {};
+//# sourceMappingURL=staticSite.d.ts.map

package/dist/internal/staticSite.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"staticSite.d.ts","sourceRoot":"","sources":["../../src/internal/staticSite.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAA;AACvC,OAAO,KAAK,UAAU,MAAM,mBAAmB,CAAA;AAC/C,OAAO,KAAK,IAAI,MAAM,aAAa,CAAA;AACnC,OAAO,KAAK,MAAM,MAAM,eAAe,CAAA;AAMvC,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAA;AAE1D,MAAM,WAAW,OAAO;IACtB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACrC,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAA;CACjC;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAA;IAChC,QAAQ,CAAC,UAAU,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;CAC3C;;;;;;AAED,qBAAa,eAAgB,SAAQ,oBAMnC;CAAG;AAQL,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM,KAAG,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,eAAe,CAShF,CAAA;AAyED,eAAO,MAAM,KAAK,GAAI,SAAS,OAAO,KAAG,MAAM,CAAC,MAAM,CACpD,WAAW,EACX,eAAe,EACf,UAAU,CAAC,UAAU,GAAG,IAAI,CAAC,IAAI,GAAG,gBAAgB,CAAC,gBAAgB,CAuFpE,CAAA"}

package/dist/internal/staticSite.js ADDED Viewed

@@ -0,0 +1,147 @@
+import * as Effect from "effect/Effect";
+import * as FileSystem from "effect/FileSystem";
+import * as Path from "effect/Path";
+import * as Schema from "effect/Schema";
+import { fileURLToPath } from "node:url";
+import { build as buildVite } from "vite";
+import PackageJson from "../../package.json" with { type: "json" };
+import * as DevToolsProtocol from "../DevToolsProtocol.js";
+import * as MachineDocument from "../MachineDocument.js";
+import * as ProjectInspector from "../ProjectInspector.js";
+export class StaticSiteError extends Schema.Error("@typeonce/effect-machine-devtools/internal/StaticSiteError")({
+    _tag: Schema.tag("StaticSiteError"),
+    message: Schema.String,
+    cause: Schema.optional(Schema.Defect())
+}) {
+}
+const packageRoot = fileURLToPath(new URL("../..", import.meta.url));
+const generatedMarker = ".effect-machine-site";
+const staticDataMeta = "<meta name=\"effect-machine-static-data\" content=\"./machines.json\" />";
+const prettyJson = (value) => `${JSON.stringify(value, null, 2)}\n`;
+export const staticIndex = (index) => {
+    if (!index.includes("</head>")) {
+        return Effect.fail(new StaticSiteError({
+            message: "The visualizer index does not contain a closing head element"
+        }));
+    }
+    return Effect.succeed(index.replace("</head>", `  ${staticDataMeta}\n  </head>`));
+};
+const formatFailures = (failures) => failures.map((failure) => {
+    const messages = failure.diagnostics.map((diagnostic) => diagnostic.message).join("; ");
+    return `- ${failure.key}: ${messages}`;
+}).join("\n");
+const ensureReplaceable = Effect.fnUntraced(function* (fs, path, outputDirectory) {
+    if (!(yield* fs.exists(outputDirectory)))
+        return;
+    if (yield* fs.exists(path.join(outputDirectory, generatedMarker)))
+        return;
+    const entries = yield* fs.readDirectory(outputDirectory);
+    if (entries.length === 0)
+        return;
+    return yield* new StaticSiteError({
+        message: `Refusing to replace non-generated directory: ${outputDirectory}`
+    });
+}, (effect, _fs, _path, outputDirectory) => effect.pipe(Effect.mapError((cause) => cause instanceof StaticSiteError
+    ? cause
+    : new StaticSiteError({
+        message: `Could not inspect output directory: ${outputDirectory}`,
+        cause
+    }))));
+const inspect = Effect.fnUntraced(function* (options) {
+    const inspector = yield* ProjectInspector.ProjectInspector;
+    const results = yield* inspector.inspect({
+        root: options.root,
+        include: options.include,
+        revision: 1
+    });
+    const failures = results.filter((result) => result._tag === "Failed");
+    if (failures.length > 0) {
+        return yield* new StaticSiteError({
+            message: `Static site generation failed for ${failures.length} machine candidate${failures.length === 1 ? "" : "s"}:\n${formatFailures(failures)}`
+        });
+    }
+    const ready = results
+        .filter((result) => result._tag === "Ready")
+        .sort((left, right) => left.key.localeCompare(right.key));
+    if (ready.length === 0) {
+        return yield* new StaticSiteError({
+            message: `No Effect Machine definitions were found under ${options.root}`
+        });
+    }
+    const snapshot = yield* Schema.decodeUnknownEffect(DevToolsProtocol.RegistrySnapshot)({
+        protocolVersion: DevToolsProtocol.protocolVersion,
+        revision: 1,
+        results: ready
+    }).pipe(Effect.mapError((cause) => new StaticSiteError({
+        message: "The generated machine registry is invalid",
+        cause
+    })));
+    return { ready, snapshot };
+});
+export const build = (options) => Effect.gen(function* () {
+    const fs = yield* FileSystem.FileSystem;
+    const path = yield* Path.Path;
+    const root = path.resolve(options.root);
+    const outputDirectory = path.resolve(options.outputDirectory);
+    if (outputDirectory === root || path.dirname(outputDirectory) === outputDirectory) {
+        return yield* new StaticSiteError({
+            message: `Refusing to replace project or filesystem root: ${outputDirectory}`
+        });
+    }
+    yield* ensureReplaceable(fs, path, outputDirectory);
+    const { ready, snapshot } = yield* inspect({ ...options, root });
+    const parent = path.dirname(outputDirectory);
+    yield* fs.makeDirectory(parent, { recursive: true });
+    return yield* Effect.acquireUseRelease(fs.makeTempDirectory({ directory: parent, prefix: ".effect-machine-site-" }), (stagingDirectory) => Effect.gen(function* () {
+        yield* Effect.tryPromise({
+            try: () => buildVite({
+                root: packageRoot,
+                base: "./",
+                configFile: false,
+                logLevel: "error",
+                build: {
+                    outDir: stagingDirectory,
+                    emptyOutDir: true
+                }
+            }),
+            catch: (cause) => new StaticSiteError({
+                message: "Could not bundle the static visualizer",
+                cause
+            })
+        });
+        const indexPath = path.join(stagingDirectory, "index.html");
+        const index = yield* fs.readFileString(indexPath);
+        yield* fs.writeFileString(indexPath, yield* staticIndex(index));
+        yield* fs.writeFileString(path.join(stagingDirectory, "machines.json"), prettyJson(snapshot));
+        yield* fs.writeFileString(path.join(stagingDirectory, "manifest.json"), prettyJson({
+            formatVersion: 1,
+            generator: {
+                name: PackageJson.name,
+                version: PackageJson.version
+            },
+            protocolVersion: DevToolsProtocol.protocolVersion,
+            machineDocumentSchemaVersion: MachineDocument.schemaVersion,
+            machines: ready.map((result) => ({
+                key: result.key,
+                machineId: result.document.machineId,
+                source: result.document.source
+            }))
+        }));
+        yield* fs.writeFileString(path.join(stagingDirectory, generatedMarker), `${PackageJson.name}@${PackageJson.version}\n`);
+        yield* ensureReplaceable(fs, path, outputDirectory);
+        if (yield* fs.exists(outputDirectory)) {
+            yield* fs.remove(outputDirectory, { recursive: true });
+        }
+        yield* fs.rename(stagingDirectory, outputDirectory);
+        return {
+            outputDirectory,
+            machineIds: ready.map((result) => result.document.machineId)
+        };
+    }), (stagingDirectory) => fs.remove(stagingDirectory, { recursive: true }).pipe(Effect.ignore));
+}).pipe(Effect.mapError((cause) => cause instanceof StaticSiteError
+    ? cause
+    : new StaticSiteError({
+        message: "Could not build the Effect Machine static site",
+        cause
+    })));
+//# sourceMappingURL=staticSite.js.map

package/dist/internal/staticSite.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"staticSite.js","sourceRoot":"","sources":["../../src/internal/staticSite.ts"],"names":[],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@typeonce/effect-machine-devtools",
-  "version": "0.26.2",
+  "version": "0.27.1",
   "description": "Local development tools for Effect Machine",
   "author": "Sandro Maglione",
   "repository": {
@@ -33,7 +33,7 @@
     "elkjs": "0.12.0",
     "typescript": "6.0.3",
     "vite": "8.1.5",
-    "@typeonce/effect-machine": "^0.26.2"
+    "@typeonce/effect-machine": "^0.27.1"
   },
   "peerDependencies": {
     "effect": "4.0.0-rc.112"

package/src/bin.ts CHANGED Viewed

@@ -1,12 +1,14 @@
 #!/usr/bin/env node
 import * as NodeRuntime from "@effect/platform-node/NodeRuntime"
 import * as NodeServices from "@effect/platform-node/NodeServices"
+import * as Console from "effect/Console"
 import * as Effect from "effect/Effect"
 import * as Layer from "effect/Layer"
 import * as Command from "effect/unstable/cli/Command"
 import * as Flag from "effect/unstable/cli/Flag"
 import PackageJson from "../package.json" with { type: "json" }
 import * as DevServer from "./DevServer.js"
+import * as StaticSite from "./internal/staticSite.js"
 import * as MachineRegistry from "./MachineRegistry.js"
 import * as ProjectInspector from "./ProjectInspector.js"
@@ -40,7 +42,18 @@ const watchPolling = Flag.boolean("watch-polling").pipe(
   Flag.withDefault(false)
 )
-const cli = Command.make("effect-machine", { root, include, host, port, open, watchPolling }).pipe(
+const outputDirectory = Flag.directory("out-dir").pipe(
+  Flag.withAlias("o"),
+  Flag.withDescription("Directory to write the static website"),
+  Flag.withDefault(".effect-machine/site")
+)
+const base = Command.make("effect-machine", { host, port, open, watchPolling }).pipe(
+  Command.withSharedFlags({ root, include }),
+  Command.withDescription("Inspect and publish Effect Machine visualizations")
+)
+const dev = base.pipe(
   Command.withDescription("Inspect Effect Machine definitions in a live local visualizer"),
   Command.withHandler(({ host, include, open, port, root, watchPolling }) => {
     const RegistryLayer = MachineRegistry.layer({ root, include }).pipe(
@@ -50,6 +63,23 @@ const cli = Command.make("effect-machine", { root, include, host, port, open, wa
   })
 )
+const build = Command.make("build", { outputDirectory }).pipe(
+  Command.withDescription("Generate a static website from the project's machines"),
+  Command.withHandler(Effect.fnUntraced(function*({ outputDirectory }) {
+    const { include, root } = yield* base
+    const result = yield* StaticSite.build({ root, include, outputDirectory }).pipe(
+      Effect.provide(ProjectInspector.layer)
+    )
+    yield* Console.log(
+      `Effect Machine static site: ${result.outputDirectory}\n${result.machineIds.length} machine${
+        result.machineIds.length === 1 ? "" : "s"
+      }: ${result.machineIds.join(", ")}`
+    )
+  }))
+)
+const cli = dev.pipe(Command.withSubcommands([build]))
 Command.run(cli, { version: PackageJson.version }).pipe(
   Effect.provide(NodeServices.layer),
   NodeRuntime.runMain