tsuka

Parse Cascading Style Sheets

Description

Cascading style sheets (“CSS”) is a style sheet language used for describing the presentation of a document written in a markup language like HTML, and is designed to enable the separation of presentation and content, including layout, colors, and fonts. Tools are provided to parse CSS content into data frames.

SOME IMPORTANT DETAILS

Threw this together for @clauswilke & {ggtext} based on this Twitter convo. I am unlikely to work on this more w/o serious prodding. It only handles CSS style rules and need 7 other enums covered from katana, plus the core cpp code need to be refactored into functions. Claus is more than capable of riffing off of the katana source (and I’ll gladly PR into that if needed), plus I’ve no desire to spend time building a massively general purpose R pacakge that has a chance of being steamrolled over by corporate-backed package development.

You need to install the katana C99 parser as a system library that is reachable by the R source package compilation defaults. It looks to be pretty straightforward to embed the katana source into a C[++]-backed R package but that wasn’t the point of this exercise.

In src/ there are some header files copied from the katana src which enable use of the same utility functions they use.

What’s Inside The Tin

The following functions are implemented:

parse_css_file: Parse a CSS file into a data frame
parse_css_text: Parse CSS text intoa data frame

Installation

remotes::install_git("https://git.rud.is/hrbrmstr/tsuka.git")
# or
remotes::install_git("https://git.sr.ht/~hrbrmstr/tsuka")
# or
remotes::install_gitlab("hrbrmstr/tsuka")
# or
remotes::install_bitbucket("hrbrmstr/tsuka")
# or
remotes::install_github("hrbrmstr/tsuka")

NOTE: To use the ‘remotes’ install options you will need to have the {remotes} package installed. ## Usage

library(tsuka)

# current version
packageVersion("tsuka")
## [1] '0.1.0'

"
/* Applies to the entire body of the HTML document (except where overridden by more specific
selectors). */
body {
  margin: 25px;
  background-color: rgb(240,240,240);
  font-family: arial, sans-serif;
  font-size: 14px;
}

/* Applies to all <h1>...</h1> elements. */
h1 {
  font-size: 35px;
  font-weight: normal;
  margin-top: 5px;
}

/* Applies to all elements with <... class='someclass'> specified. */
.someclass { color: red; }

/* Applies to the element with <... id='someid'> specified. */
#someid { color: green; }
" -> css_ex

parse_css_text(css_ex)

selectors	property	value
body	margin	25px
body	background-color	rgb(240 , 240 , 240)
body	font-family	arial , sans-serif
body	font-size	14px
h1	font-size	35px
h1	font-weight	normal
h1	margin-top	5px
.someclass	color	red
#someid	color	green

parse_css_file(system.file("extdat/sample.css", package = "tsuka"))

