@chamn/engine 0.0.4 → 0.0.7

package/.eslintrc.js

@@ -31,5 +31,6 @@ module.exports = {
     'linebreak-style': ['error', 'unix'],
     quotes: ['error', 'single'],
     semi: ['error', 'always'],
+    '@typescript-eslint/ban-types': 'warn',
   },
 };

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.0.7](https://github.com/ByteCrazy/chameleon/compare/v0.0.6...v0.0.7) (2023-03-29)
+
+### ✨ Features | 新功能
+
+* **build-script, build-script-example, demo-page, engine, layout, material, model, render:** 🎸 external monaco eitor and remove style panel ([494d898](https://github.com/ByteCrazy/chameleon/commit/494d898fd75dabe84d867ff45e84ae63f9b59c5e))
+
+## [0.0.6](https://github.com/ByteCrazy/chameleon/compare/v0.0.5...v0.0.6) (2023-03-28)
+
+**Note:** Version bump only for package @chamn/engine
+
+## [0.0.5](https://github.com/ByteCrazy/chameleon/compare/v0.0.4...v0.0.5) (2023-03-28)
+
+### ✨ Features | 新功能
+
+* **build-script, engine, layout, material, model, render:** 🎸 complete package info ([86b095d](https://github.com/ByteCrazy/chameleon/commit/86b095da6c955946300591b1775f59c1a141c065))
+
 ## [0.0.4](https://github.com/ByteCrazy/chameleon/compare/v0.0.3...v0.0.4) (2023-03-27)
 
 ### 🐛 Bug Fixes | Bug 修复

package/README.md

@@ -0,0 +1,31 @@
+# chameleon
+
+> "Chameleon", suitable for all environments
+
+A streamlined low-code engine, all modules support custom extensions, which can be used for web page generation and rendering. Applicable to a variety of business scenarios, PC Page, H5 Page etc
+
+## Online Demo
+
+[https://hlerenow.github.io/chameleon/](https://hlerenow.github.io/chameleon/)
+
+## Install
+
+```shell
+npm i @chamn/engine @chamn/model @chamn/render
+```
+
+## Usage
+
+[Example Project](https://github.com/ByteCrazy/chameleon-demo)
+
+### ScreenSnapshoot
+
+![image](https://user-images.githubusercontent.com/13299648/218920616-302a9eb6-a71a-4f4b-8e77-d892972eee2f.png)
+
+![image](https://user-images.githubusercontent.com/13299648/218920783-0d1cc275-a238-4d80-a717-dbbbf54b4713.png)
+
+![image](https://user-images.githubusercontent.com/13299648/218920845-0c4c549d-df56-4b0a-9b72-95dd0c0fcaf5.png)
+
+![image](https://user-images.githubusercontent.com/13299648/218921002-a25cfdd6-f27a-4b19-83fe-a6a264e4e4b5.png)
+
+![image](https://user-images.githubusercontent.com/13299648/218920640-9be3b1ba-1dc2-42c5-922f-f3c5f97a9d96.png)

package/build.config.js

@@ -3,10 +3,11 @@
 
 const path = require('path');
 const { visualizer } = require('rollup-plugin-visualizer');
+const monacoEditorPlugin = require('vite-plugin-monaco-editor').default;
 
 // 开发模式默认读取 index.html 作为开发模式入口
 // entry 作为打包库入口
-const plugins = [];
+const plugins = [monacoEditorPlugin({})];
 
 if (process.env.ANALYZE) {
   plugins.push(
@@ -22,9 +23,9 @@ if (process.env.ANALYZE) {
 const mainConfig = {
   libMode: process.env.BUILD_TYPE !== 'APP',
   entry: './src/index.tsx',
-  libName: 'CEngine',
+  // libName: 'CEngine',
   fileName: 'index',
-  external: ['react', 'react-dom'],
+  external: process.env.BUILD_TYPE === 'APP' ? ['react', 'react-dom'] : ['react', 'react-dom', 'monaco-editor'],
   global: {
     react: 'React',
     'react-dom': 'ReactDOM',

package/dist/Engine.module.scss.d.ts

@@ -0,0 +1,5 @@
+import globalClassNames from './style.d';
+declare const classNames: typeof globalClassNames & {
+  readonly engineContainer: 'engineContainer';
+};
+export = classNames;

package/dist/component/CSSEditor/index.d.ts

@@ -0,0 +1,16 @@
+import { MutableRefObject } from 'react';
+declare const DOM_CSS_STATUS: ("normal" | "hover" | "focus" | "focus-within" | "focus-visible" | "checked" | "disable" | "active")[];
+type DomCSSStatusType = typeof DOM_CSS_STATUS[number];
+export type CSSVal = Partial<Record<DomCSSStatusType, Record<
+/** media query key */
+string, Record<string, string>>>>;
+export type CSSEditorRef = {
+    setValue: (val: CSSVal) => void;
+};
+export type CSSEditorProps = {
+    onValueChange?: (val: CSSVal) => void;
+    initialValue?: CSSVal;
+    handler?: MutableRefObject<CSSEditorRef | null>;
+};
+export declare const CSSEditor: (props: CSSEditorProps) => JSX.Element;
+export {};

package/dist/component/CSSEditor/style.module.scss.d.ts

@@ -0,0 +1,6 @@
+import globalClassNames from '../../style.d';
+declare const classNames: typeof globalClassNames & {
+  readonly stateTag: 'stateTag';
+  readonly stateTagClose: 'stateTagClose';
+};
+export = classNames;