uistiti 0.1.2 → 0.1.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 155ff6df2e902fd9da022f3b8b46e7a0b5d6ff5ba68fd98766beea271f214d9a
-  data.tar.gz: 5418a7b8f51140f6cb0a0dce3a50edd29afcececfb0f93bc13d0e6663dbbf9ce
+  metadata.gz: 1e5b828febae7e765e280a4d6b868ed9471e4ea645b850852dbebc1cb5f72190
+  data.tar.gz: 7941b8fb623d6cb435fa5875854f2c256fd03f9917e1a6d4384bdda042f21441
 SHA512:
-  metadata.gz: 1fd1fb301c61c5f2dd44fac7595bf261d81e7085556360fd421232258a0c00774b9028a78146108e7c41aa24f34494d787bfb54a4c2203fd41a046b2c38dcc70
-  data.tar.gz: 0c142f19d729edd179dae85047ccb0a07d4443d42c8eb4ce556e3fcdf0b027213b9cca0bacd060d26afc2fe84d4e7867a045eceea8720e94d8dc1608285b1f7d
+  metadata.gz: eaffbd0add2c858f4ceab5d2e5a9aa2850b69aca8bfb130f2c8778a60c8a54c8a70d60464e0491fa2357f8a3f6c97f4eb41c660e4336de804cfdb04bf4c5a87d
+  data.tar.gz: 5ac99337319d212ffedd895ba83180f5960045111f0f92e4988fb43ad413e735bee691188fe1e9caf5c24988442b77640483f88dc6598f329379472cf4c7fafe

data/app/components/previews/uistiti/alpha/button_preview.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+# Setup Playground to use all available component props
+# Setup Features to use individual component props and combinations
+
+module Uistiti
+  module Alpha
+    class ButtonPreview < ViewComponent::Preview
+      # Simple button style
+      
+      # @param color select [primary, secondary, danger]
+      def playground(color: 'primary')
+        render(Uistiti::Alpha::Button.new(color:).with_content('Button'))
+      end
+    end
+  end
+end

data/app/components/previews/uistiti/alpha/container_preview.rb

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+# Setup Playground to use all available component props
+# Setup Features to use individual component props and combinations
+
+module Uistiti
+  module Alpha
+    class ContainerPreview < ViewComponent::Preview
+      # This composent restrict the content horizontaly, on small screens it applyes a padding-inline of 1rem and on large screens it applkies a padding-iline of 3rem
+      
+      def playground
+        render(Uistiti::Alpha::Container.new.with_content('Content of the container'))
+      end
+    end
+  end
+end

data/app/components/previews/uistiti/alpha/flex_preview.rb

@@ -0,0 +1,26 @@
+# frozen_string_literal: true
+
+# Setup Playground to use all available component props
+# Setup Features to use individual component props and combinations
+
+module Uistiti
+  module Alpha
+    class FlexPreview < ViewComponent::Preview
+      # Declare each possible params bellow, please see how to declare params and annotate previews https://lookbook.build/guide/previews/annotations
+      
+      # @param direction select [row, column]      
+      # @param gap select [tiny, small, medium, large, xl, xxl]      
+      # @param justify_content  select [center, start, end, flex-start, flex-end, left, right, normal, space-between, space-around, space-evenly, stretch]
+      # @param align_items select [normal, stretch, center, start, end, flex-start, flex-end, self-start, self-end]      
+      def playground(direction: 'some value', justify_content: 'some value', align_items: 'some value', gap: 'some value')
+        render(Uistiti::Alpha::Flex.new(direction:, justify_content:, align_items:, gap:)) do
+          [
+            content_tag(:p, 'Item 1'),
+            content_tag(:p, 'Item 2'),
+            content_tag(:p, 'Item 3')
+          ].join.html_safe
+        end
+      end
+    end
+  end
+end

data/app/components/previews/uistiti/alpha/image_preview.rb

@@ -0,0 +1,18 @@
+# frozen_string_literal: true
+
+# Setup Playground to use all available component props
+# Setup Features to use individual component props and combinations
+
+module Uistiti
+  module Alpha
+    class ImagePreview < ViewComponent::Preview
+      # Declare each possible params bellow, please see how to declare params and annotate previews https://lookbook.build/guide/previews/annotations
+      
+      # @param source      
+      # @param size select [small, medium, large, xl, xxl]     
+      def playground(source: 'https://www.lesterresdenatae.fr/wp-content/uploads/2022/05/Masque-20.png', size: 'large')
+        render(Uistiti::Alpha::Image.new(source:, size:))
+      end
+    end
+  end
+end