selectors	property	value
.fc	direction	ltr
.fc	text-align	left
.fc table	border-collapse	collapse
.fc table	border-spacing	0
html .fc	font-size	1em
.fc table	font-size	1em
.fc td	padding	0
.fc td	vertical-align	top
.fc th	padding	0
.fc th	vertical-align	top
.fc-header td	white-space	nowrap
.fc-header-left	width	25%
.fc-header-left	text-align	left
.fc-header-center	text-align	center
.fc-header-right	width	25%
.fc-header-right	text-align	right
.fc-header-title	display	inline-block
.fc-header-title	vertical-align	top
.fc-header-title h2	margin-top	0
.fc-header-title h2	white-space	nowrap
.fc .fc-header-space	padding-left	10px
.fc-header .fc-button	margin-bottom	1em
.fc-header .fc-button	vertical-align	top
.fc-header .fc-button	margin-right	-1px
.fc-header .fc-corner-right	margin-right	1px
.fc-header .ui-corner-right	margin-right	0
.fc-header .fc-state-hover	z-index	2
.fc-header .ui-state-hover	z-index	2
.fc-header .fc-state-down	z-index	3
.fc-header .fc-state-active	z-index	4
.fc-header .ui-state-active	z-index	4
.fc-content	clear	both
.fc-view	width	100%
.fc-view	overflow	hidden
.fc-widget-header	border	1px solid #ccc
.fc-widget-content	border	1px solid #ccc
.fc-state-highlight	background	#ffc
.fc-cell-overlay	background	#9cf
.fc-cell-overlay	opacity	.2
.fc-cell-overlay	filter	alpha(opacity =20)
.fc-button	position	relative
.fc-button	display	inline-block
.fc-button	cursor	pointer
.fc-state-default	border-style	solid
.fc-state-default	border-width	1px 0
.fc-button-inner	position	relative
.fc-button-inner	float	left
.fc-button-inner	overflow	hidden
.fc-state-default .fc-button-inner	border-style	solid
.fc-state-default .fc-button-inner	border-width	0 1px
.fc-button-content	position	relative
.fc-button-content	float	left
.fc-button-content	height	1.9em
.fc-button-content	line-height	1.9em
.fc-button-content	padding	0 .6em
.fc-button-content	white-space	nowrap
.fc-button-content .fc-icon-wrap	position	relative
.fc-button-content .fc-icon-wrap	float	left
.fc-button-content .fc-icon-wrap	top	50%
.fc-button-content .ui-icon	position	relative
.fc-button-content .ui-icon	float	left
.fc-button-content .ui-icon	margin-top	-50%
.fc-state-default .fc-button-effect	position	absolute
.fc-state-default .fc-button-effect	top	50%
.fc-state-default .fc-button-effect	left	0
.fc-state-default .fc-button-effect span	position	absolute
.fc-state-default .fc-button-effect span	top	-100px
.fc-state-default .fc-button-effect span	left	0
.fc-state-default .fc-button-effect span	width	500px
.fc-state-default .fc-button-effect span	height	100px
.fc-state-default .fc-button-effect span	border-width	100px 0 0 1px
.fc-state-default .fc-button-effect span	border-style	solid
.fc-state-default .fc-button-effect span	border-color	#fff
.fc-state-default .fc-button-effect span	background	#444
.fc-state-default .fc-button-effect span	opacity	.09
.fc-state-default .fc-button-effect span	filter	alpha(opacity =9)
.fc-state-default	border-style	solid
.fc-state-default	border-color	#ccc #bbb #aaa
.fc-state-default	background	#F3F3F3
.fc-state-default	color	#000
.fc-state-default .fc-button-inner	border-style	solid
.fc-state-default .fc-button-inner	border-color	#ccc #bbb #aaa
.fc-state-default .fc-button-inner	background	#F3F3F3
.fc-state-default .fc-button-inner	color	#000
.fc-state-hover	border-color	#999
.fc-state-hover .fc-button-inner	border-color	#999
.fc-state-down	border-color	#555
.fc-state-down	background	#777
.fc-state-down .fc-button-inner	border-color	#555
.fc-state-down .fc-button-inner	background	#777
.fc-state-active	border-color	#555
.fc-state-active	background	#777
.fc-state-active	color	#fff
.fc-state-active .fc-button-inner	border-color	#555
.fc-state-active .fc-button-inner	background	#777
.fc-state-active .fc-button-inner	color	#fff
.fc-state-disabled	color	#999
.fc-state-disabled	border-color	#ddd
.fc-state-disabled .fc-button-inner	color	#999
.fc-state-disabled .fc-button-inner	border-color	#ddd
.fc-state-disabled	cursor	default
.fc-state-disabled .fc-button-effect	display	none
.fc-event	border-style	solid
.fc-event	border-width	0
.fc-event	font-size	.85em
.fc-event	cursor	default
a.fc-event	cursor	pointer
.fc-event-draggable	cursor	pointer
a.fc-event	text-decoration	none
.fc-rtl .fc-event	text-align	right
.fc-event-skin	border-color	#36c
.fc-event-skin	background-color	#36c
.fc-event-skin	color	#fff
.fc-event-inner	position	relative
.fc-event-inner	width	100%
.fc-event-inner	height	100%
.fc-event-inner	border-style	solid
.fc-event-inner	border-width	0
.fc-event-inner	overflow	hidden
.fc-event-time	padding	0 1px
.fc-event-title	padding	0 1px
.fc .ui-resizable-handle	display	block
.fc .ui-resizable-handle	position	absolute
.fc .ui-resizable-handle	z-index	99999
.fc .ui-resizable-handle	overflow	hidden
.fc .ui-resizable-handle	font-size	300%
.fc .ui-resizable-handle	line-height	50%
.fc-event-hori	border-width	1px 0
.fc-event-hori	margin-bottom	1px
.fc-event-hori .ui-resizable-e	top	0
.fc-event-hori .ui-resizable-e	right	-3px
.fc-event-hori .ui-resizable-e	width	7px
.fc-event-hori .ui-resizable-e	height	100%
.fc-event-hori .ui-resizable-e	cursor	e-resize
.fc-event-hori .ui-resizable-w	top	0
.fc-event-hori .ui-resizable-w	left	-3px
.fc-event-hori .ui-resizable-w	width	7px
.fc-event-hori .ui-resizable-w	height	100%
.fc-event-hori .ui-resizable-w	cursor	w-resize
.fc-event-hori .ui-resizable-handle	_padding-bottom	14px
.fc-corner-left	margin-left	1px
.fc-corner-left .fc-button-inner	margin-left	-1px
.fc-corner-left .fc-event-inner	margin-left	-1px
.fc-corner-right	margin-right	1px
.fc-corner-right .fc-button-inner	margin-right	-1px
.fc-corner-right .fc-event-inner	margin-right	-1px
.fc-corner-top	margin-top	1px
.fc-corner-top .fc-event-inner	margin-top	-1px
.fc-corner-bottom	margin-bottom	1px
.fc-corner-bottom .fc-event-inner	margin-bottom	-1px
.fc-corner-left .fc-event-inner	border-left-width	1px
.fc-corner-right .fc-event-inner	border-right-width	1px
.fc-corner-top .fc-event-inner	border-top-width	1px
.fc-corner-bottom .fc-event-inner	border-bottom-width	1px
table.fc-border-separate	border-collapse	separate
.fc-border-separate th	border-width	1px 0 0 1px
.fc-border-separate td	border-width	1px 0 0 1px
.fc-border-separate th.fc-last	border-right-width	1px
.fc-border-separate td.fc-last	border-right-width	1px
.fc-border-separate tr.fc-last th	border-bottom-width	1px
.fc-border-separate tr.fc-last td	border-bottom-width	1px
.fc-border-separate tbody tr.fc-first td	border-top-width	0
.fc-border-separate tbody tr.fc-first th	border-top-width	0
.fc-grid th	text-align	center
.fc-grid .fc-day-number	float	right
.fc-grid .fc-day-number	padding	0 2px
.fc-grid .fc-other-month .fc-day-number	opacity	0.3
.fc-grid .fc-other-month .fc-day-number	filter	alpha(opacity =30)
.fc-grid .fc-day-content	clear	both
.fc-grid .fc-day-content	padding	2px 2px 1px
.fc-grid .fc-event-time	font-weight	bold
.fc-rtl .fc-grid .fc-day-number	float	left
.fc-rtl .fc-grid .fc-event-time	float	right
.fc-agenda table	border-collapse	separate
.fc-agenda-days th	text-align	center
.fc-agenda .fc-agenda-axis	width	50px
.fc-agenda .fc-agenda-axis	padding	0 4px
.fc-agenda .fc-agenda-axis	vertical-align	middle
.fc-agenda .fc-agenda-axis	text-align	right
.fc-agenda .fc-agenda-axis	white-space	nowrap
.fc-agenda .fc-agenda-axis	font-weight	normal
.fc-agenda .fc-day-content	padding	2px 2px 1px
.fc-agenda-days .fc-agenda-axis	border-right-width	1px
.fc-agenda-days .fc-col0	border-left-width	0
.fc-agenda-allday th	border-width	0 1px
.fc-agenda-allday .fc-day-content	min-height	34px
.fc-agenda-allday .fc-day-content	_height	34px
.fc-agenda-divider-inner	height	2px
.fc-agenda-divider-inner	overflow	hidden
.fc-widget-header .fc-agenda-divider-inner	background	#eee
.fc-agenda-slots th	border-width	1px 1px 0
.fc-agenda-slots td	border-width	1px 0 0
.fc-agenda-slots td	background	none
.fc-agenda-slots td div	height	20px
.fc-agenda-slots tr.fc-slot0 th	border-top-width	0
.fc-agenda-slots tr.fc-slot0 td	border-top-width	0
.fc-agenda-slots tr.fc-minor th	border-top-style	dotted
.fc-agenda-slots tr.fc-minor td	border-top-style	dotted
.fc-event-vert	border-width	0 1px
.fc-event-vert .fc-event-head	position	relative
.fc-event-vert .fc-event-head	z-index	2
.fc-event-vert .fc-event-head	width	100%
.fc-event-vert .fc-event-head	overflow	hidden
.fc-event-vert .fc-event-content	position	relative
.fc-event-vert .fc-event-content	z-index	2
.fc-event-vert .fc-event-content	width	100%
.fc-event-vert .fc-event-content	overflow	hidden
.fc-event-vert .fc-event-time	white-space	nowrap
.fc-event-vert .fc-event-time	font-size	10px
.fc-event-vert .fc-event-bg	position	absolute
.fc-event-vert .fc-event-bg	z-index	1
.fc-event-vert .fc-event-bg	top	0
.fc-event-vert .fc-event-bg	left	0
.fc-event-vert .fc-event-bg	width	100%
.fc-event-vert .fc-event-bg	height	100%
.fc-event-vert .fc-event-bg	background	#fff
.fc-event-vert .fc-event-bg	opacity	.3
.fc-event-vert .fc-event-bg	filter	alpha(opacity =30)
.fc .ui-draggable-dragging .fc-event-bg	display	none\9
.fc-select-helper .fc-event-bg	display	none\9
.fc-event-vert .ui-resizable-s	bottom	0
.fc-event-vert .ui-resizable-s	width	100%
.fc-event-vert .ui-resizable-s	height	8px
.fc-event-vert .ui-resizable-s	overflow	hidden
.fc-event-vert .ui-resizable-s	line-height	8px
.fc-event-vert .ui-resizable-s	font-size	11px
.fc-event-vert .ui-resizable-s	font-family	monospace
.fc-event-vert .ui-resizable-s	text-align	center
.fc-event-vert .ui-resizable-s	cursor	s-resize
.fc-agenda .ui-resizable-resizing	_overflow	hidden

