truecanvas 0.1.0

package/dist/editor/index.html

@@ -0,0 +1,16 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Truecanvas</title>
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <script type="module" crossorigin src="/assets/main-CfAJbDf1.js"></script>
+    <link rel="modulepreload" crossorigin href="/assets/react-DB-4Zxce.js">
+    <link rel="modulepreload" crossorigin href="/assets/controls-BYFjuGCq.js">
+    <link rel="stylesheet" crossorigin href="/assets/controls-BQYSgX53.css">
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>

package/dist/next/index.d.ts

@@ -0,0 +1,11 @@
+import { NextConfig } from 'next';
+
+/**
+ * Enables Truecanvas in development: canvas files (`*.canvas.tsx`), pages and
+ * layouts get their JSX stamped with source ids so the editor can map pixels
+ * back to code.
+ * In production builds the config is returned untouched.
+ */
+declare function withTruecanvas(config?: NextConfig): NextConfig;
+
+export { withTruecanvas as default, withTruecanvas };

package/dist/next/index.js

@@ -0,0 +1,83 @@
+// src/next/index.ts
+import { fileURLToPath } from "url";
+import { existsSync, readFileSync, realpathSync } from "fs";
+import { createRequire } from "module";
+import { dirname, join, relative } from "path";
+function withTruecanvas(config = {}) {
+  if (process.env.NODE_ENV === "production") return config;
+  const loader = fileURLToPath(new URL("./loader.cjs", import.meta.url));
+  warnIfLinkedOutside(loader);
+  const userWebpack = config.webpack;
+  const root = process.cwd();
+  const appDir = existsSync(join(root, "src/app")) ? "src/app" : "app";
+  const components = componentRoots(root, appDir);
+  const options = { root, appDir, components };
+  const rule = {
+    "*.canvas.tsx": { loaders: [loader], as: "*.tsx" },
+    // pages and layouts, for linked frames (the loader skips anything outside this project's app dir)
+    [`**/${appDir}/**/{page,layout}.{tsx,jsx}`]: { loaders: [{ loader, options }] }
+  };
+  for (const dir of components) rule[`**/${dir}/**/*.{tsx,jsx}`] = { loaders: [{ loader, options }] };
+  const legacy = nextVersion() < 15.3;
+  const turbo = legacy ? { experimental: { ...config.experimental, turbo: { ...config.experimental?.turbo, rules: { ...config.experimental?.turbo?.rules, ...rule } } } } : { turbopack: { ...config.turbopack, rules: { ...config.turbopack?.rules, ...rule } } };
+  return {
+    ...config,
+    ...turbo,
+    webpack(webpackConfig, ctx) {
+      webpackConfig.module.rules.push({ test: /\.canvas\.tsx$/, enforce: "pre", use: [loader] });
+      webpackConfig.module.rules.push({ test: /[\\/](page|layout)\.[jt]sx$/, enforce: "pre", use: [{ loader, options }] });
+      webpackConfig.module.rules.push({ test: /\.[jt]sx$/, include: components.map((d) => join(root, d)), enforce: "pre", use: [{ loader, options }] });
+      return userWebpack ? userWebpack(webpackConfig, ctx) : webpackConfig;
+    }
+  };
+}
+var next_default = withTruecanvas;
+function warnIfLinkedOutside(file) {
+  try {
+    const real = realpathSync(file);
+    const root = realpathSync(workspaceRoot(process.cwd()));
+    const rel = relative(root, real);
+    const insideWorkspace = !rel.startsWith("..") || /node_modules/.test(real);
+    if (!insideWorkspace) {
+      console.warn(
+        "\n[truecanvas] This project uses a linked copy of truecanvas from outside the project folder.\nTurbopack can't load it. Install a packed build instead: run `pnpm pack:local` in the truecanvas repo,\nthen `pnpm add -D /path/to/truecanvas-<version>.tgz` here.\n"
+      );
+    }
+  } catch {
+  }
+}
+function componentRoots(root, appDir) {
+  let globs = [`${appDir.startsWith("src/") ? "src/" : ""}components/**/*.tsx`];
+  try {
+    const file = JSON.parse(readFileSync(join(root, "truecanvas.config.json"), "utf8"));
+    if (Array.isArray(file.components)) globs = file.components;
+  } catch {
+  }
+  return [...new Set(globs.map((g) => g.split("/").filter((p) => !p.includes("*")).join("/")).filter(Boolean))];
+}
+function workspaceRoot(dir) {
+  for (let d = dir; ; ) {
+    if (existsSync(join(d, "pnpm-workspace.yaml"))) return d;
+    try {
+      if (JSON.parse(readFileSync(join(d, "package.json"), "utf8")).workspaces) return d;
+    } catch {
+    }
+    const up = dirname(d);
+    if (up === d) return dir;
+    d = up;
+  }
+}
+function nextVersion() {
+  try {
+    const require2 = createRequire(join(process.cwd(), "package.json"));
+    const v = require2("next/package.json").version;
+    const [major, minor] = v.split(".").map(Number);
+    return major + minor / 10;
+  } catch {
+    return 99;
+  }
+}
+export {
+  next_default as default,
+  withTruecanvas
+};