upstream merge template repository

.github/dependabot.yml

@@ -0,0 +1,14 @@
+# To get started with Dependabot version updates, you'll need to specify which
+# package ecosystems to update and where the package manifests are located.
+# Please see the documentation for all configuration options:
+# https://docs.github.com/code-security/dependabot/dependabot-version-updates/configuration-options-for-the-dependabot.yml-file
+
+version: 2
+updates:
+  - package-ecosystem: "npm" # See documentation for possible values
+    directory: "/" # Location of package manifests
+    schedule:
+      interval: "daily"
+    allow:
+      - dependency-type: "direct"
+    versioning-strategy: increase

README.md

@@ -2,15 +2,13 @@
 This is a React template which you can use to make your own Pulse Editor extension. It uses Webpack Module Federation to share extensions with Pulse Editor.
 
 ## Get Started
-### Add extension source code
-Add React code inside `/src` to make your custom component(s) for your extension, `main.tsx` is the main entrance for Pulse Editor Extensions.
-
-### Pulse Editor hooks library
-You can use hooks provided by `@pulse-editor/react-api` to interact with Pulse Editor main process. Some examples are: 
-- Load/write currently opened file.
-- Invoke Pulse Editor agents.
-- Use agentic tools installed in Pulse Editor.
-
+### Create Pulse Editor extension app using CLI
+```bash
+# Install Pulse Editor CLI
+npm i -g @pulse-editor/cli
+# Use CLI to create a React template project (based on this repository)
+pulse create
+```
 ### Start development
 #### Method 1: Install your extension in Pulse Editor as a dev extension
 Run the following to start a dev server locally.
@@ -19,12 +17,25 @@ npm run dev
 ```
 This will host your extension at http://localhost:3001 (or you can customize the server host in `webpack.config.ts`). Then in Pulse Editor, go to settings and fill in your extension dev server's information to install you new extension. You will need the following:
 - dev server: e.g. http://localhost:3001
-- extension id: your extension's ID specified in `pulse.config.ts` 
-- version: your extension's version specified in `pulse.config.ts`
+- extension id: your extension's ID specified in `package.json` 
+- version: your extension's version specified in `package.json`
 
 #### Method 2: Preview your extension in browser
 If you'd like to quickly get started on developing your extension without installing it inside Pulse Editor. You can run a preview dev server that runs in your browser (just like developing React application).
 ```
 npm run preview
 ```
 > Please note that your extension won't be able to use IMC (Inter-Module-Communication) to communicate with Pulse Editor during preview development mode.
+
+## Development
+### Add extension source code
+Add React code inside `/src` to make your custom component(s) for your extension, `main.tsx` is the main entrance for Pulse Editor Extensions.
+
+### Pulse Editor libraries
+You can use shared utils (like types) from `@pulse-editor/shared-utils`.
+
+You can also use React hooks provided by `@pulse-editor/react-api` to interact with Pulse Editor main process. Some examples are: 
+- Load/write currently opened file.
+- Invoke Pulse Editor agents.
+- Use AI models.
+- Use agentic tools installed in Pulse Editor.

eslint.config.js

@@ -20,10 +20,4 @@ export default [
   pluginJs.configs.recommended,
   ...tseslint.configs.recommended,
   pluginReact.configs.flat.recommended,
-  {
-    rules: {
-      "@typescript-eslint/no-unused-vars": "off",
-      "@typescript-eslint/no-explicit-any": "off",
-    },
-  },
 ];