create-weave-frontend-app 0.12.1 → 0.13.1

package/dist/{create-app-D7Fjv6Q-.js → create-app-DjQDgLXy.js}

@@ -76,11 +76,11 @@ function tryGitInit(root) {
 //#endregion
 //#region src/versions.js
 const versions = {
-	"@inditextech/weave-types": "0.12.1",
-	"@inditextech/weave-sdk": "0.12.1",
-	"@inditextech/weave-store-websockets": "0.12.1",
-	"@inditextech/weave-store-azure-web-pubsub": "0.12.1",
-	"@inditextech/weave-react": "0.12.1"
+	"@inditextech/weave-types": "0.13.1",
+	"@inditextech/weave-sdk": "0.13.1",
+	"@inditextech/weave-store-websockets": "0.13.1",
+	"@inditextech/weave-store-azure-web-pubsub": "0.13.1",
+	"@inditextech/weave-react": "0.13.1"
 };
 
 //#endregion
@@ -114,6 +114,7 @@ var dependencies = {
 	"@react-three/postprocessing": "^2.19.1",
 	"@tanstack/react-query": "^5.67.1",
 	"boring-avatars": "^1.11.2",
+	"change-case": "^5.4.4",
 	"class-variance-authority": "^0.7.1",
 	"clsx": "^2.1.1",
 	"cmdk": "^1.0.0",
@@ -263,6 +264,7 @@ function createPackageJson(projectName, options) {
 				"@react-three/postprocessing",
 				"@tanstack/react-query",
 				"boring-avatars",
+				"change-case",
 				"class-variance-authority",
 				"clsx",
 				"cmdk",
@@ -350,6 +352,7 @@ function createPackageJson(projectName, options) {
 			"@react-three/postprocessing",
 			"@tanstack/react-query",
 			"boring-avatars",
+			"change-case",
 			"class-variance-authority",
 			"clsx",
 			"cmdk",
@@ -428,4 +431,4 @@ function pick(obj, keys) {
 
 //#endregion
 export { create, cwd, getPackageManager };
-//# sourceMappingURL=create-app-D7Fjv6Q-.js.map
+//# sourceMappingURL=create-app-DjQDgLXy.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"create-app-DjQDgLXy.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.13.1\",\"@inditextech/weave-sdk\":\"0.13.1\",\"@inditextech/weave-store-websockets\":\"0.13.1\",\"@inditextech/weave-store-azure-web-pubsub\":\"0.13.1\",\"@inditextech/weave-react\":\"0.13.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    \"konva\": \"^9.3.18\",\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/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        'konva',\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/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      'konva',\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/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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BH,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;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;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-D7Fjv6Q-.js";
+import { create } from "./create-app-DjQDgLXy.js";
 
 export { create };

package/dist/index.js

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import { create, cwd, getPackageManager } from "./create-app-D7Fjv6Q-.js";
+import { create, cwd, getPackageManager } from "./create-app-DjQDgLXy.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.12.1",
+  "version": "0.13.1",
   "description": "Create a new frontend artifact for a site with Weave.js",
   "keywords": [
     "NextJs",

package/template/+nextjs+azure-web-pubsub/app/error/page.tsx

@@ -1,5 +1,5 @@
-import { Error } from "@/components/error/error";
-import { Suspense } from "react";
+import { Error } from '@/components/error/error';
+import { Suspense } from 'react';
 
 export default function ErrorPage() {
   return (

package/template/+nextjs+azure-web-pubsub/app/favicon.ico.license

@@ -0,0 +1,3 @@
+SPDX-FileCopyrightText: 2025 2025 INDUSTRIA DE DISEÑO TEXTIL S.A. (INDITEX S.A.)
+
+SPDX-License-Identifier: Apache-2.0

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

@@ -1,13 +1,17 @@
-@import 'tailwindcss';
+/*
+ * SPDX-FileCopyrightText: 2025 2025 INDUSTRIA DE DISEÑO TEXTIL S.A. (INDITEX S.A.)
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+@import "tailwindcss";
 
 @plugin "tailwindcss-animate";
 
 @custom-variant dark (&:is(.dark *));
 
 @theme {
-  --questrial: var(--questrial);
-  --font-noto-sans: var(--font-noto-sans);
-  --font-noto-sans-mono: var(--font-noto-sans-mono);
+  --inter: var(--inter);
 }
 
 .custom-scrollbar {

package/template/+nextjs+azure-web-pubsub/app/layout.tsx

@@ -1,24 +1,12 @@
 import type { Metadata, Viewport } from 'next';
-import { Questrial, Noto_Sans, Noto_Sans_Mono } from 'next/font/google';
+import { Inter } from 'next/font/google';
 import './globals.css';
 import { AppProviders } from './providers';
 
-const questrial = Questrial({
+const inter = Inter({
   weight: '400',
   preload: true,
-  variable: '--questrial',
-  subsets: ['latin'],
-});
-
-const notoSans = Noto_Sans({
-  preload: true,
-  variable: '--font-noto-sans',
-  subsets: ['latin'],
-});
-
-const notoSansMono = Noto_Sans_Mono({
-  preload: true,
-  variable: '--font-noto-sans-mono',
+  variable: '--inter',
   subsets: ['latin'],
 });
 
@@ -43,11 +31,7 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="en">
-      <body
-        contentEditable="true"
-        suppressContentEditableWarning={true}
-        className={`${questrial.variable} ${notoSans.variable} ${notoSansMono.variable} antialiased`}
-      >
+      <body className={`${inter.variable} antialiased`}>
         <AppProviders>{children}</AppProviders>
       </body>
     </html>

package/template/+nextjs+azure-web-pubsub/app/page.tsx

@@ -1,7 +1,5 @@
-import { Home } from "@/components/home/home";
+import { Home } from '@/components/home/home';
 
 export default function HomePage() {
-  return (
-    <Home />
-  );
+  return <Home />;
 }

package/template/+nextjs+azure-web-pubsub/app/providers.tsx

@@ -1,9 +1,6 @@
-"use client"
+'use client';
 
-import {
-  QueryClient,
-  QueryClientProvider,
-} from "@tanstack/react-query";
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 
 type AppProvidersProps = {
   children: React.ReactNode;
@@ -14,5 +11,5 @@ const queryClient = new QueryClient();
 export function AppProviders({ children }: Readonly<AppProvidersProps>) {
   return (
     <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
-  )
-}
+  );
+}

package/template/+nextjs+azure-web-pubsub/app/rooms/[roomId]/page.tsx

@@ -1,4 +1,4 @@
-import { Room } from "@/components/room/room";
+import { Room } from '@/components/room/room';
 
 export default function RoomPage() {
   return <Room />;

package/template/+nextjs+azure-web-pubsub/components/error/error.tsx

@@ -53,10 +53,10 @@ export const Error = () => {
               transition={{ duration: 0.5, delay: 0.2 }}
               className="flex flex-col items-end justify-center"
             >
-              <h1 className="text-3xl font-questrial text-foreground uppercase">
+              <h1 className="text-3xl font-inter text-foreground uppercase">
                 WHITEBOARD
               </h1>
-              <h2 className="text-2xl font-questrial font-extralight text-muted-foreground uppercase">
+              <h2 className="text-2xl font-inter font-extralight text-muted-foreground uppercase">
                 SHOWCASE
               </h2>
             </motion.div>
@@ -65,24 +65,24 @@ export const Error = () => {
       </motion.section>
       <div className="max-w-[520px] w-full flex flex-col items-center justify-between gap-0">
         <div className="w-full z-1 flex flex-col gap-2 items-center justify-center bg-transparent">
-          <Card className="w-full shadow-lg border-0 py-8 gap-0">
+          <Card className="w-full shadow-none border-0 py-8 gap-0">
             <CardHeader className="flex flex-col items-center text-center gap-0">
               <div className="rounded-full bg-destructive/10 p-3">
                 <AlertCircle className="h-10 w-10 text-destructive" />
               </div>
-              <h3 className="text-xl font-questrial font-extralight text-muted-foreground mt-2">
+              <h3 className="text-xl font-inter font-extralight text-muted-foreground mt-2">
                 An error has occurred
               </h3>
             </CardHeader>
 
             <CardContent className="text-center py-6 pb-8">
               <p>
-                <span className="font-questrial">{description}</span>
+                <span className="font-inter">{description}</span>
               </p>
             </CardContent>
 
             <CardFooter className="flex flex-col">
-              <Button asChild className="font-questrial uppercase">
+              <Button asChild className="font-inter uppercase">
                 <Link href={href}>{action}</Link>
               </Button>
             </CardFooter>

package/template/+nextjs+azure-web-pubsub/components/home/home.tsx

@@ -6,12 +6,14 @@ import { motion } from 'motion/react';
 import { Logo } from '@/components/utils/logo';
 import LoginForm from '../home-components/login-form';
 import Dither from '../ui/reactbits/Backgrounds/Dither/Dither';
-import RotatingText from '../ui/reactbits/TextAnimations/RotatingText/RotatingText';
+import { Button } from '../ui/button';
+import { Github, Book } from 'lucide-react';
+import { DOCUMENTATION_URL, GITHUB_URL } from '@/lib/constants';
 
 export const Home = () => {
   return (
     <>
-      <main className="w-full h-full flex justify-center items-center relative">
+      <main className="w-full h-full flex justify-center items-center relative p-[40px]">
         <div className="absolute top-0 left-0 right-0 bottom-0">
           <Dither
             waveColor={[0.5, 0.5, 0.5]}
@@ -32,7 +34,7 @@ export const Home = () => {
           className="relative flex h-full w-full flex-col items-center justify-center"
         >
           <div className="max-w-[520px] w-full flex flex-col items-center justify-between gap-0">
-            <div className="w-full flex justify-between items-center gap-2 md:left-8 md:top-8 bg-background p-8 py-6 rounded-xl">
+            <div className="w-full flex justify-between items-center gap-2 md:left-8 md:top-8 bg-background p-8 py-6 border border-[#c9c9c9]">
               <Logo />
               <motion.div
                 initial={{ opacity: 0, y: -20 }}
@@ -40,38 +42,38 @@ export const Home = () => {
                 transition={{ duration: 0.5, delay: 0.2 }}
                 className="flex flex-col items-end justify-center"
               >
-                <h1 className="text-3xl font-questrial text-foreground uppercase">
-                  WHITEBOARD
+                <h1 className="text-3xl font-inter font-bold text-foreground uppercase">
+                  BOILERPLATE
                 </h1>
-                <h2 className="text-2xl font-questrial font-extralight text-muted-foreground uppercase">
-                  SHOWCASE
-                </h2>
               </motion.div>
             </div>
-            <div className="w-full flex gap-1 items-center justify-center bg-transparent">
-              <RotatingText
-                texts={[
-                  'collaborative',
-                  'easy to use',
-                  'extensible',
-                  'visual',
-                  'open source',
-                ]}
-                mainClassName="font-questrial leading-[100px] w-full h-full text-black overflow-hidden justify-center items-center text-3xl"
-                staggerFrom={'last'}
-                initial={{ y: '100%' }}
-                animate={{ y: 0 }}
-                exit={{ y: '-120%' }}
-                staggerDuration={0.025}
-                splitBy="characters"
-                splitLevelClassName="overflow-hidden pb-0.5 sm:pb-1 md:pb-1"
-                transition={{ type: 'spring', damping: 30, stiffness: 400 }}
-                rotationInterval={2000}
-              />
-            </div>
-            <div className="w-full flex flex-col gap-2 items-center justify-center bg-background p-8 py-10 rounded-xl">
+            <div className="w-full flex flex-col gap-2 items-center justify-center bg-background p-[32px] border border-[#c9c9c9] mt-[32px]">
               <LoginForm />
             </div>
+            <div className="w-full flex gap-2 items-center justify-center bg-background p-8 py-2 mt-4">
+              <Button
+                variant="link"
+                onClick={() => {
+                  window.open(GITHUB_URL, '_blank', 'noopener,noreferrer');
+                }}
+                className="cursor-pointer font-inter font-light"
+              >
+                <Github strokeWidth={1} /> GITHUB
+              </Button>
+              <Button
+                variant="link"
+                onClick={() => {
+                  window.open(
+                    DOCUMENTATION_URL,
+                    '_blank',
+                    'noopener,noreferrer'
+                  );
+                }}
+                className="cursor-pointer font-inter font-light"
+              >
+                <Book strokeWidth={1} /> DOCUMENTATION
+              </Button>
+            </div>
           </div>
         </motion.section>
       </main>

package/template/+nextjs+azure-web-pubsub/components/home-components/login-form.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import React from 'react';
+import * as changeCase from 'change-case';
 import { motion } from 'motion/react';
 import { useRouter } from 'next/navigation';
 import { z } from 'zod';
@@ -48,12 +49,18 @@ function LoginForm() {
   });
 
   function onSubmit(values: z.infer<typeof formSchema>) {
-    setRoom(values.roomId);
-    setUser({
+    const roomIdMapped = changeCase.kebabCase(values.roomId);
+    const userMapped = {
       name: values.username,
       email: `${values.username}@weavejs.com`,
-    });
-    router.push(`/rooms/${values.roomId}?userName=${values.username}`);
+    };
+    setRoom(roomIdMapped);
+    setUser(userMapped);
+    sessionStorage.setItem(
+      `weave.js_${roomIdMapped}`,
+      JSON.stringify(userMapped)
+    );
+    router.push(`/rooms/${roomIdMapped}`);
   }
 
   return (
@@ -73,13 +80,13 @@ function LoginForm() {
             name="roomId"
             render={({ field }) => (
               <FormItem>
-                <FormLabel className="font-questrial font-light">
+                <FormLabel className="text-[#757575] font-inter font-light">
                   Room name
                 </FormLabel>
                 <FormControl>
                   <Input
                     placeholder="room name to join"
-                    className="font-questrial rounded-md"
+                    className="font-inter font-light rounded-none border-black"
                     {...field}
                   />
                 </FormControl>
@@ -91,14 +98,14 @@ function LoginForm() {
             control={form.control}
             name="username"
             render={({ field }) => (
-              <FormItem>
-                <FormLabel className="font-questrial font-light">
+              <FormItem className="mb-0">
+                <FormLabel className="text-[#757575] font-inter font-light">
                   Username
                 </FormLabel>
                 <FormControl>
                   <Input
                     placeholder="your username"
-                    className="font-questrial rounded-md"
+                    className="font-inter font-light rounded-none border-black"
                     {...field}
                   />
                 </FormControl>
@@ -109,7 +116,7 @@ function LoginForm() {
           <div className="w-full flex justify-center items-center">
             <Button
               type="submit"
-              className="cursor-pointer font-questrial rounded-md mt-8"
+              className="cursor-pointer font-inter rounded-none mt-[32px]"
             >
               ENTER
             </Button>

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 { Noto_Sans_Mono } 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 notoSansMono = Noto_Sans_Mono({
+const inter = Inter({
   preload: true,
-  variable: '--font-noto-sans-mono',
-  subsets: ['latin'],
+  variable: "--inter",
+  subsets: ["latin"],
 });
 
 export class ColorTokenNode extends WeaveNode {
@@ -20,34 +20,35 @@ export class ColorTokenNode extends WeaveNode {
   onRender(props: WeaveElementAttributes) {
     const { id } = props;
 
-    const colorTokenColor = props.colorToken ?? '#DEFFA0';
+    const colorTokenColor = props.colorToken ?? "#DEFFA0";
 
     const colorTokenParams = {
       ...props,
     };
     delete colorTokenParams.zIndex;
 
-    const colorToken = new Konva.Group({
+    const colorTokenNode = new Konva.Group({
       ...colorTokenParams,
       width: colorTokenParams.width,
       height: colorTokenParams.height,
-      name: 'node',
+      name: "node",
     });
 
     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,
-      listening: true,
-      stroke: 'black',
+      stroke: "black",
       strokeWidth: 2,
+      name: "node",
     });
 
-    colorToken.add(internalRect);
+    colorTokenNode.add(internalRect);
 
     const internalRect2 = new Konva.Rect({
       id: `${id}-colorToken-1`,
@@ -57,10 +58,11 @@ export class ColorTokenNode extends WeaveNode {
       fill: colorTokenColor,
       width: colorTokenParams.width - 2,
       height: (colorTokenParams.height ?? 0) - 60,
+      listening: false,
       draggable: false,
     });
 
-    colorToken.add(internalRect2);
+    colorTokenNode.add(internalRect2);
 
     const internalText = new Konva.Text({
       id: `${id}-colorToken-code`,
@@ -68,23 +70,24 @@ export class ColorTokenNode extends WeaveNode {
       x: 20,
       y: 260,
       fontSize: 20,
-      fontFamily: notoSansMono.style.fontFamily,
-      fill: '#CCCCCCFF',
+      fontFamily: inter.style.fontFamily,
+      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,
     });
 
-    colorToken.add(internalText);
+    colorTokenNode.add(internalText);
 
-    this.setupDefaultNodeEvents(colorToken);
+    this.setupDefaultNodeEvents(colorTokenNode);
 
-    return colorToken;
+    return colorTokenNode;
   }
 
   onUpdate(
@@ -101,7 +104,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) {
@@ -111,7 +114,7 @@ export class ColorTokenNode extends WeaveNode {
     }
     const colorTokenCode = colorTokenNode.findOne(`#${id}-colorToken-code`);
     if (colorTokenCode) {
-      colorTokenCode.setAttr('text', `${colorTokenColor}`);
+      colorTokenCode.setAttr("text", `${colorTokenColor}`);
     }
   }
 }