create-weave-frontend-app 0.1.0

package/README.md

@@ -0,0 +1,11 @@
+# Create Fumadocs App
+
+A CLI tool to create new Next.js documentation sites with Fumadocs.
+
+```bash
+npx create-fumadocs-app
+#or
+pnpm create fumadocs-app
+#or
+yarn create fumadocs-app
+```

package/dist/chunk-HZJMO45D.js

@@ -0,0 +1,437 @@
+// src/create-app.ts
+import path from "node:path";
+import fs from "node:fs/promises";
+
+// src/git.ts
+import { execSync } from "node:child_process";
+import { rmSync } from "node:fs";
+import { join } from "node:path";
+function isInGitRepository(cwd2) {
+  try {
+    execSync("git rev-parse --is-inside-work-tree", { stdio: "ignore", cwd: cwd2 });
+    return true;
+  } catch {
+    return false;
+  }
+}
+function isInMercurialRepository(cwd2) {
+  try {
+    execSync("hg --cwd . root", { stdio: "ignore", cwd: cwd2 });
+    return true;
+  } catch {
+    return false;
+  }
+}
+function isDefaultBranchSet(cwd2) {
+  try {
+    execSync("git config init.defaultBranch", { stdio: "ignore", cwd: cwd2 });
+    return true;
+  } catch {
+    return false;
+  }
+}
+function tryGitInit(root) {
+  let didInit = false;
+  try {
+    execSync("git --version", { stdio: "ignore" });
+    if (isInGitRepository(root) || isInMercurialRepository(root)) {
+      return false;
+    }
+    execSync("git init", { stdio: "ignore", cwd: root });
+    didInit = true;
+    if (!isDefaultBranchSet(root)) {
+      execSync("git checkout -b main", { stdio: "ignore", cwd: root });
+    }
+    execSync("git add -A", { stdio: "ignore", cwd: root });
+    execSync('git commit -m "Initial commit from Create Fumadocs App"', {
+      stdio: "ignore",
+      cwd: root
+    });
+    return true;
+  } catch {
+    if (didInit) {
+      try {
+        rmSync(join(root, ".git"), { recursive: true, force: true });
+      } catch {
+      }
+    }
+    return false;
+  }
+}
+
+// src/versions.js
+var versions = { "@inditextech/weave-types": "0.1.0", "@inditextech/weave-sdk": "0.1.0", "@inditextech/weave-store-websockets": "0.1.0", "@inditextech/weave-store-azure-web-pubsub": "0.1.0", "@inditextech/weave-react": "0.1.0" };
+
+// template/package.json
+var package_default = {
+  name: "example-versions",
+  version: "0.0.0",
+  private: true,
+  description: "Used to track dependency versions in create-*-app",
+  license: "MIT",
+  dependencies: {
+    "@hookform/resolvers": "^4.1.3",
+    "@inditextech/weave-react": "0.0.0",
+    "@inditextech/weave-sdk": "0.0.0",
+    "@inditextech/weave-store-websockets": "0.0.0",
+    "@inditextech/weave-store-azure-web-pubsub": "0.0.0",
+    "@inditextech/weave-types": "0.0.0",
+    "@next/env": "^15.2.1",
+    "@radix-ui/react-accordion": "^1.2.3",
+    "@radix-ui/react-avatar": "^1.1.3",
+    "@radix-ui/react-checkbox": "^1.1.4",
+    "@radix-ui/react-dialog": "^1.1.6",
+    "@radix-ui/react-dropdown-menu": "^2.1.6",
+    "@radix-ui/react-label": "^2.1.2",
+    "@radix-ui/react-popover": "^1.1.6",
+    "@radix-ui/react-scroll-area": "^1.2.3",
+    "@radix-ui/react-select": "^2.1.6",
+    "@radix-ui/react-slider": "^1.2.3",
+    "@radix-ui/react-slot": "^1.1.2",
+    "@radix-ui/react-tabs": "^1.1.3",
+    "@radix-ui/react-tooltip": "^1.1.8",
+    "@react-three/fiber": "^8.18.0",
+    "@react-three/postprocessing": "^2.19.1",
+    "@tanstack/react-query": "^5.67.1",
+    "boring-avatars": "^1.11.2",
+    canvas: "^3.1.0",
+    "class-variance-authority": "^0.7.1",
+    clsx: "^2.1.1",
+    cmdk: "^1.0.0",
+    color: "^5.0.0",
+    "framer-motion": "^11.18.2",
+    konva: "^9.3.18",
+    motion: "^12.4.7",
+    next: "14.2.24",
+    "next-themes": "^0.4.6",
+    ogl: "^1.0.11",
+    "onnxruntime-web": "^1.21.0-dev.20250206-d981b153d3",
+    "pdf-lib": "^1.17.1",
+    "platform-detect": "^3.0.1",
+    postprocessing: "^6.37.1",
+    react: "18.2.0",
+    "react-dom": "18.2.0",
+    "react-hook-form": "^7.54.2",
+    "react-number-format": "^5.4.3",
+    sharp: "^0.33.5",
+    sonner: "^2.0.3",
+    "tailwind-merge": "^3.0.2",
+    "tailwindcss-animate": "^1.0.7",
+    three: "^0.167.1",
+    uuid: "^11.1.0",
+    vaul: "^1.1.2",
+    zod: "^3.24.2",
+    zustand: "^5.0.3"
+  },
+  devDependencies: {
+    "@eslint/eslintrc": "^3",
+    "@tailwindcss/postcss": "^4",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/react": "^16.2.0",
+    "@types/node": "^20",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "@vitejs/plugin-react": "^4.3.4",
+    "@vitest/coverage-v8": "^3.0.7",
+    eslint: "^8",
+    "eslint-config-next": "14.2.24",
+    "eslint-config-prettier": "^10.0.2",
+    jsdom: "^26.0.0",
+    "lucide-react": "^0.477.0",
+    tailwindcss: "^4",
+    typescript: "^5",
+    "vite-tsconfig-paths": "^5.1.4",
+    vitest: "^3.0.7"
+  }
+};
+
+// src/auto-install.ts
+import { spawn } from "cross-spawn";
+function getPackageManager() {
+  const userAgent = process.env.npm_config_user_agent ?? "";
+  if (userAgent.startsWith("yarn")) {
+    return "yarn";
+  }
+  if (userAgent.startsWith("pnpm")) {
+    return "pnpm";
+  }
+  if (userAgent.startsWith("bun")) {
+    return "bun";
+  }
+  return "npm";
+}
+function autoInstall(manager, dest) {
+  return new Promise((res, reject) => {
+    const installProcess = spawn(manager, ["install"], {
+      stdio: "ignore",
+      env: {
+        ...process.env,
+        NODE_ENV: "development",
+        DISABLE_OPENCOLLECTIVE: "1"
+      },
+      cwd: dest
+    });
+    installProcess.on("close", (code) => {
+      if (code !== 0) {
+        reject(new Error("Install failed"));
+      } else {
+        res();
+      }
+    });
+  });
+}
+
+// src/constants.ts
+import { fileURLToPath } from "node:url";
+var sourceDir = fileURLToPath(new URL(`../`, import.meta.url).href);
+var cwd = process.cwd();
+
+// src/create-app.ts
+async function create(options) {
+  const {
+    installDeps = true,
+    initializeGit = true,
+    log = console.log
+  } = options;
+  const projectName = path.basename(options.outputDir);
+  const dest = path.resolve(cwd, options.outputDir);
+  function defaultRename(file) {
+    file = file.replace("example.gitignore", ".gitignore");
+    file = file.replace("example.env", ".env");
+    return file;
+  }
+  await copy(
+    path.join(sourceDir, `template/${options.template}`),
+    dest,
+    defaultRename
+  );
+  const packageJson = createPackageJson(projectName, options);
+  await fs.writeFile(
+    path.join(dest, "package.json"),
+    JSON.stringify(packageJson, null, 2)
+  );
+  const readMe = await getReadme(dest, projectName);
+  await fs.writeFile(path.join(dest, "README.md"), readMe);
+  if (installDeps) {
+    await autoInstall(options.packageManager, dest);
+    log("Installed dependencies");
+  }
+  if (initializeGit && tryGitInit(dest)) {
+    log("Initialized Git repository");
+  }
+}
+async function getReadme(dest, projectName) {
+  const template = await fs.readFile(path.join(dest, "README.md")).then((res) => res.toString());
+  return `# ${projectName}
+
+${template}`;
+}
+async function copy(from, to, rename = (s) => s) {
+  const stats = await fs.stat(from);
+  if (stats.isDirectory()) {
+    const files = await fs.readdir(from);
+    await Promise.all(
+      files.map(
+        (file) => copy(path.join(from, file), rename(path.join(to, file)))
+      )
+    );
+  } else {
+    await fs.mkdir(path.dirname(to), { recursive: true });
+    await fs.copyFile(from, to);
+  }
+}
+function createPackageJson(projectName, options) {
+  if (options.template === "+nextjs+azure-web-pubsub") {
+    return {
+      name: projectName,
+      version: "0.0.0",
+      private: true,
+      scripts: {
+        build: "next build",
+        dev: "next dev --experimental-https",
+        lint: "next lint",
+        start: "next start"
+      },
+      dependencies: {
+        ...pick(package_default.dependencies, [
+          "@hookform/resolvers",
+          "@next/env",
+          "@radix-ui/react-accordion",
+          "@radix-ui/react-avatar",
+          "@radix-ui/react-checkbox",
+          "@radix-ui/react-dialog",
+          "@radix-ui/react-dropdown-menu",
+          "@radix-ui/react-label",
+          "@radix-ui/react-popover",
+          "@radix-ui/react-scroll-area",
+          "@radix-ui/react-select",
+          "@radix-ui/react-slider",
+          "@radix-ui/react-slot",
+          "@radix-ui/react-tabs",
+          "@radix-ui/react-tooltip",
+          "@react-three/fiber",
+          "@react-three/postprocessing",
+          "@tanstack/react-query",
+          "boring-avatars",
+          "canvas",
+          "class-variance-authority",
+          "clsx",
+          "cmdk",
+          "color",
+          "framer-motion",
+          "konva",
+          "motion",
+          "next",
+          "next-themes",
+          "ogl",
+          "onnxruntime-web",
+          "pdf-lib",
+          "platform-detect",
+          "postprocessing",
+          "react",
+          "react-dom",
+          "react-hook-form",
+          "react-number-format",
+          "sharp",
+          "sonner",
+          "tailwind-merge",
+          "tailwindcss-animate",
+          "three",
+          "uuid",
+          "vaul",
+          "zod",
+          "zustand"
+        ]),
+        ...pick(versions, [
+          "@inditextech/weave-react",
+          "@inditextech/weave-types",
+          "@inditextech/weave-sdk",
+          "@inditextech/weave-store-azure-web-pubsub"
+        ])
+      },
+      devDependencies: {
+        ...pick(package_default.devDependencies, [
+          "@eslint/eslintrc",
+          "@tailwindcss/postcss",
+          "@testing-library/dom",
+          "@testing-library/react",
+          "@types/node",
+          "@types/react",
+          "@types/react-dom",
+          "@vitejs/plugin-react",
+          "eslint",
+          "eslint-config-next",
+          "eslint-config-prettier",
+          "jsdom",
+          "lucide-react",
+          "tailwindcss",
+          "typescript",
+          "vite-tsconfig-paths"
+        ])
+      }
+    };
+  }
+  return {
+    name: projectName,
+    version: "0.0.0",
+    private: true,
+    scripts: {
+      build: "next build",
+      dev: "next dev --experimental-https",
+      lint: "next lint",
+      start: "next start"
+    },
+    dependencies: {
+      ...pick(package_default.dependencies, [
+        "@hookform/resolvers",
+        "@next/env",
+        "@radix-ui/react-accordion",
+        "@radix-ui/react-avatar",
+        "@radix-ui/react-checkbox",
+        "@radix-ui/react-dialog",
+        "@radix-ui/react-dropdown-menu",
+        "@radix-ui/react-label",
+        "@radix-ui/react-popover",
+        "@radix-ui/react-scroll-area",
+        "@radix-ui/react-select",
+        "@radix-ui/react-slider",
+        "@radix-ui/react-slot",
+        "@radix-ui/react-tabs",
+        "@radix-ui/react-tooltip",
+        "@react-three/fiber",
+        "@react-three/postprocessing",
+        "@tanstack/react-query",
+        "boring-avatars",
+        "canvas",
+        "class-variance-authority",
+        "clsx",
+        "cmdk",
+        "color",
+        "framer-motion",
+        "konva",
+        "motion",
+        "next",
+        "next-themes",
+        "ogl",
+        "onnxruntime-web",
+        "pdf-lib",
+        "platform-detect",
+        "postprocessing",
+        "react",
+        "react-dom",
+        "react-hook-form",
+        "react-number-format",
+        "sharp",
+        "sonner",
+        "tailwind-merge",
+        "tailwindcss-animate",
+        "three",
+        "uuid",
+        "vaul",
+        "zod",
+        "zustand"
+      ]),
+      ...pick(versions, [
+        "@inditextech/weave-react",
+        "@inditextech/weave-types",
+        "@inditextech/weave-sdk",
+        "@inditextech/weave-store-websockets"
+      ])
+    },
+    devDependencies: {
+      ...pick(package_default.devDependencies, [
+        "@eslint/eslintrc",
+        "@tailwindcss/postcss",
+        "@testing-library/dom",
+        "@testing-library/react",
+        "@types/node",
+        "@types/react",
+        "@types/react-dom",
+        "@vitejs/plugin-react",
+        "eslint",
+        "eslint-config-next",
+        "eslint-config-prettier",
+        "jsdom",
+        "lucide-react",
+        "tailwindcss",
+        "typescript",
+        "vite-tsconfig-paths"
+      ])
+    }
+  };
+}
+function pick(obj, keys) {
+  const result = {};
+  for (const key of keys) {
+    if (key in obj) {
+      result[key] = obj[key];
+    }
+  }
+  return result;
+}
+
+export {
+  getPackageManager,
+  cwd,
+  create
+};

