达丝UI 自动完成

Sublime Text 的达丝UI 自动完成软件包

详细信息

版本 1.0.0
主页 github.com
问题 github.com
修改日期 1 年前
最近查看 19 分钟前
首次查看 12 个月前

安装次数

总数 257
Win 198
Mac 30
Linux 29

	8 月 6 日	8 月 5 日	8 月 4 日	8 月 3 日	8 月 2 日	8 月 1 日	7 月 31 日	7 月 30 日	7 月 29 日	7 月 28 日	7 月 27 日	7 月 26 日	7 月 25 日	7 月 24 日	7 月 23 日	7 月 22 日	7 月 21 日	7 月 20 日	7 月 19 日	7 月 18 日	7 月 17 日	7 月 16 日	7 月 15 日	7 月 14 日	7 月 13 日	7 月 12 日	7 月 11 日	7 月 10 日	7 月 9 日	7 月 8 日	7 月 7 日	7 月 6 日	7 月 5 日	7 月 4 日	7 月 3 日	7 月 2 日	7 月 1 日	6 月 30 日	6 月 29 日	6 月 28 日	6 月 27 日	6 月 26 日	6 月 25 日	6 月 24 日	6 月 23 日	6 月 22 日
Windows	0	2	0	1	0	2	1	0	1	0	0	0	0	1	1	0	1	1	0	0	1	0	0	0	0	0	0	0	0	2	0	0	0	1	0	0	0	1	0	0	0	0	0	1	0	0
Mac	1	1	0	0	0	0	0	0	0	0	0	0	1	0	0	1	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
Linux	0	2	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	1	0	0	0	0	1	0	1

自述文件

源代码: raw.githubusercontent.com

由 etoundi.com 的 daisyui-autocomplete

DaisyUI v.3.2.1 针对 Sublime Text 的自动完成功能。

screenshot

安装

# add the repository to the Sublime packages directory
cd ~/Library/Application\ Support/Sublime\ Text/Packages/
git clone [email protected]/etoundi2nd/daisyui-autocomplete.git

贡献

如果您想为此项目做出贡献

git clone [email protected]/etoundi2nd/daisyui-autocomplete.git

注意：使用 ruby 获取 daisyui 的列表

解析完整的 CSS 输出（将包括所有 TailwindCSS 类）

# install gem
gem install css_parser

# then in irb
require 'css_parser'
include CssParser

url = 'https://cdn.jsdelivr.net.cn/npm/[email protected]/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

抓取文档

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

致谢

基于 Tailwind CSS 自动完成 Sublime Text ¾ 开发，作者：@danklammer