lowcoder-comps 0.0.31 → 0.0.32

package/index.js

@@ -0,0 +1,5 @@
+(function(){"use strict";try{if(typeof document!="undefined"){var e=document.createElement("style");e.id="lowcoder-comps-0.0.32",e.appendChild(document.createTextNode("")),document.head.appendChild(e)}}catch(c){console.error("vite-plugin-css-injected-by-js",c)}})();
+import { b8 as f } from "./98955949.js";
+export {
+  f as default
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lowcoder-comps",
-  "version": "0.0.31",
+  "version": "0.0.32",
   "type": "module",
   "license": "MIT",
   "dependencies": {
@@ -64,7 +64,8 @@
           "h": 40
         }
       }
-    }
+    },
+    "entry": "index.js"
   },
   "scripts": {
     "start": "NODE_OPTIONS=--max_old_space_size=6144 vite",
@@ -78,4 +79,4 @@
     "vite": "^5.0.12",
     "vite-tsconfig-paths": "^3.6.0"
   }
-}
+}

package/README.md

@@ -1,120 +0,0 @@
-# Lowcoder Extra Components
-
-This is the workspace for Lowcoder Extra Components like Calendar, Image Editor, Mermaid Charts and eCharts.
-
-## Local Development preparation
-
-Navigate your terminal or bash to your /root folder (lowcoder repository) to install Lowcoder Extra Components dependencies and the Lowcoder SDK
-
-To develop with the Lowcoder Extra Components after you clone the Lowcoder Repository, first make sure the Lowcoder SDK is local built.
-
-```bash
-cd client/packages/lowcoder-sdk
-yarn build
-```
-
-## Start
-
-Now you can start the local dev server for Lowcoder Extra Components to develop and add your Component Plugin
-
-```bash
-cd client/packages/lowcoder-comps
-yarn start
-```
-
-The local dev server will build for roughly a minute and open then a Browser Window on http://localhost:9000/ with the Lowcoder Component Builder. 
-
-## Local development
-
-After the local dev server is started, the Lowcoder Component Builder is prepared. A new browser window should open at http://localhost:9000 This is the Components Preview, which allows you to see your new component in action, as it would work in the Lowcoder Editor.
-
-Data, methods and properties are visible and interactive, so you can test your Component during development. The view will get automatically refreshed.
-
-The Lowcoder Component Builder makes the development & publishing of multiple individual components as bundle possible. Find the /src/comps folder in /lowcoder-comps. Here are existing components to find. It is suggested for new components to create a new folder. In the left navigation of the Components Preview you can switch between your components.
-
-to see your component and include it in the processing on the development server, you have to do the folloiwing steps:
-
-### modify /lowcoder-comps/package.json
-
-```JSON
-"yournewcomponent": {
-    "name": "Your new Component name",
-    "icon": "./icons/your-icon.svg",
-    "description": "A Component Plugin to ...",
-    "category": "itemHandling",
-    "layoutInfo": {
-        "w": 6,
-        "h": 30
-    }
-}
-```
-
-
-Please choose one category out of:
-
- - dashboards
- - layout
- - forms
- - collaboration
- - projectmanagement
- - scheduling
- - documents
- - itemHandling
- - multimedia
- - integration
-
-layoutInfo helps you to define the size (in grid-cells) of your Component in the grid for the very first moment, when a user drags your Component out of the components display on the right side in the Lowcoder Editor.
-
-### modify /lowcoder-comps/src/index.ts
-
-```JavaScript
-Add your Component for the exported members of Lowcoder Extra Components 
-
-import { ChartCompWithDefault } from "./comps/chartComp/chartComp";
-import { ImageEditorComp } from "./comps/imageEditorComp/index";
-import { CalendarComp } from "./comps/calendarComp/calendarComp";
-import { MermaidComp } from "comps/mermaidComp";
-
-import { YourComponent } from "comps/yourComponentFolder/yourComponent";
-
-export default {
-  chart: ChartCompWithDefault,
-  imageEditor: ImageEditorComp,
-  calendar: CalendarComp,
-  mermaid: MermaidComp,
-
-  yourcomponent: YourComponent,
-};
-```
-Now your Plugin should be visibe and displayed in the Lowcoder Component Builder at http://localhost:9000/
-
-## Build
-
-When you finish development and all tests, you can build the Components to use it in runtime.
-
-This will build the current Component Plugins into a .tgz file that you can upload.
-
-**Before build you should change the version in package.json file.**
-
-```bash
-yarn build
-
-# or
-
-npm run build
-```
-
-## How to publish a Component Plugin
-
-With the following command you can publish the script to the NPM repository:
-
-```bash
-yarn build --publish
-```
-
-This command will publis the whole Lowcoder Extra Components bundle to [NPMjs](https://www.npmjs.com/)
-Make sure, you updated the Version of Lowcoder Comps before in /lowcoder-comps/package.json
-
-## Contribute your Plugin
-
-If you wish to contribute your plugin and persist it as general Lowcoder Extra Component, please raise a PR to our /dev branch in the Lowcoder Community-Edition Repository https://github.com/lowcoder-org/lowcoder

package/index.html

@@ -1,26 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Lowcoder Comp Playground</title>
-    <style>
-      #root {
-        height: 100vh;
-      }
-      #root-loader {
-        height: 100vh;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-      }
-    </style>
-  </head>
-  <body>
-    <div id="root">
-      <div id="root-loader">Loading...</div>
-    </div>
-    <script src="index.tsx" type="module"></script>
-  </body>
-</html>