package/dist/create-app.d.ts

@@ -0,0 +1,14 @@
+type PackageManager = 'npm' | 'pnpm' | 'yarn' | 'bun';
+
+type Template = '+nextjs+websockets' | '+nextjs+azure-web-pubsub';
+interface Options {
+    outputDir: string;
+    template: Template;
+    packageManager: PackageManager;
+    installDeps?: boolean;
+    initializeGit?: boolean;
+    log?: (message: string) => void;
+}
+declare function create(options: Options): Promise<void>;
+
+export { type Options, type Template, create };

package/dist/create-app.js

@@ -0,0 +1,6 @@
+import {
+  create
+} from "./chunk-HZJMO45D.js";
+export {
+  create
+};

package/dist/index.d.ts

@@ -0,0 +1 @@
+#!/usr/bin/env node

package/dist/index.js

@@ -0,0 +1,106 @@
+#!/usr/bin/env node
+import {
+  create,
+  cwd,
+  getPackageManager
+} from "./chunk-HZJMO45D.js";
+
+// src/index.ts
+import fs from "node:fs/promises";
+import path from "node:path";
+import {
+  cancel,
+  confirm,
+  group,
+  intro,
+  isCancel,
+  outro,
+  select,
+  spinner,
+  text
+} from "@clack/prompts";
+import pc from "picocolors";
+var manager = getPackageManager();
+async function main() {
+  intro(pc.bgCyan(pc.bold("Create Weave.js Frontend App")));
+  const options = await group(
+    {
+      name: () => text({
+        message: "Project name",
+        placeholder: "my-app",
+        defaultValue: "my-app"
+      }),
+      template: () => select({
+        message: "Choose a template",
+        initialValue: "+nextjs+websockets",
+        options: [
+          {
+            value: "+nextjs+websockets",
+            label: "Next.js: Weave.js Websockets Store",
+            hint: "recommended"
+          },
+          {
+            value: "+nextjs+azure-web-pubsub",
+            label: "Next.js: Weave.js Azure Web Pubsub Store"
+          }
+        ]
+      }),
+      installDeps: () => confirm({
+        message: `Do you want to install packages automatically? (detected as ${manager})`
+      })
+    },
+    {
+      onCancel: () => {
+        cancel("Installation Stopped.");
+        process.exit(0);
+      }
+    }
+  );
+  const projectName = options.name.toLowerCase().replace(/\s/, "-");
+  const dest = path.resolve(cwd, projectName);
+  const destDir = await fs.readdir(dest).catch(() => null);
+  if (destDir && destDir.length > 0) {
+    const del = await confirm({
+      message: `directory ${projectName} already exists, do you want to delete its files?`
+    });
+    if (isCancel(del)) {
+      cancel();
+      return;
+    }
+    if (del) {
+      const info2 = spinner();
+      info2.start(`Deleting files in ${projectName}`);
+      await Promise.all(
+        destDir.map((item) => {
+          return fs.rm(path.join(dest, item), {
+            recursive: true,
+            force: true
+          });
+        })
+      );
+      info2.stop(`Deleted files in ${projectName}`);
+    }
+  }
+  const info = spinner();
+  info.start(`Generating Project`);
+  await create({
+    packageManager: manager,
+    template: options.template,
+    outputDir: dest,
+    installDeps: options.installDeps,
+    log: (message) => {
+      info.message(message);
+    }
+  });
+  info.stop("Project Generated");
+  outro(pc.bgGreen(pc.bold("Done")));
+  console.log(pc.bold("\nOpen the project"));
+  console.log(pc.cyan(`cd ${projectName}`));
+  console.log(pc.bold("\nRun Development Server"));
+  console.log(pc.cyan("npm run dev | pnpm run dev | yarn dev"));
+  process.exit(0);
+}
+main().catch((e) => {
+  console.error(e);
+  throw e;
+});