data/app/components/previews/uistiti/alpha/link_preview.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+# Setup Playground to use all available component props
+# Setup Features to use individual component props and combinations
+
+module Uistiti
+  module Alpha
+    class LinkPreview < ViewComponent::Preview
+      # Declare each possible params bellow, please see how to declare params and annotate previews https://lookbook.build/guide/previews/annotations
+      
+      # @param path      
+      # @param method select [get, delete]      
+      # @param color select [base, inverse-base, primary, secondary]      
+      def playground(path: 'some value', method: :get, color: :base)
+        render(Uistiti::Alpha::Link.new(path:, method:, color:).with_content('Link'))
+      end
+    end
+  end
+end

data/app/components/previews/uistiti/alpha/main_layout_preview.rb

@@ -0,0 +1,20 @@
+# frozen_string_literal: true
+
+# Setup Playground to use all available component props
+# Setup Features to use individual component props and combinations
+
+module Uistiti
+  module Alpha
+    class MainLayoutPreview < ViewComponent::Preview
+      
+      # Main layout
+      # ---------------
+      # This layout is here to structure the page, it does not make sens to present it as a component
+      #
+      # @hidden
+      def playground()
+        render(Uistiti::Alpha::MainLayout.new())
+      end
+    end
+  end
+end

data/app/components/previews/uistiti/alpha/navbar_preview.rb

@@ -0,0 +1,24 @@
+# frozen_string_literal: true
+
+# Setup Playground to use all available component props
+# Setup Features to use individual component props and combinations
+
+module Uistiti
+  module Alpha
+    class NavbarPreview < ViewComponent::Preview
+      # Declare each possible params bellow, please see how to declare params and annotate previews https://lookbook.build/guide/previews/annotations
+      
+      # @param color select [primary, secondary]      
+      def playground(color: :primary)
+        render(Uistiti::Alpha::Navbar.new(color:)) do |navbar|
+          navbar.with_logo{'UISTITI'}
+          navbar.with_links([
+            { path: '#', method: :get, color: 'inverse-base', text: 'Link 1' },
+            { path: '#', method: :get, color: 'inverse-base', text: 'Link 2' },
+            { path: '#', method: :get, color: 'inverse-base', text: 'Link 3' },
+          ])
+        end
+      end
+    end
+  end
+end

data/lib/generators/uistiti/component_generator.rb

@@ -23,7 +23,7 @@ module Uistiti
     end
 
     def create_preview
-      template("preview.tt", "test/components/previews/uistiti/#{status_path}#{underscore_name}_preview.rb")
+      template("preview.tt", "app/components/previews/uistiti/#{status_path}#{underscore_name}_preview.rb")
     end
     
     private

data/lib/uistiti/engine.rb

@@ -6,10 +6,7 @@ module Uistiti
     isolate_namespace Uistiti
 
     #Show to lookbook where it can find the previews
-    puts '*'*80
-    puts File.join(Uistiti::Engine.root, 'test/components/previews')
-    puts '*'*80
-    Lookbook.config.preview_paths = [File.join(Uistiti::Engine.root, 'test/components/previews')]
+    Lookbook.config.preview_paths = [File.join(Uistiti::Engine.root, 'app/components/previews')]
     Lookbook.config.preview_layout = "uistiti/component_preview"
   end
 end

data/lib/uistiti/version.rb

@@ -1,3 +1,3 @@
 module Uistiti
-  VERSION = "0.1.2"
+  VERSION = "0.1.4"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: uistiti
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 0.1.4
 platform: ruby
 authors:
 - Tom Ecrepont
@@ -90,6 +90,13 @@ files:
 - app/assets/stylesheets/uistiti/components/alpha/navbar.scss
 - app/assets/stylesheets/uistiti/config/_variables.scss
 - app/assets/stylesheets/uistiti/uistiti.scss
+- app/components/previews/uistiti/alpha/button_preview.rb
+- app/components/previews/uistiti/alpha/container_preview.rb
+- app/components/previews/uistiti/alpha/flex_preview.rb
+- app/components/previews/uistiti/alpha/image_preview.rb
+- app/components/previews/uistiti/alpha/link_preview.rb
+- app/components/previews/uistiti/alpha/main_layout_preview.rb
+- app/components/previews/uistiti/alpha/navbar_preview.rb
 - app/components/uistiti/alpha/button.html.erb
 - app/components/uistiti/alpha/button.rb
 - app/components/uistiti/alpha/container.html.erb