DaisyUI Autocomplete

by etoundi2nd ALL

Sublime Text Package for DaisyUI autocompletion

Labels auto-complete, autocomplete, completions, tailwind, productivity

Details

Version 1.0.0
Homepage github.com
Issues github.com
Modified 2 years ago
Last Seen 1 week ago
First Seen 1 year ago

Installs

Total 329
Win 253
Mac 41
Linux 35

	Feb 22	Feb 21	Feb 20	Feb 19	Feb 18	Feb 17	Feb 16	Feb 15	Feb 14	Feb 13	Feb 12	Feb 11	Feb 10	Feb 9	Feb 8	Feb 7	Feb 6	Feb 5	Feb 4	Feb 3	Feb 2	Feb 1	Jan 31	Jan 30	Jan 29	Jan 28	Jan 27	Jan 26	Jan 25	Jan 24	Jan 23	Jan 22	Jan 21	Jan 20	Jan 19	Jan 18	Jan 17	Jan 16	Jan 15	Jan 14	Jan 13	Jan 12	Jan 11	Jan 10	Jan 9
Windows	0	0	1	0	0	0	0	1	0	0	0	0	0	0	0	0	0	1	1	0	0	0	1	0	0	1	0	0	0	0	0	1	0	0	0	0	0	0	0	0	0	0	0	0	0
Mac	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	1	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0
Linux	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	1	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0

Readme

Source: raw.githubusercontent.com

daisyui-autocomplete by etoundi.com

DaisyUI v.3.2.1 autocomplete for Sublime Text.

screenshot

Installation

# add the repository to the Sublime packages directory
cd ~/Library/Application\ Support/Sublime\ Text/Packages/
git clone git@github.com/etoundi2nd/daisyui-autocomplete.git

Contribution

If you want to contribute to the project

git clone git@github.com/etoundi2nd/daisyui-autocomplete.git

Note: getting a list of daisyui using ruby

Parse full css output (will includes all TailwindCSS classes)

# install gem
gem install css_parser

# then in irb
require 'css_parser'
include CssParser

url = 'https://cdn.jsdelivr.net/npm/daisyui@3.2.1/dist/full.css' # change version to the latest
parser = CssParser::Parser.new
parser.load_uri!(url)

classes_list = parser.to_h['all'].keys.filter_map do |key|
    next unless key.starts_with?('.')
    key.split(' ')[0]
       .split(':')[0]
       .strip
       .split('[')[0]
       .gsub('\\', '')
       .split('.')
       .reject(&:empty?)
end.flatten.uniq

puts classes_list

Web scrapping the documentation

gem install 'nokogiri' # parsing gem

require 'nokogiri'
require 'open-uri'
require 'net/http'

def get_document(path)
    path += '/' unless path.ends_with?('/')
    url = URI.join('https://daisyui.com', path).to_s
    uri = URI.parse(url)
    response = Net::HTTP.get_response(uri)
    html = response.body
    Nokogiri::HTML(html)
end

doc = get_document('/components/')
link_to_components = doc.css('body > div > div.bg-base-100.drawer.lg\:drawer-open > div.drawer-content > div.max-w-\[100vw\].px-6.pb-16.xl\:pr-2 > div > div.not-prose.grid.grid-cols-1.gap-x-6.gap-y-12.sm\:grid-cols-2.lg\:grid-cols-3 a.card')

classes_list = link_to_components.map do |link|
    path = link.attr('href')
    component_doc = get_document(path)
    class_name_doc = component_doc.css('body > div > div.bg-base-100.drawer.lg\\:drawer-open > div.drawer-content > div.max-w-\\[100vw\\].px-6.pb-16.xl\\:pr-2 > div > div.prose.prose-sm.md\\:prose-base.w-full.max-w-4xl.flex-grow.pt-10 > div.not-prose.relative.mb-10.mt-6.max-h-\\[25rem\\].overflow-x-auto > table > tbody > tr > th > span')

    puts "-- #{path}"
    sleep rand(0.2..1.5)

    class_name_doc.map { |span| span.text.strip }
end.flatten.uniq

puts classes_list

Credits

Created based on Tailwind CSS Autocomplete for Sublime Text ¾ by @danklammer

Daisy​UI Autocomplete