package/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "create-weave-frontend-app",
+  "version": "0.1.0",
+  "description": "Create a new frontend artifact for a site with Weave.js",
+  "keywords": [
+    "NextJs",
+    "next",
+    "react",
+    "Weave.js"
+  ],
+  "homepage": "https://inditextech.github.io/weavejs",
+  "repository": "github:InditexTech/weavejs",
+  "license": "Apache-2.0",
+  "author": "Jesus Manuel Piñeiro Cid <jesusmpc@inditex.com>",
+  "type": "module",
+  "bin": "./dist/index.js",
+  "module": "./dist/create-app.js",
+  "types": "./dist/create-app.d.ts",
+  "files": [
+    "template/*",
+    "dist/*"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "bump:snapshot": "npm version $npm_package_version.$(date \"+%s\")",
+    "clean": "rimraf dist",
+    "dev": "tsup --watch",
+    "link": "npm link",
+    "lint:fix": "npm run lint -- --fix",
+    "lint": "eslint ./src",
+    "publish:snapshot": "npm publish",
+    "release:perform": "npm publish --access public",
+    "release:prepare": "npm run verify",
+    "test": "echo \"No tests defined\" && exit 0",
+    "types:check": "tsc --noEmit",
+    "verify": "npm run lint && npm run test && npm run build",
+    "version:development": "npm version $(npm version minor)-SNAPSHOT",
+    "version:release": "npm version $RELEASE_VERSION -m \"[npm-scripts] prepare release $RELEASE_VERSION\" --tag-version-prefix \"\""
+  },
+  "dependencies": {
+    "@clack/prompts": "^0.10.1",
+    "cross-spawn": "^7.0.6",
+    "picocolors": "^1.1.1"
+  },
+  "devDependencies": {
+    "@types/cross-spawn": "^6.0.6",
+    "@types/node": "22.14.1",
+    "fast-glob": "^3.3.3"
+  },
+  "engines": {
+    "node": "^18.12 || ^20.11 || ^22.11"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "nx": {
+    "implicitDependencies": [
+      "@inditextech/weave-react",
+      "@inditextech/weave-sdk",
+      "@inditextech/weave-store-azure-web-pubsub",
+      "@inditextech/weave-store-websockets",
+      "@inditextech/weave-types"
+    ]
+  }
+}

package/template/+nextjs+azure-web-pubsub/README.md

@@ -0,0 +1,36 @@
+# Weave.js Frontend start template
+
+This is a Next.js application that was generated with **Create Weave.js Frontend**
+
+## Quickstart
+
+If you skipped the automatic installation of the dependencies, run first this
+command:
+
+```bash
+npm install
+# or
+pnpm install
+# or
+yarn install
+```
+
+Now, lets run the development server:
+
+```bash
+npm run dev
+# or
+pnpm dev
+# or
+yarn dev
+```
+
+## Learn more
+
+To learn more about Next.js and Weave.js, take a look at the following
+resources:
+
+- [Next.js](https://nextjs.org/) - learn about Next.js
+- [Next.js documentation](https://nextjs.org/docs) - get started using Next.js
+- [Weave.js](https://inditextech.github.io/weavejs) - learn about Weave.js
+- [Weave.js repository](https://github.com/InditexTech/weavejs) - check out out code.

package/template/+nextjs+azure-web-pubsub/api/del-image.ts

@@ -0,0 +1,8 @@
+export const delImage = async (roomId: string, imageId: string) => {
+  const endpoint = `${process.env.NEXT_PUBLIC_API_ENDPOINT}/rooms/${roomId}/images/${imageId}`;
+  const response = await fetch(endpoint, {
+    method: 'DELETE',
+  });
+  const data = await response.json();
+  return data;
+};