From 2c6f27533fcf0ce6ae603e4b9458292c5b35770d Mon Sep 17 00:00:00 2001 From: Cirdes Henrique Date: Wed, 27 Nov 2024 09:07:50 -0300 Subject: [PATCH 1/2] Remove RBUI mentions --- README.md | 61 +------------------- app/assets/images/logo.svg | 2 +- app/assets/images/logo_dark.svg | 2 +- app/views/components/docs/tailwind_config.rb | 10 ++-- 4 files changed, 9 insertions(+), 66 deletions(-) diff --git a/README.md b/README.md index a541864a..1267f559 100644 --- a/README.md +++ b/README.md @@ -2,54 +2,6 @@ Rails need a plug n play system for creating streamlined ui components. Phlex looks fun and fast, so I thought I'd start creating ui components with it. -Here is the list of components that are being built. For reference, see here https://ui.shadcn.com/docs/components/accordion - -✅ Accordion -✅ Alert -✅ Alert Dialog -✅ Aspect Ratio -✅ Avatar -✅ Badge -✅ Button -✅ Calendar -✅ Card -✅ Checkbox -✅ Checkbox Group -✅ Codeblock -✅ Collapsible -⚪️ Combobox -✅ Command -⚪️ Context Menu -⚪️ Data Table -✅ Date Picker -✅ Dialog -✅ Dropdown Menu -⚪️ Form -✅ Hover Card -✅ Input -✅ Label -✅ Link -⚪️ Menubar -⚪️ Navigation Menu -✅ Pagination -✅ Popover -⚪️ Progress -⚪️ Radio Group -⚪️ Scroll Area -⚪️ Select -⚪️ Separator -✅ Sheet -⚪️ Skeleton -⚪️ Slider -⚪️ Switch -⚪️ Table -✅ Tabs -✅ Textarea -⚪️ Toast -⚪️ Toggle -✅ Tooltip -✅ Typography - ## Contributing - Local Development Setup ### Install the Gem Locally @@ -57,24 +9,15 @@ Here is the list of components that are being built. For reference, see here htt To contribute to this project, it's recommended to install the gem locally and point to it in your Gemfile: ```ruby -gem "rbui", path: "../rbui" +gem "ruby_ui", path: "../ruby_ui" ``` - -### Link the JavaScript Package - -Similarly, link the rbui-js package locally using yarn: - -```bash -yarn add ../rbui -``` - ## Working with Components ### Component Development Workflow 1. Eject the component you want to modify using the generator: ```bash - rails generate rbui:component combobox + rails generate ruby_ui:component combobox ``` 2. Make your desired changes to the ejected component 3. Once you're satisfied with the modifications, integrate the component back into the gem in the appropriate location diff --git a/app/assets/images/logo.svg b/app/assets/images/logo.svg index 9208468b..3a2b7a8b 100644 --- a/app/assets/images/logo.svg +++ b/app/assets/images/logo.svg @@ -23,6 +23,6 @@ id="tspan1" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:5.64444007px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;stroke-width:0.264583;fill:#000000;fill-opacity:1" x="52.844711" - y="24.25659">RBUI + y="24.25659">RubyUI diff --git a/app/assets/images/logo_dark.svg b/app/assets/images/logo_dark.svg index 24e22a3b..84c2ba8e 100644 --- a/app/assets/images/logo_dark.svg +++ b/app/assets/images/logo_dark.svg @@ -23,6 +23,6 @@ id="tspan1" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:5.64444007px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;stroke-width:0.264583;fill:#ffffff;fill-opacity:1" x="52.844711" - y="24.25659">RBUI + y="24.25659">RubyUI diff --git a/app/views/components/docs/tailwind_config.rb b/app/views/components/docs/tailwind_config.rb index c98ee979..455751a4 100644 --- a/app/views/components/docs/tailwind_config.rb +++ b/app/views/components/docs/tailwind_config.rb @@ -15,12 +15,12 @@ def view_template def tailwind_config <<~CODE - // For importing tailwind styles from rbui gem + // For importing tailwind styles from ruby_ui gem const execSync = require('child_process').execSync; - // Import rbui gem path (To make sure Tailwind loads classes used by rbui gem) - const outputRBUI = execSync('bundle show phlex_ui', { encoding: 'utf-8' }); - const rbui_path = outputRBUI.trim() + '/**/*.rb'; + // Import ruby_ui gem path (To make sure Tailwind loads classes used by ruby_ui gem) + const outputRUBYUI = execSync('bundle show phlex_ui', { encoding: 'utf-8' }); + const ruby_ui_path = outputRUBYUI.trim() + '/**/*.rb'; const defaultTheme = require('tailwindcss/defaultTheme') @@ -31,7 +31,7 @@ def tailwind_config './app/helpers/**/*.rb', './app/assets/stylesheets/**/*.css', './app/javascript/**/*.js', - rbui_path + ruby_ui_path ], theme: { container: { From 57b7e43dea1e6e704550514ddc7e8d4de13c095b Mon Sep 17 00:00:00 2001 From: Cirdes Henrique Date: Wed, 27 Nov 2024 14:16:55 +0000 Subject: [PATCH 2/2] change assets --- app/assets/.DS_Store | Bin 0 -> 6148 bytes app/assets/images/logo.svg | 35 ++++++++++++++++++++++++++------ app/assets/images/logo_dark.svg | 35 ++++++++++++++++++++++++++------ 3 files changed, 58 insertions(+), 12 deletions(-) create mode 100644 app/assets/.DS_Store diff --git a/app/assets/.DS_Store b/app/assets/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..6d489ef2f869e1b50162ea3f52d833619f0381f8 GIT binary patch literal 6148 zcmeHK%}T>S5Z-NTn^J@x6g@6@E!b))ikA@U3mDOZN=->oUeHXowt@3PE$Ft7d``xte3j5h ziT9qZA3mYJJ+=_+x&TJR z_x#&%noYWUmoiShFrF?|LKsXT$o)Dr{5K$(HM9(M8kzk*+; z@{wOop%F1a4E!?&cw_929Vp72t>4PSvsOTRf`)=|IVvEamo5P?z + + transform="translate(-53.368365,-19.968138)"> RubyUI diff --git a/app/assets/images/logo_dark.svg b/app/assets/images/logo_dark.svg index 84c2ba8e..30e7877e 100644 --- a/app/assets/images/logo_dark.svg +++ b/app/assets/images/logo_dark.svg @@ -2,26 +2,49 @@ + + transform="translate(-53.368365,-19.968138)"> RubyUI