package/index.tsx

@@ -1,21 +0,0 @@
-import { createRoot } from "react-dom/client";
-import { CompIDE } from "lowcoder-sdk";
-import { name, version, lowcoder } from "./package.json";
-import compMap from "./src/index";
-
-import "lowcoder-sdk/dist/style.css";
-
-function CompDevApp() {
-  return (
-    <CompIDE
-      compMap={compMap}
-      packageName={name}
-      packageVersion={version}
-      compMeta={lowcoder.comps}
-    />
-  );
-}
-
-const container = document.querySelector("#root");
-const root = createRoot(container!);
-root.render(<CompDevApp />);

package/jest.config.js

@@ -1,6 +0,0 @@
-import config from "../../config/test/jest.config.js";
-
-export default {
-  ...config,
-  setupFiles: [...config.setupFiles],
-};

package/src/__test__/allComp.test.tsx

@@ -1,61 +0,0 @@
-import _ from "lodash";
-import { CompConstructor, CustomAction } from "lowcoder-core";
-import { evalAndReduce, isExposingMethodComp } from "lowcoder-sdk";
-import { ChartCompWithDefault } from "comps/chartComp/chartComp";
-import log from "loglevel";
-
-const COMPS_MAP = {
-  chart: ChartCompWithDefault,
-} as Record<string, CompConstructor>;
-
-const compContextActionMap = {} as Record<string, CustomAction>;
-
-test("test comp don't change if no value change", () => {
-  Object.keys(COMPS_MAP).forEach((name) => {
-    const Comp = COMPS_MAP[name];
-    let comp = new Comp({});
-    if (compContextActionMap[name]) {
-      // set context
-      comp = comp.reduce(compContextActionMap[name]);
-    }
-    comp.getView(); // getView() is allowed when unevaluated
-    comp = evalAndReduce(comp);
-    expect(comp.node() === comp.node()).toBe(true);
-    expect(comp.node()?.evaluate() === comp.node()?.evaluate()).toBe(true);
-    const comp2 = evalAndReduce(comp);
-    if (comp2 !== comp) {
-      const comp3 = evalAndReduce(comp2);
-      if (comp3 === comp2) {
-        // log.debug(`${name} need eval twice to converge`);
-      } else {
-        const newComp = evalAndReduce(comp);
-        Object.keys((comp as any).children).forEach((key) => {
-          log.log(
-            `${key}, isEqual ${(comp as any).children[key] === (newComp as any).children[key]}`
-          );
-        });
-        throw new Error("bad " + name);
-      }
-    }
-  });
-});
-
-test("comp exposing method duplicate name", () => {
-  // one comp can't expose two methods with the same name
-  Object.values(COMPS_MAP).forEach((Comp) => {
-    const comp = new Comp({});
-    const methods = [];
-    if (isExposingMethodComp(comp)) {
-      methods.push(comp.getMethodConfig());
-    }
-    const childrenMap = (comp as any).children;
-    childrenMap &&
-      Object.values(childrenMap).forEach((child) => {
-        if (isExposingMethodComp(child as any)) {
-          methods.push((child as any).getMethodConfig());
-        }
-      });
-    const allMethodName = methods.flatMap((m) => m.map((methodConfig) => methodConfig.name));
-    expect(allMethodName.length).toEqual(_.uniq(allMethodName).length);
-  });
-});

package/src/app-env.d.ts

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