tsuka Metrics

Lang	# Files	(%)	LoC	(%)	Blank lines	(%)	# Lines	(%)
C/C++ Header	6	0.43	580	0.72	238	0.77	245	0.74
C++	2	0.14	168	0.21	32	0.10	7	0.02
Rmd	1	0.07	29	0.04	24	0.08	37	0.11
R	5	0.36	27	0.03	15	0.05	40	0.12

Code of Conduct

Please note that this project is released with a Contributor Code of Conduct. By participating in this project you agree to abide by its terms.

Name		Name	Last commit message	Last commit date
Latest commit History 5 Commits
R		R
inst		inst
man		man
src		src
tests		tests
.Rbuildignore		.Rbuildignore
.codecov.yml		.codecov.yml
.gitignore		.gitignore
.travis.yml		.travis.yml
CONDUCT.md		CONDUCT.md
DESCRIPTION		DESCRIPTION
LICENSE		LICENSE
LICENSE.md		LICENSE.md
NAMESPACE		NAMESPACE
NEWS.md		NEWS.md
README.Rmd		README.Rmd
README.md		README.md
tsuka.Rproj		tsuka.Rproj

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Licenses found

Repository files navigation

tsuka

Description

SOME IMPORTANT DETAILS

What’s Inside The Tin

Installation

tsuka Metrics

Code of Conduct

About

Licenses found

Releases

Packages

Languages

License

Licenses found

hrbrmstr/tsuka

Folders and files

Latest commit

History

Repository files navigation

tsuka

Description

SOME IMPORTANT DETAILS

What’s Inside The Tin

Installation

tsuka Metrics

Code of Conduct

About

Topics

Resources

License

Licenses found

Stars

Watchers

Forks

Releases

Packages 0

Languages

Packages