feat(creator): update README content and add publisher field

Author: kermanx

packages/creator/index.ts

@@ -26,6 +26,7 @@ async function main() {
   const cwd = process.cwd()
 
   let displayName = process.argv.slice(2).filter(s => /^[\w\- ]+$/.test(s)).map(s => s.trim()).join(' ') || 'Your Extension'
+  let publisher = ''
   let identifier = ''
   let targetDir = ''
 
@@ -34,18 +35,26 @@ async function main() {
       {
         name: 'displayName',
         type: 'text',
-        message: 'What\'s the name of your extension?',
+        message: 'What\'s the display name of your extension?',
         initial: displayName,
         onState: state => displayName = state.value || displayName,
       },
       {
         name: 'identifier',
         type: 'text',
-        message: 'What\'s the identifier of your extension?',
+        message: 'What\'s the package name of your extension?',
         initial: () => identifier = toValidPackageName(displayName),
         validate: id => isValidPackageName(id) || 'Invalid package.json name',
         onState: state => identifier = state.value || identifier,
       },
+      {
+        name: 'publisher',
+        type: 'text',
+        message: 'What\'s your publisher name?',
+        initial: publisher,
+        validate: pub => isValidPackageName(pub) || 'Invalid publisher name',
+        onState: state => publisher = state.value || publisher,
+      },
       {
         name: 'targetDir',
         type: 'text',
@@ -75,12 +84,12 @@ async function main() {
   fs.mkdirSync(root, { recursive: true })
   process.chdir(root)
 
-  fs.writeFileSync('package.json', tPackage(identifier, displayName, `^${corePackage.version}`))
+  fs.writeFileSync('package.json', tPackage(publisher, identifier, displayName, `^${corePackage.version}`))
   fs.writeFileSync('tsconfig.json', tTsconfig)
   fs.writeFileSync('.gitignore', tGitignore)
   fs.writeFileSync('.vscodeignore', tVscodeignore)
   fs.writeFileSync('tsup.config.ts', tTsupConfig)
-  fs.writeFileSync('README.md', tReadme(displayName))
+  fs.writeFileSync('README.md', tReadme(publisher, identifier, displayName))
 
   fs.mkdirSync('src')
   const srcCode = tSrc(identifier, displayName)

packages/creator/templates/package.ts

@@ -1,4 +1,5 @@
-export default (identifier: string, displayName: string, coreVersion: string) => `{
+export default (publisher: string, identifier: string, displayName: string, coreVersion: string) => `{
+  "publisher": "${publisher}",
   "name": "${identifier}",
   "displayName": "${displayName}",
   "type": "module",

packages/creator/templates/readme.ts

@@ -1,15 +1,19 @@
-export default (displayName: string) => `# ${displayName}
+export default (publisher: string, identifier: string, displayName: string) => `# ${displayName}
 
-An VS Code extension created with [Reactive VS Code](https://kermanx.github.io/reactive-vscode/).
+[![Version](https://img.shields.io/visual-studio-marketplace/v/${publisher}.${identifier})](https://marketplace.visualstudio.com/items?itemName=${publisher}.${identifier}) [![Installs](https://img.shields.io/visual-studio-marketplace/i/${publisher}.${identifier}](https://marketplace.visualstudio.com/items?itemName=${publisher}.${identifier}) [![Reactive VSCode](https://img.shields.io/badge/Reactive-VSCode-%23007ACC?style=flat&labelColor=%23229863)](https://kermanx.github.io/reactive-vscode/)
 
-## What's in the folder
+A VS Code extension created with [Reactive VS Code](https://kermanx.github.io/reactive-vscode/).
+
+## Directory Structure
 
 * \`package.json\` - this is the manifest file in which you declare your extension and command.
 * \`src/extension.ts\` - this is the main file where you write your extension.
 
-## Get up and running straight away
+## Get started
 
-* Run \`npm run dev\` in a terminal to compile the extension.
+* Open this repository in VS Code.
+* Run \`pnpm install\` to install the dependencies.
+* Run \`pnpm dev\` to compile the extension and watch for changes.  
 * Press \`F5\` to open a new window with your extension loaded.
 * Run your command from the command palette by pressing (\`Ctrl+Shift+P\` or \`Cmd+Shift+P\` on Mac) and typing \`Hello World\`.
 * Set breakpoints in your code inside \`src/extension.ts\` to debug your extension.
@@ -23,7 +27,6 @@ An VS Code extension created with [Reactive VS Code](https://kermanx.github.io/r
 ## Go further
 
 * [Follow UX guidelines](https://code.visualstudio.com/api/ux-guidelines/overview) to create extensions that seamlessly integrate with VS Code's native interface and patterns.
- * Reduce the extension size and improve the startup time by [bundling your extension](https://code.visualstudio.com/api/working-with-extensions/bundling-extension).
- * [Publish your extension](https://code.visualstudio.com/api/working-with-extensions/publishing-extension) on the VS Code extension marketplace.
- * Automate builds by setting up [Continuous Integration](https://code.visualstudio.com/api/working-with-extensions/continuous-integration).
+* [Publish your extension](https://code.visualstudio.com/api/working-with-extensions/publishing-extension) on the VS Code extension marketplace.
+* Automate builds by setting up [Continuous Integration](https://code.visualstudio.com/api/working-with-extensions/continuous-integration).
 `