create-weave-frontend-app 0.23.1 → 0.24.1

package/dist/{create-app-Ci2zIGiV.js → create-app-CDTdFzrU.js}

@@ -76,11 +76,11 @@ function tryGitInit(root) {
 //#endregion
 //#region src/versions.js
 const versions = {
-	"@inditextech/weave-types": "0.23.1",
-	"@inditextech/weave-sdk": "0.23.1",
-	"@inditextech/weave-store-websockets": "0.23.1",
-	"@inditextech/weave-store-azure-web-pubsub": "0.23.1",
-	"@inditextech/weave-react": "0.23.1"
+	"@inditextech/weave-types": "0.24.1",
+	"@inditextech/weave-sdk": "0.24.1",
+	"@inditextech/weave-store-websockets": "0.24.1",
+	"@inditextech/weave-store-azure-web-pubsub": "0.24.1",
+	"@inditextech/weave-react": "0.24.1"
 };
 
 //#endregion
@@ -434,4 +434,4 @@ function pick(obj, keys) {
 
 //#endregion
 export { create, cwd, getPackageManager };
-//# sourceMappingURL=create-app-Ci2zIGiV.js.map
+//# sourceMappingURL=create-app-CDTdFzrU.js.map

package/dist/create-app-CDTdFzrU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-app-CDTdFzrU.js","names":["cwd: string","root: string","manager: PackageManager","dest: string","options: Options","file: string","dest: string","projectName: string","from: string","to: string","rename: (s: string) => string","obj: T","keys: K[]","result: Partial<T>"],"sources":["../src/git.ts","../src/versions.js","../template/package.json","../src/auto-install.ts","../src/constants.ts","../src/create-app.ts"],"sourcesContent":["import { execSync } from 'node:child_process';\nimport { rmSync } from 'node:fs';\nimport { join } from 'node:path';\n\n/*\nInitialize a Git repo on the project.\n\nBased on https://github.com/vercel/next.js/blob/canary/packages/create-next-app/helpers/git.ts\n*/\n\nfunction isInGitRepository(cwd: string): boolean {\n  try {\n    execSync('git rev-parse --is-inside-work-tree', { stdio: 'ignore', cwd });\n    return true;\n  } catch {\n    return false;\n  }\n}\n\nfunction isInMercurialRepository(cwd: string): boolean {\n  try {\n    execSync('hg --cwd . root', { stdio: 'ignore', cwd });\n    return true;\n  } catch {\n    return false;\n  }\n}\n\nfunction isDefaultBranchSet(cwd: string): boolean {\n  try {\n    execSync('git config init.defaultBranch', { stdio: 'ignore', cwd });\n    return true;\n  } catch {\n    return false;\n  }\n}\n\nexport function tryGitInit(root: string): boolean {\n  let didInit = false;\n\n  try {\n    execSync('git --version', { stdio: 'ignore' });\n    if (isInGitRepository(root) || isInMercurialRepository(root)) {\n      return false;\n    }\n\n    execSync('git init', { stdio: 'ignore', cwd: root });\n    didInit = true;\n\n    if (!isDefaultBranchSet(root)) {\n      execSync('git checkout -b main', { stdio: 'ignore', cwd: root });\n    }\n\n    execSync('git add -A', { stdio: 'ignore', cwd: root });\n    execSync('git commit -m \"Initial commit from Create Fumadocs App\"', {\n      stdio: 'ignore',\n      cwd: root,\n    });\n    return true;\n  } catch {\n    if (didInit) {\n      try {\n        rmSync(join(root, '.git'), { recursive: true, force: true });\n      } catch {\n        // do nothing\n      }\n    }\n\n    return false;\n  }\n}\n","export const versions = {\"@inditextech/weave-types\":\"0.24.1\",\"@inditextech/weave-sdk\":\"0.24.1\",\"@inditextech/weave-store-websockets\":\"0.24.1\",\"@inditextech/weave-store-azure-web-pubsub\":\"0.24.1\",\"@inditextech/weave-react\":\"0.24.1\"}","{\n  \"name\": \"example-versions\",\n  \"version\": \"0.0.0\",\n  \"private\": true,\n  \"description\": \"Used to track dependency versions in create-*-app\",\n  \"license\": \"MIT\",\n  \"dependencies\": {\n    \"@hookform/resolvers\": \"^4.1.3\",\n    \"@inditextech/weave-react\": \"0.0.0\",\n    \"@inditextech/weave-sdk\": \"0.0.0\",\n    \"@inditextech/weave-store-websockets\": \"0.0.0\",\n    \"@inditextech/weave-store-azure-web-pubsub\": \"0.0.0\",\n    \"@next/env\": \"^15.2.1\",\n    \"@radix-ui/react-accordion\": \"^1.2.3\",\n    \"@radix-ui/react-avatar\": \"^1.1.3\",\n    \"@radix-ui/react-checkbox\": \"^1.1.4\",\n    \"@radix-ui/react-dialog\": \"^1.1.6\",\n    \"@radix-ui/react-dropdown-menu\": \"^2.1.6\",\n    \"@radix-ui/react-label\": \"^2.1.2\",\n    \"@radix-ui/react-popover\": \"^1.1.6\",\n    \"@radix-ui/react-scroll-area\": \"^1.2.3\",\n    \"@radix-ui/react-select\": \"^2.1.6\",\n    \"@radix-ui/react-slider\": \"^1.2.3\",\n    \"@radix-ui/react-slot\": \"^1.1.2\",\n    \"@radix-ui/react-tabs\": \"^1.1.3\",\n    \"@radix-ui/react-tooltip\": \"^1.1.8\",\n    \"@react-three/fiber\": \"^8.18.0\",\n    \"@react-three/postprocessing\": \"^2.19.1\",\n    \"@tanstack/react-query\": \"^5.67.1\",\n    \"boring-avatars\": \"^1.11.2\",\n    \"change-case\": \"^5.4.4\",\n    \"class-variance-authority\": \"^0.7.1\",\n    \"clsx\": \"^2.1.1\",\n    \"cmdk\": \"^1.0.0\",\n    \"color\": \"^5.0.0\",\n    \"framer-motion\": \"^11.18.2\",\n    \"lodash\": \"^4.17.21\",\n    \"motion\": \"^12.4.7\",\n    \"next\": \"14.2.28\",\n    \"next-themes\": \"^0.4.6\",\n    \"ogl\": \"^1.0.11\",\n    \"onnxruntime-web\": \"^1.21.0-dev.20250206-d981b153d3\",\n    \"pdf-lib\": \"^1.17.1\",\n    \"platform-detect\": \"^3.0.1\",\n    \"postprocessing\": \"^6.37.1\",\n    \"react\": \"18.2.0\",\n    \"react-dom\": \"18.2.0\",\n    \"react-hook-form\": \"^7.54.2\",\n    \"react-number-format\": \"^5.4.3\",\n    \"sharp\": \"^0.33.5\",\n    \"sonner\": \"^2.0.3\",\n    \"tailwind-merge\": \"^3.0.2\",\n    \"tailwindcss-animate\": \"^1.0.7\",\n    \"three\": \"^0.167.1\",\n    \"uuid\": \"^11.1.0\",\n    \"vaul\": \"^1.1.2\",\n    \"zod\": \"^3.24.2\",\n    \"zustand\": \"^5.0.3\"\n  },\n  \"devDependencies\": {\n    \"@eslint/eslintrc\": \"^3\",\n    \"@tailwindcss/postcss\": \"^4\",\n    \"@testing-library/dom\": \"^10.4.0\",\n    \"@testing-library/react\": \"^16.2.0\",\n    \"@types/lodash\": \"^4.17.17\",\n    \"@types/node\": \"^20\",\n    \"@types/react\": \"^18\",\n    \"@types/react-dom\": \"^18\",\n    \"@vitejs/plugin-react\": \"^4.3.4\",\n    \"@vitest/coverage-v8\": \"^3.0.7\",\n    \"eslint\": \"^8\",\n    \"eslint-config-next\": \"14.2.24\",\n    \"eslint-config-prettier\": \"^10.0.2\",\n    \"jsdom\": \"^26.0.0\",\n    \"lucide-react\": \"^0.477.0\",\n    \"tailwindcss\": \"^4\",\n    \"typescript\": \"^5\",\n    \"vite-tsconfig-paths\": \"^5.1.4\",\n    \"vitest\": \"^3.0.7\"\n  }\n}\n","import { spawn } from 'cross-spawn';\n\nexport type PackageManager = 'npm' | 'pnpm' | 'yarn' | 'bun';\n\nexport function getPackageManager(): PackageManager {\n  const userAgent = process.env.npm_config_user_agent ?? '';\n\n  if (userAgent.startsWith('yarn')) {\n    return 'yarn';\n  }\n\n  if (userAgent.startsWith('pnpm')) {\n    return 'pnpm';\n  }\n\n  if (userAgent.startsWith('bun')) {\n    return 'bun';\n  }\n\n  return 'npm';\n}\n\nexport function autoInstall(\n  manager: PackageManager,\n  dest: string\n): Promise<void> {\n  return new Promise((res, reject) => {\n    const installProcess = spawn(manager, ['install'], {\n      stdio: 'ignore',\n      env: {\n        ...process.env,\n        NODE_ENV: 'development',\n        DISABLE_OPENCOLLECTIVE: '1',\n      },\n      cwd: dest,\n    });\n\n    installProcess.on('close', (code) => {\n      if (code !== 0) {\n        reject(new Error('Install failed'));\n      } else {\n        res();\n      }\n    });\n  });\n}\n","import { fileURLToPath } from 'node:url';\n\nexport const sourceDir = fileURLToPath(new URL(`../`, import.meta.url).href);\nexport const cwd = process.cwd();\n","import path from 'node:path';\nimport fs from 'node:fs/promises';\nimport { tryGitInit } from '@/git';\nimport { versions as localVersions } from '@/versions';\nimport versionPkg from './../template/package.json';\nimport type { PackageManager } from './auto-install';\nimport { autoInstall } from './auto-install';\nimport { cwd, sourceDir } from './constants';\n\nexport type Template = '+nextjs+websockets' | '+nextjs+azure-web-pubsub';\n\nexport interface Options {\n  outputDir: string;\n  template: Template;\n  packageManager: PackageManager;\n  installDeps?: boolean;\n  initializeGit?: boolean;\n  log?: (message: string) => void;\n}\n\nexport async function create(options: Options): Promise<void> {\n  const {\n    installDeps = true,\n    initializeGit = true,\n    log = console.log,\n  } = options;\n  const projectName = path.basename(options.outputDir);\n  const dest = path.resolve(cwd, options.outputDir);\n\n  function defaultRename(file: string): string {\n    file = file.replace('example.gitignore', '.gitignore');\n    file = file.replace('example.env', '.env');\n\n    return file;\n  }\n\n  await copy(\n    path.join(sourceDir, `template/${options.template}`),\n    dest,\n    defaultRename\n  );\n\n  const packageJson = createPackageJson(projectName, options);\n  await fs.writeFile(\n    path.join(dest, 'package.json'),\n    JSON.stringify(packageJson, null, 2)\n  );\n\n  const readMe = await getReadme(dest, projectName);\n  await fs.writeFile(path.join(dest, 'README.md'), readMe);\n\n  if (installDeps) {\n    await autoInstall(options.packageManager, dest);\n    log('Installed dependencies');\n  }\n\n  if (initializeGit && tryGitInit(dest)) {\n    log('Initialized Git repository');\n  }\n}\n\nasync function getReadme(dest: string, projectName: string): Promise<string> {\n  const template = await fs\n    .readFile(path.join(dest, 'README.md'))\n    .then((res) => res.toString());\n\n  return `# ${projectName}\\n\\n${template}`;\n}\n\nasync function copy(\n  from: string,\n  to: string,\n  rename: (s: string) => string = (s) => s\n): Promise<void> {\n  const stats = await fs.stat(from);\n\n  if (stats.isDirectory()) {\n    const files = await fs.readdir(from);\n\n    await Promise.all(\n      files.map((file) =>\n        copy(path.join(from, file), rename(path.join(to, file)))\n      )\n    );\n  } else {\n    await fs.mkdir(path.dirname(to), { recursive: true });\n    await fs.copyFile(from, to);\n  }\n}\n\nfunction createPackageJson(projectName: string, options: Options): object {\n  if (options.template === '+nextjs+azure-web-pubsub') {\n    const dependencies = {\n      ...pick(versionPkg.dependencies, [\n        '@hookform/resolvers',\n        '@next/env',\n        '@radix-ui/react-accordion',\n        '@radix-ui/react-avatar',\n        '@radix-ui/react-checkbox',\n        '@radix-ui/react-dialog',\n        '@radix-ui/react-dropdown-menu',\n        '@radix-ui/react-label',\n        '@radix-ui/react-popover',\n        '@radix-ui/react-scroll-area',\n        '@radix-ui/react-select',\n        '@radix-ui/react-slider',\n        '@radix-ui/react-slot',\n        '@radix-ui/react-tabs',\n        '@radix-ui/react-tooltip',\n        '@react-three/fiber',\n        '@react-three/postprocessing',\n        '@tanstack/react-query',\n        'boring-avatars',\n        'change-case',\n        'class-variance-authority',\n        'clsx',\n        'cmdk',\n        'color',\n        'framer-motion',\n        'lodash',\n        'motion',\n        'next',\n        'next-themes',\n        'ogl',\n        'onnxruntime-web',\n        'pdf-lib',\n        'platform-detect',\n        'postprocessing',\n        'react',\n        'react-dom',\n        'react-hook-form',\n        'react-number-format',\n        'sharp',\n        'sonner',\n        'tailwind-merge',\n        'tailwindcss-animate',\n        'three',\n        'uuid',\n        'vaul',\n        'zod',\n        'zustand',\n      ]),\n      ...pick(localVersions, [\n        '@inditextech/weave-react',\n        '@inditextech/weave-sdk',\n        '@inditextech/weave-store-azure-web-pubsub',\n      ]),\n    };\n\n    const devDependencies = {\n      ...pick(versionPkg.devDependencies, [\n        '@eslint/eslintrc',\n        '@tailwindcss/postcss',\n        '@testing-library/dom',\n        '@testing-library/react',\n        '@types/lodash',\n        '@types/node',\n        '@types/react',\n        '@types/react-dom',\n        '@vitejs/plugin-react',\n        'eslint',\n        'eslint-config-next',\n        'eslint-config-prettier',\n        'jsdom',\n        'lucide-react',\n        'tailwindcss',\n        'typescript',\n        'vite-tsconfig-paths',\n      ]),\n    };\n\n    return {\n      name: projectName,\n      version: '0.0.0',\n      private: true,\n      scripts: {\n        build: 'next build',\n        dev: 'next dev --experimental-https',\n        lint: 'next lint',\n        start: 'next start',\n      },\n      dependencies: sortObjectKeys(dependencies),\n      devDependencies: sortObjectKeys(devDependencies),\n    };\n  }\n\n  const dependencies = {\n    ...pick(versionPkg.dependencies, [\n      '@hookform/resolvers',\n      '@next/env',\n      '@radix-ui/react-accordion',\n      '@radix-ui/react-avatar',\n      '@radix-ui/react-checkbox',\n      '@radix-ui/react-dialog',\n      '@radix-ui/react-dropdown-menu',\n      '@radix-ui/react-label',\n      '@radix-ui/react-popover',\n      '@radix-ui/react-scroll-area',\n      '@radix-ui/react-select',\n      '@radix-ui/react-slider',\n      '@radix-ui/react-slot',\n      '@radix-ui/react-tabs',\n      '@radix-ui/react-tooltip',\n      '@react-three/fiber',\n      '@react-three/postprocessing',\n      '@tanstack/react-query',\n      'boring-avatars',\n      'change-case',\n      'class-variance-authority',\n      'clsx',\n      'cmdk',\n      'color',\n      'framer-motion',\n      'lodash',\n      'motion',\n      'next',\n      'next-themes',\n      'ogl',\n      'onnxruntime-web',\n      'pdf-lib',\n      'platform-detect',\n      'postprocessing',\n      'react',\n      'react-dom',\n      'react-hook-form',\n      'react-number-format',\n      'sharp',\n      'sonner',\n      'tailwind-merge',\n      'tailwindcss-animate',\n      'three',\n      'uuid',\n      'vaul',\n      'zod',\n      'zustand',\n    ]),\n    ...pick(localVersions, [\n      '@inditextech/weave-react',\n      '@inditextech/weave-sdk',\n      '@inditextech/weave-store-websockets',\n    ]),\n  };\n\n  const devDependencies = {\n    ...pick(versionPkg.devDependencies, [\n      '@eslint/eslintrc',\n      '@tailwindcss/postcss',\n      '@testing-library/dom',\n      '@testing-library/react',\n      '@types/lodash',\n      '@types/node',\n      '@types/react',\n      '@types/react-dom',\n      '@vitejs/plugin-react',\n      'eslint',\n      'eslint-config-next',\n      'eslint-config-prettier',\n      'jsdom',\n      'lucide-react',\n      'tailwindcss',\n      'typescript',\n      'vite-tsconfig-paths',\n    ]),\n  };\n\n  return {\n    name: projectName,\n    version: '0.0.0',\n    private: true,\n    scripts: {\n      build: 'next build',\n      dev: 'next dev --experimental-https',\n      lint: 'next lint',\n      start: 'next start',\n    },\n    dependencies: sortObjectKeys(dependencies),\n    devDependencies: sortObjectKeys(devDependencies),\n  };\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction sortObjectKeys<T extends Record<string, any>>(obj: T): T {\n  const sortedEntries = Object.keys(obj)\n    .sort()\n    .map((key) => [key, obj[key]] as [keyof T, T[keyof T]]);\n\n  return Object.fromEntries(sortedEntries) as T;\n}\n\nfunction pick<T extends object, K extends keyof T>(\n  obj: T,\n  keys: K[]\n): Pick<T, K> {\n  const result: Partial<T> = {};\n\n  for (const key of keys) {\n    if (key in obj) {\n      result[key] = obj[key];\n    }\n  }\n\n  return result as Pick<T, K>;\n}\n"],"mappings":"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,kBAAkBH,aAAqBH,SAA0B;AACxE,KAAI,QAAQ,aAAa,4BAA4B;EACnD,MAAM,iBAAe;GACnB,GAAG,KAAK,gBAAW,cAAc;IAC/B;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACD,EAAC;GACF,GAAG,KAAK,UAAe;IACrB;IACA;IACA;GACD,EAAC;EACH;EAED,MAAM,oBAAkB,EACtB,GAAG,KAAK,gBAAW,iBAAiB;GAClC;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACD,EAAC,CACH;AAED,SAAO;GACL,MAAM;GACN,SAAS;GACT,SAAS;GACT,SAAS;IACP,OAAO;IACP,KAAK;IACL,MAAM;IACN,OAAO;GACR;GACD,cAAc,eAAe,eAAa;GAC1C,iBAAiB,eAAe,kBAAgB;EACjD;CACF;CAED,MAAM,iBAAe;EACnB,GAAG,KAAK,gBAAW,cAAc;GAC/B;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACD,EAAC;EACF,GAAG,KAAK,UAAe;GACrB;GACA;GACA;EACD,EAAC;CACH;CAED,MAAM,oBAAkB,EACtB,GAAG,KAAK,gBAAW,iBAAiB;EAClC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD,EAAC,CACH;AAED,QAAO;EACL,MAAM;EACN,SAAS;EACT,SAAS;EACT,SAAS;GACP,OAAO;GACP,KAAK;GACL,MAAM;GACN,OAAO;EACR;EACD,cAAc,eAAe,eAAa;EAC1C,iBAAiB,eAAe,kBAAgB;CACjD;AACF;AAGD,SAAS,eAA8CO,KAAW;CAChE,MAAM,gBAAgB,OAAO,KAAK,IAAI,CACnC,MAAM,CACN,IAAI,CAAC,QAAQ,CAAC,KAAK,IAAI,IAAK,EAA0B;AAEzD,QAAO,OAAO,YAAY,cAAc;AACzC;AAED,SAAS,KACPA,KACAC,MACY;CACZ,MAAMC,SAAqB,CAAE;AAE7B,MAAK,MAAM,OAAO,KAChB,KAAI,OAAO,IACT,QAAO,OAAO,IAAI;AAItB,QAAO;AACR"}

package/dist/create-app.js

@@ -1,3 +1,3 @@
-import { create } from "./create-app-Ci2zIGiV.js";
+import { create } from "./create-app-CDTdFzrU.js";
 
 export { create };

package/dist/index.js

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import { create, cwd, getPackageManager } from "./create-app-Ci2zIGiV.js";
+import { create, cwd, getPackageManager } from "./create-app-CDTdFzrU.js";
 import path from "node:path";
 import fs from "node:fs/promises";
 import { cancel, confirm, group, intro, isCancel, outro, select, spinner, text } from "@clack/prompts";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-weave-frontend-app",
-  "version": "0.23.1",
+  "version": "0.24.1",
   "description": "Create a new frontend artifact for a site with Weave.js",
   "keywords": [
     "NextJs",
@@ -25,6 +25,7 @@
     "build": "tsc --noEmit && tsdown",
     "clean": "rimraf dist",
     "dev": "tsdown --watch",
+    "format": "prettier --write ./src ./template",
     "link": "npm link",
     "lint:fix": "npm run lint -- --fix",
     "lint": "eslint ./src",

package/template/+nextjs+azure-web-pubsub/app/globals.css

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-@import "tailwindcss";
+@import 'tailwindcss';
 
 @plugin "tailwindcss-animate";
 

package/template/+nextjs+azure-web-pubsub/components/actions/color-token-tool/color-token-tool.ts

@@ -1,13 +1,13 @@
-import { v4 as uuidv4 } from "uuid";
-import { Vector2d } from "konva/lib/types";
+import { v4 as uuidv4 } from 'uuid';
+import { Vector2d } from 'konva/lib/types';
 import {
   ColorTokenToolActionState,
   ColorTokenToolActionTriggerParams,
-} from "./types";
-import { COLOR_TOKEN_TOOL_STATE } from "./constants";
-import { WeaveAction, WeaveNodesSelectionPlugin } from "@inditextech/weave-sdk";
-import Konva from "konva";
-import { ColorTokenNode } from "@/components/nodes/color-token/color-token";
+} from './types';
+import { COLOR_TOKEN_TOOL_STATE } from './constants';
+import { WeaveAction, WeaveNodesSelectionPlugin } from '@inditextech/weave-sdk';
+import Konva from 'konva';
+import { ColorTokenNode } from '@/components/nodes/color-token/color-token';
 
 export class ColorTokenToolAction extends WeaveAction {
   protected initialized: boolean = false;
@@ -29,12 +29,12 @@ export class ColorTokenToolAction extends WeaveAction {
   }
 
   getName(): string {
-    return "colorTokenTool";
+    return 'colorTokenTool';
   }
 
   initProps() {
     return {
-      colorToken: "#000000",
+      colorToken: '#000000',
       width: 300,
       height: 300,
       opacity: 1,
@@ -42,10 +42,13 @@ export class ColorTokenToolAction extends WeaveAction {
   }
 
   onInit() {
-    this.instance.addEventListener("onStageDrop", () => {
+    this.instance.addEventListener('onStageDrop', (e) => {
       if (window.colorTokenDragColor) {
-        this.instance.triggerAction("colorTokenTool", {
+        this.instance.getStage().setPointersPositions(e);
+        const position = this.instance.getStage().getPointerPosition();
+        this.instance.triggerAction('colorTokenTool', {
           color: window.colorTokenDragColor,
+          position,
         });
         window.colorTokenDragColor = undefined;
       }
@@ -55,14 +58,14 @@ export class ColorTokenToolAction extends WeaveAction {
   private setupEvents() {
     const stage = this.instance.getStage();
 
-    stage.container().addEventListener("keydown", (e) => {
-      if (e.key === "Escape") {
+    stage.container().addEventListener('keydown', (e) => {
+      if (e.key === 'Escape') {
         this.cancelAction();
         return;
       }
     });
 
-    stage.on("click tap", (e) => {
+    stage.on('click tap', (e) => {
       e.evt.preventDefault();
 
       if (this.state === COLOR_TOKEN_TOOL_STATE.IDLE) {
@@ -82,19 +85,26 @@ export class ColorTokenToolAction extends WeaveAction {
     this.state = state;
   }
 
-  private addColorToken() {
+  private addColorToken(position?: Vector2d) {
     const stage = this.instance.getStage();
 
-    stage.container().style.cursor = "crosshair";
+    stage.container().style.cursor = 'crosshair';
+    stage.container().blur();
     stage.container().focus();
 
+    if (position) {
+      this.handleAdding(position);
+      this.setState(COLOR_TOKEN_TOOL_STATE.IDLE);
+      return;
+    }
+
     this.colorTokenId = null;
     this.clickPoint = null;
     this.setState(COLOR_TOKEN_TOOL_STATE.ADDING);
   }
 
-  private handleAdding() {
-    const { mousePoint, container } = this.instance.getMousePointer();
+  private handleAdding(position?: Vector2d) {
+    const { mousePoint, container } = this.instance.getMousePointer(position);
 
     this.clickPoint = mousePoint;
     this.container = container;
@@ -102,7 +112,7 @@ export class ColorTokenToolAction extends WeaveAction {
     this.colorTokenId = uuidv4();
 
     const nodeHandler =
-      this.instance.getNodeHandler<ColorTokenNode>("color-token");
+      this.instance.getNodeHandler<ColorTokenNode>('color-token');
 
     const node = nodeHandler.create(this.colorTokenId, {
       ...this.props,
@@ -120,7 +130,7 @@ export class ColorTokenToolAction extends WeaveAction {
     params?: ColorTokenToolActionTriggerParams
   ) {
     if (!this.instance) {
-      throw new Error("Instance not defined");
+      throw new Error('Instance not defined');
     }
 
     if (!this.initialized) {
@@ -139,22 +149,22 @@ export class ColorTokenToolAction extends WeaveAction {
       this.props.colorToken = params.color;
     }
 
-    this.addColorToken();
+    this.addColorToken(params?.position ?? undefined);
   }
 
   cleanup() {
     const stage = this.instance.getStage();
 
-    stage.container().style.cursor = "default";
+    stage.container().style.cursor = 'default';
 
     const selectionPlugin =
-      this.instance.getPlugin<WeaveNodesSelectionPlugin>("nodesSelection");
+      this.instance.getPlugin<WeaveNodesSelectionPlugin>('nodesSelection');
     if (selectionPlugin) {
       const node = stage.findOne(`#${this.colorTokenId}`);
       if (node) {
         selectionPlugin.setSelectedNodes([node]);
       }
-      this.instance.triggerAction("selectionTool");
+      this.instance.triggerAction('selectionTool');
     }
 
     this.colorTokenId = null;

package/template/+nextjs+azure-web-pubsub/components/actions/color-token-tool/types.ts

@@ -1,4 +1,5 @@
-import { COLOR_TOKEN_TOOL_STATE } from "./constants";
+import { Vector2d } from 'konva/lib/types';
+import { COLOR_TOKEN_TOOL_STATE } from './constants';
 
 export type ColorTokenToolActionStateKeys = keyof typeof COLOR_TOKEN_TOOL_STATE;
 export type ColorTokenToolActionState =
@@ -6,4 +7,5 @@ export type ColorTokenToolActionState =
 
 export type ColorTokenToolActionTriggerParams = {
   color?: string;
+  position?: Vector2d;
 };

package/template/+nextjs+azure-web-pubsub/components/nodes/color-token/color-token.ts

@@ -1,17 +1,17 @@
-import { WeaveNode } from "@inditextech/weave-sdk";
+import { WeaveNode } from '@inditextech/weave-sdk';
 import {
   WeaveElementAttributes,
   WeaveElementInstance,
-} from "@inditextech/weave-types";
-import Konva from "konva";
-import { Inter } from "next/font/google";
+} from '@inditextech/weave-types';
+import Konva from 'konva';
+import { Inter } from 'next/font/google';
 
-export const COLOR_TOKEN_NODE_TYPE = "color-token";
+export const COLOR_TOKEN_NODE_TYPE = 'color-token';
 
 const inter = Inter({
   preload: true,
-  variable: "--inter",
-  subsets: ["latin"],
+  variable: '--inter',
+  subsets: ['latin'],
 });
 
 export class ColorTokenNode extends WeaveNode {
@@ -20,7 +20,7 @@ export class ColorTokenNode extends WeaveNode {
   onRender(props: WeaveElementAttributes) {
     const { id } = props;
 
-    const colorTokenColor = props.colorToken ?? "#DEFFA0";
+    const colorTokenColor = props.colorToken ?? '#DEFFA0';
 
     const colorTokenParams = {
       ...props,
@@ -31,21 +31,22 @@ export class ColorTokenNode extends WeaveNode {
       ...colorTokenParams,
       width: colorTokenParams.width,
       height: colorTokenParams.height,
-      name: "node",
+      name: 'node',
     });
 
+    this.setupDefaultNodeAugmentation(colorTokenNode);
+
     const internalRect = new Konva.Rect({
       groupId: id,
       id: `${id}-colorToken`,
       x: 0,
       y: 0,
-      fill: "#FFFFFFFF",
+      fill: '#FFFFFFFF',
       width: colorTokenParams.width,
       height: colorTokenParams.height,
-      draggable: false,
-      stroke: "black",
+      strokeScaleEnabled: true,
+      stroke: 'black',
       strokeWidth: 2,
-      name: "node",
     });
 
     colorTokenNode.add(internalRect);
@@ -71,14 +72,14 @@ export class ColorTokenNode extends WeaveNode {
       y: 260,
       fontSize: 20,
       fontFamily: inter.style.fontFamily,
-      fill: "#CCCCCCFF",
+      fill: '#CCCCCCFF',
       strokeEnabled: false,
-      stroke: "#000000FF",
+      stroke: '#000000FF',
       strokeWidth: 1,
       text: `${colorTokenColor}`,
       width: (colorTokenParams.width ?? 0) - 40,
       height: 20,
-      align: "left",
+      align: 'left',
       listening: false,
       draggable: false,
     });
@@ -104,7 +105,7 @@ export class ColorTokenNode extends WeaveNode {
       zIndex: nodeInstanceZIndex,
     });
 
-    const colorTokenColor = colorToken ?? "#DEFFA0";
+    const colorTokenColor = colorToken ?? '#DEFFA0';
 
     const colorTokenNode1 = colorTokenNode.findOne(`#${id}-colorToken-1`);
     if (colorTokenNode1) {
@@ -114,7 +115,7 @@ export class ColorTokenNode extends WeaveNode {
     }
     const colorTokenCode = colorTokenNode.findOne(`#${id}-colorToken-code`);
     if (colorTokenCode) {
-      colorTokenCode.setAttr("text", `${colorTokenColor}`);
+      colorTokenCode.setAttr('text', `${colorTokenColor}`);
     }
   }
 }

package/template/+nextjs+azure-web-pubsub/components/room-components/color-tokens-library/color-token.tsx

@@ -1,16 +1,16 @@
-"use client";
+'use client';
 
-import React from "react";
-import { colorIsLight } from "@/lib/utils";
+import React from 'react';
+import { colorIsLight } from '@/lib/utils';
 
 type ColorTokenProps = {
   color: string;
 };
 
 export const ColorToken = ({ color }: Readonly<ColorTokenProps>) => {
-  let forefrontColor = "#ffffff";
+  let forefrontColor = '#ffffff';
   if (colorIsLight(color)) {
-    forefrontColor = "#000000";
+    forefrontColor = '#000000';
   }
 
   return (

package/template/+nextjs+azure-web-pubsub/components/room-components/color-tokens-library/color-tokens-library.tsx

@@ -1,13 +1,13 @@
-"use client";
+'use client';
 
-import React from "react";
-import { useWeave } from "@inditextech/weave-react";
-import { useCollaborationRoom } from "@/store/store";
-import { ColorToken } from "./color-token";
-import { SIDEBAR_ELEMENTS } from "@/lib/constants";
-import { X } from "lucide-react";
-import { ScrollArea } from "@/components/ui/scroll-area";
-import { SidebarSelector } from "../sidebar-selector";
+import React from 'react';
+import { useWeave } from '@inditextech/weave-react';
+import { useCollaborationRoom } from '@/store/store';
+import { ColorToken } from './color-token';
+import { SIDEBAR_ELEMENTS } from '@/lib/constants';
+import { X } from 'lucide-react';
+import { ScrollArea } from '@/components/ui/scroll-area';
+import { SidebarSelector } from '../sidebar-selector';
 
 type ColorTokenElement = {
   id: string;
@@ -26,14 +26,14 @@ export const ColorTokensLibrary = () => {
 
   const commonColorTokens: ColorTokenElement[] = React.useMemo(() => {
     return [
-      { id: "1", color: "#28282D" },
-      { id: "2", color: "#00656B" },
-      { id: "3", color: "#D79D00" },
-      { id: "4", color: "#3073B7" },
-      { id: "5", color: "#953640" },
-      { id: "6", color: "#C5AECF" },
-      { id: "7", color: "#46295A" },
-      { id: "8", color: "#79797C" },
+      { id: '1', color: '#28282D' },
+      { id: '2', color: '#00656B' },
+      { id: '3', color: '#D79D00' },
+      { id: '4', color: '#3073B7' },
+      { id: '5', color: '#953640' },
+      { id: '6', color: '#C5AECF' },
+      { id: '7', color: '#46295A' },
+      { id: '8', color: '#79797C' },
     ];
   }, []);