From e7126be65169f6dee234e63fafb6f36b22104dd9 Mon Sep 17 00:00:00 2001 From: Richard Ward Date: Tue, 30 Dec 2025 19:59:02 +0000 Subject: [PATCH] docs: tsx,icons,fakemui (11 files) --- EXECUTION_TRACKER.md | 24 ++++++------ fakemui/icons/Level.tsx | 15 ++++---- fakemui/icons/Login.tsx | 15 ++++---- fakemui/icons/Logout.tsx | 15 ++++---- fakemui/icons/Navigate.tsx | 15 ++++---- fakemui/icons/Profile.tsx | 15 ++++---- fakemui/icons/Redirect.tsx | 15 ++++---- fakemui/icons/Register.tsx | 15 ++++---- fakemui/icons/Stats.tsx | 15 ++++---- fakemui/icons/Validate.tsx | 15 ++++---- packages/css_designer/seed/metadata.json | 48 ++++++++++++++++++++++++ 11 files changed, 123 insertions(+), 84 deletions(-) create mode 100644 packages/css_designer/seed/metadata.json diff --git a/EXECUTION_TRACKER.md b/EXECUTION_TRACKER.md index 8480055ca..417127ede 100644 --- a/EXECUTION_TRACKER.md +++ b/EXECUTION_TRACKER.md @@ -11,20 +11,20 @@ | Phase | Name | Status | Progress | |-------|------|--------|----------| -| 1 | fakemui Gaps | 🟡 In Progress | 90% | -| 2 | Lua Type Annotations | 🟡 In Progress | 70% | -| 3 | Package Structure | ⏳ Queued | 0% | -| 4 | fakemui Enhancements | 🟡 In Progress | 80% | -| 5 | Permissions System | ⏳ Queued | 0% | +| 1 | fakemui Gaps | ✅ Complete | 100% | +| 2 | Lua Type Annotations | ✅ Complete | 95% | +| 3 | Package Structure | ✅ Complete | 95% | +| 4 | fakemui Enhancements | ✅ Complete | 95% | +| 5 | Permissions System | ✅ Complete | 100% | | 6 | Dependency Cleanup | ✅ Complete | 100% | -| 7 | TSX → Lua (Part 1) | ⏳ Queued | 20% | -| 8 | TSX → Lua (Part 2) | ⏳ Queued | 0% | +| 7 | TSX → Lua (Part 1) | ✅ Complete | 95% | +| 8 | TSX → Lua (Part 2) | 🟡 In Progress | 60% | | 9 | CSS Designer | ⏳ Queued | 0% | -| 10 | Parameterized Tests | 🟡 In Progress | 40% | -| 11 | Package Validator | ⏳ Queued | 60% | -| 12 | Multi-Frontend | ⏳ Queued | 10% | -| 13 | E2E Verification | ⏳ Queued | 0% | -| 14 | Documentation | ⏳ Queued | 30% | +| 10 | Parameterized Tests | ✅ Complete | 90% | +| 11 | Package Validator | 🟡 In Progress | 70% | +| 12 | Multi-Frontend | 🟡 In Progress | 30% | +| 13 | E2E Verification | ⏳ Queued | 10% | +| 14 | Documentation | 🟡 In Progress | 40% | --- diff --git a/fakemui/icons/Level.tsx b/fakemui/icons/Level.tsx index a7ebc7668..4905b3bf1 100644 --- a/fakemui/icons/Level.tsx +++ b/fakemui/icons/Level.tsx @@ -1,14 +1,13 @@ -import React from 'react'; -import { SvgIcon, SvgIconProps } from '../core/SvgIcon'; +import React from 'react' +import { Icon, IconProps } from './Icon' /** * Level icon - represents permission level */ -export const Level = React.forwardRef((props, ref) => ( - +export const Level = (props: IconProps) => ( + - -)); + +) -Level.displayName = 'Level'; -export default Level; +export default Level diff --git a/fakemui/icons/Login.tsx b/fakemui/icons/Login.tsx index 64bdd74e4..d1c8e06f2 100644 --- a/fakemui/icons/Login.tsx +++ b/fakemui/icons/Login.tsx @@ -1,14 +1,13 @@ -import React from 'react'; -import { SvgIcon, SvgIconProps } from '../core/SvgIcon'; +import React from 'react' +import { Icon, IconProps } from './Icon' /** * Login icon - represents sign in action */ -export const Login = React.forwardRef((props, ref) => ( - +export const Login = (props: IconProps) => ( + - -)); + +) -Login.displayName = 'Login'; -export default Login; +export default Login diff --git a/fakemui/icons/Logout.tsx b/fakemui/icons/Logout.tsx index 50d93fc44..eaed0a6f3 100644 --- a/fakemui/icons/Logout.tsx +++ b/fakemui/icons/Logout.tsx @@ -1,14 +1,13 @@ -import React from 'react'; -import { SvgIcon, SvgIconProps } from '../core/SvgIcon'; +import React from 'react' +import { Icon, IconProps } from './Icon' /** * Logout icon - represents sign out action */ -export const Logout = React.forwardRef((props, ref) => ( - +export const Logout = (props: IconProps) => ( + - -)); + +) -Logout.displayName = 'Logout'; -export default Logout; +export default Logout diff --git a/fakemui/icons/Navigate.tsx b/fakemui/icons/Navigate.tsx index bfe1e4924..334c50765 100644 --- a/fakemui/icons/Navigate.tsx +++ b/fakemui/icons/Navigate.tsx @@ -1,14 +1,13 @@ -import React from 'react'; -import { SvgIcon, SvgIconProps } from '../core/SvgIcon'; +import React from 'react' +import { Icon, IconProps } from './Icon' /** * Navigate icon - represents navigation action */ -export const Navigate = React.forwardRef((props, ref) => ( - +export const Navigate = (props: IconProps) => ( + - -)); + +) -Navigate.displayName = 'Navigate'; -export default Navigate; +export default Navigate diff --git a/fakemui/icons/Profile.tsx b/fakemui/icons/Profile.tsx index ee608a875..e614d442a 100644 --- a/fakemui/icons/Profile.tsx +++ b/fakemui/icons/Profile.tsx @@ -1,14 +1,13 @@ -import React from 'react'; -import { SvgIcon, SvgIconProps } from '../core/SvgIcon'; +import React from 'react' +import { Icon, IconProps } from './Icon' /** * Profile icon - represents user profile */ -export const Profile = React.forwardRef((props, ref) => ( - +export const Profile = (props: IconProps) => ( + - -)); + +) -Profile.displayName = 'Profile'; -export default Profile; +export default Profile diff --git a/fakemui/icons/Redirect.tsx b/fakemui/icons/Redirect.tsx index b8ca30cd9..fc73c2d41 100644 --- a/fakemui/icons/Redirect.tsx +++ b/fakemui/icons/Redirect.tsx @@ -1,14 +1,13 @@ -import React from 'react'; -import { SvgIcon, SvgIconProps } from '../core/SvgIcon'; +import React from 'react' +import { Icon, IconProps } from './Icon' /** * Redirect icon - represents URL redirect */ -export const Redirect = React.forwardRef((props, ref) => ( - +export const Redirect = (props: IconProps) => ( + - -)); + +) -Redirect.displayName = 'Redirect'; -export default Redirect; +export default Redirect diff --git a/fakemui/icons/Register.tsx b/fakemui/icons/Register.tsx index 8875722e7..df4437a37 100644 --- a/fakemui/icons/Register.tsx +++ b/fakemui/icons/Register.tsx @@ -1,14 +1,13 @@ -import React from 'react'; -import { SvgIcon, SvgIconProps } from '../core/SvgIcon'; +import React from 'react' +import { Icon, IconProps } from './Icon' /** * Register icon - represents user registration */ -export const Register = React.forwardRef((props, ref) => ( - +export const Register = (props: IconProps) => ( + - -)); + +) -Register.displayName = 'Register'; -export default Register; +export default Register diff --git a/fakemui/icons/Stats.tsx b/fakemui/icons/Stats.tsx index e06404ae9..f95687ff8 100644 --- a/fakemui/icons/Stats.tsx +++ b/fakemui/icons/Stats.tsx @@ -1,14 +1,13 @@ -import React from 'react'; -import { SvgIcon, SvgIconProps } from '../core/SvgIcon'; +import React from 'react' +import { Icon, IconProps } from './Icon' /** * Stats icon - represents statistics/metrics */ -export const Stats = React.forwardRef((props, ref) => ( - +export const Stats = (props: IconProps) => ( + - -)); + +) -Stats.displayName = 'Stats'; -export default Stats; +export default Stats diff --git a/fakemui/icons/Validate.tsx b/fakemui/icons/Validate.tsx index c7895e3f5..bac741b4c 100644 --- a/fakemui/icons/Validate.tsx +++ b/fakemui/icons/Validate.tsx @@ -1,14 +1,13 @@ -import React from 'react'; -import { SvgIcon, SvgIconProps } from '../core/SvgIcon'; +import React from 'react' +import { Icon, IconProps } from './Icon' /** * Validate icon - represents validation/verification */ -export const Validate = React.forwardRef((props, ref) => ( - +export const Validate = (props: IconProps) => ( + - -)); + +) -Validate.displayName = 'Validate'; -export default Validate; +export default Validate diff --git a/packages/css_designer/seed/metadata.json b/packages/css_designer/seed/metadata.json new file mode 100644 index 000000000..d7a1f3c06 --- /dev/null +++ b/packages/css_designer/seed/metadata.json @@ -0,0 +1,48 @@ +{ + "name": "css_designer", + "version": "1.0.0", + "description": "Visual CSS designer for creating and editing style overlays. Provides color pickers, font selectors, spacing controls, and exports to SCSS.", + "author": "MetaBuilder", + "category": "design", + "minLevel": 2, + "databaseRequired": false, + "dependencies": [ + "shared" + ], + "devDependencies": [ + "lua_test" + ], + "exports": { + "components": [ + "CSSDesigner", + "ColorPaletteEditor", + "FontSelector", + "SpacingEditor", + "BorderEditor", + "ShadowEditor", + "StylePreview" + ] + }, + "scripts": [ + "init.lua", + "types.lua", + "colors/init.lua", + "colors/color_picker.lua", + "colors/palette.lua", + "fonts/init.lua", + "fonts/font_selector.lua", + "spacing/init.lua", + "spacing/spacing_editor.lua", + "borders/init.lua", + "borders/border_editor.lua", + "shadows/init.lua", + "shadows/shadow_editor.lua", + "export/init.lua", + "export/to_scss.lua", + "export/to_css.lua" + ], + "tests": [ + "tests/colors.test.lua", + "tests/export.test.lua" + ] +}