add npm plugins

Author: QIQI03

client/jest.config.js

@@ -1,3 +1,3 @@
 export default {
-  projects: ["<rootDir>/packages/*"],
+  projects: ["<rootDir>/packages/openblocks", "<rootDir>/packages/openblocks-core"],
 };

client/packages/create-openblocks-comps/README.md

@@ -0,0 +1,11 @@
+# create-openblocks-plugin
+
+## Usage
+
+```bash
+yarn create openblocks-plugin my-openblocks-plugin
+
+# or
+
+npm create openblocks-plugin my-openblocks-plugin
+```

client/packages/create-openblocks-plugin/README.md

@@ -129,12 +129,11 @@ async function createProject(projectName, options) {
   await install([
     cliPackageName,
     sdkPackageName,
-    "openblocks-design",
-    "openblocks-core",
     "react@17",
     "react-dom@17",
     "@types/react@17",
     "@types/react-dom@17",
+    "vite",
   ]);
 
   await executeNodeScript(

…ackages/create-openblocks-comps/index.js …ckages/create-openblocks-plugin/index.jsclient/packages/create-openblocks-comps/index.js renamed to client/packages/create-openblocks-plugin/index.js client/packages/create-openblocks-comps/index.js renamed to client/packages/create-openblocks-plugin/index.js

@@ -1,12 +1,16 @@
 {
-  "name": "create-openblocks-comps",
-  "version": "0.0.7",
+  "name": "create-openblocks-plugin",
+  "version": "0.0.2",
   "bin": "./index.js",
   "type": "module",
   "dependencies": {
     "chalk": "4",
     "commander": "^9.4.1",
     "fs-extra": "^10.1.0",
     "openblocks-dev-utils": "workspace:^"
-  }
+  },
+  "license": "MIT",
+  "keywords": [
+    "openblocks"
+  ]
 }

…ges/create-openblocks-comps/package.json …es/create-openblocks-plugin/package.jsonclient/packages/create-openblocks-comps/package.json renamed to client/packages/create-openblocks-plugin/package.json client/packages/create-openblocks-comps/package.json renamed to client/packages/create-openblocks-plugin/package.json

@@ -1,6 +1,6 @@
 {
   "name": "openblocks-cli-template-typescript",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "type": "module",
   "scripts": {
     "start": "vite",
@@ -11,7 +11,7 @@
     "comps": {
       "hello_world": {
         "name": "__i18n_helloWorldCompName__",
-        "icon": "./icons/hello_world.png"
+        "icon": "./icons/demo-icon.png"
       }
     }
   },
@@ -21,5 +21,8 @@
     "typescript": "^4.8.4",
     "vite": "^3.2.4"
   },
+  "keywords": [
+    "openblocks"
+  ],
   "license": "MIT"
 }

client/packages/openblocks-cli-template-typescript/icons/demo-icon.svg

@@ -11,6 +11,8 @@ import {
   withMethodExposing,
 } from "openblocks-sdk";
 
+import styles from "./styles.module.css";
+
 const { Button } = antd;
 
 const childrenMap = {
@@ -25,10 +27,10 @@ const childrenMap = {
   ]),
 };
 
-const HelloWorldCompBase = new UICompBuilder(childrenMap, (props) => {
+const HelloWorldCompBase = new UICompBuilder(childrenMap, (props: any) => {
   const currentValue = props.value.value;
   return (
-    <div>
+    <div className={styles.wrapper}>
       <Button
         onClick={() => {
           props.value.onChange(currentValue - props.step);
@@ -49,7 +51,7 @@ const HelloWorldCompBase = new UICompBuilder(childrenMap, (props) => {
     </div>
   );
 })
-  .setPropertyViewFn((children) => {
+  .setPropertyViewFn((children: any) => {
     return (
       <>
         <Section name="Basic">
@@ -68,7 +70,7 @@ const HelloWorldCompTemp = withMethodExposing(HelloWorldCompBase, [
       name: "random",
       params: [],
     },
-    execute(comp) {
+    execute(comp: any) {
       comp.children.value.getView().onChange(Math.floor(Math.random() * 100));
     },
   },

client/packages/openblocks-cli-template-typescript/icons/hello_world.png

@@ -1 +1,3 @@
 /// <reference types="openblocks-cli/client" />
+
+declare module "openblocks-sdk";