docs: DLT-3151 blog post for ui-kits migration and script#1156
docs: DLT-3151 blog post for ui-kits migration and script#1156Brad Paugh (braddialpad) merged 6 commits intostagingfrom
Conversation
Brad Paugh (braddialpad)
requested a review
from Ignacio Ropolo (iropolo)
as a code owner
Brad Paugh (braddialpad)
added
the
no-visual-test
Brad Paugh (braddialpad)
requested review from
Francis Rupert (francisrupert) and
Nina Repetto (ninarepetto)
as code owners
Wiz Scan Summary
To detect these findings earlier in the dev lifecycle, try using Wiz Code VS Code Extension. |
![chatgpt-codex-connector[bot]](https://avatars.githubusercontent.com/in/1144995?s=60&v=4){kind=small}
There was a problem hiding this comment.
💡 Codex Review
Here are some automated review suggestions for this pull request.
Reviewed commit: 84881b2909
ℹ️ About Codex in GitHub
Codex has been enabled to automatically review pull requests in this repo. Reviews are triggered when you
- Open a pull request for review
- Mark a draft as ready
- Comment "Codex (@codex) review".
If Codex has suggestions, it will comment; otherwise it will react with 👍.
When you sign up for Codex through ChatGPT, Codex can also answer questions or update the PR, like "Codex (@codex) address that feedback".
|
|
||
| // 1. Rewrite named imports from @dialpad/dialtone/vue3 | ||
| result = result.replace( | ||
| /import\s*\{([^}]+)\}\s*from\s*(['"])@dialpad\/dialtone\/vue3\2/g, |
There was a problem hiding this comment.
The import-rewrite regex only matches import { ... } from '@dialpad/dialtone/vue3', so import type { ... } statements are skipped; the later global symbol replacement still renames DtRecipe* to the new names, leaving type imports pointed at the old package (for example import type { DpCallbarButton } from '@dialpad/dialtone/vue3'). In TypeScript codebases that use type-only imports, this produces incorrect package references and can fail type-check/build after running the script.
Useful? React with 👍 / 👎.
|
✔️ Deploy previews ready! |
# [9.176.0](dialtone/v9.175.2...dialtone/v9.176.0) (2026-03-31) ### Bug Fixes * **Rich Text Editor:** DLT-3190 replace custom JSON-to-markdown converter with @tiptap/static-renderer ([#1148](#1148)) ([9629c70](9629c70)) ### Documentation * DLT-3151 blog post for ui-kits migration and script ([#1156](#1156)) ([069ad3c](069ad3c)) * **Editor:** DLT-3050 updated editor docs with recent changes ([#1139](#1139)) ([04bfabb](04bfabb)) * **Icons:** DLT-3220 update contributing and add claude rules and skill ([#1151](#1151)) ([296a83d](296a83d)) ### Features * **Dialtone Cli,dialtone Query Core:** DLT-3163 extract query core and add CLI ([#1142](#1142)) ([65090e6](65090e6)) * DLT-3049 add code review rules, skill, agent, and command ([#1154](#1154)) ([6bdef46](6bdef46)) * **Icons:** DLT-3219 align star/sparkle icons with dp brand star ([#1152](#1152)) ([ef39afc](ef39afc))
1 participant
Obligatory GIF (super important!)
🛠️ Type Of Change
📖 Jira Ticket
DLT-3151
📖 Description
Adds a "What's New" blog post announcing the deprecation of
DtRecipe*componentsin favor of the new UI-Kit packages (
@dialpad/callbarkit,@dialpad/chatkit, etc.),with a full component mapping table and instructions for migrating.
Also adds
scripts/migrate-recipes-to-uikits.mjs— a Node.js script that automatesthe migration by rewriting imports, component names (PascalCase and kebab-case), and
CSS class prefixes across a codebase. The blog post links to the script via its raw
GitHub URL so consumers can run it with
curl | node.💡 Context
DtRecipe*components are being deprecated and moved to standalone UI-Kit packages.This post communicates the change to consumers and provides tooling to reduce the
migration burden.
📝 Checklist
For all PRs: