Skip to content

Instantly share code, notes, and snippets.

@carson-katri
Last active March 7, 2024 14:31
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save carson-katri/492f016c303e2d8c1dbbd499e4a9b7d0 to your computer and use it in GitHub Desktop.
Save carson-katri/492f016c303e2d8c1dbbd499e4a9b7d0 to your computer and use it in GitHub Desktop.
Tailwind-style class names for LiveView Native
defmodule TailwindStyles do
use LiveViewNative.Stylesheet, :swiftui
@modifier_names ["accessibilityAction","accessibilityActions","accessibilityChildren","accessibilityIgnoresInvertColors","accessibilityRepresentation","accessibilityShowsLargeContentViewer","alert","allowsHitTesting","allowsTightening","animation","aspectRatio","autocorrectionDisabled","background","backgroundStyle","badge","baselineOffset","blendMode","blur","bold","border","brightness","buttonBorderShape","buttonStyle","clipShape","clipped","colorInvert","colorMultiply","compositingGroup","confirmationDialog","containerRelativeFrame","containerShape","contentShape","contentTransition","contextMenu","contrast","controlGroupStyle","controlSize","coordinateSpace","datePickerStyle","defaultScrollAnchor","defaultWheelPickerItemHeight","defersSystemGestures","deleteDisabled","dialogSuppressionToggle","digitalCrownAccessory","disabled","drawingGroup","dynamicTypeSize","fileDialogCustomizationID","fileDialogImportsUnresolvedAliases","findDisabled","findNavigator","fixedSize","flipsForRightToLeftLayoutDirection","focusEffectDisabled","focusSection","focusable","font","fontDesign","fontWeight","fontWidth","foregroundStyle","formStyle","frame","fullScreenCover","gaugeStyle","geometryGroup","gesture","grayscale","gridCellAnchor","gridCellColumns","gridCellUnsizedAxes","gridColumnAlignment","groupBoxStyle","headerProminence","help","hidden","highPriorityGesture","horizontalRadioGroupLayout","hoverEffect","hoverEffectDisabled","hueRotation","ignoresSafeArea","imageScale","indexViewStyle","inspector","inspectorColumnWidth","interactionActivityTrackingTag","interactiveDismissDisabled","invalidatableContent","italic","kerning","keyboardShortcut","keyboardType","labelStyle","labeledContentStyle","labelsHidden","layoutPriority","lineLimit","lineSpacing","listItemTint","listRowBackground","listRowHoverEffect","listRowHoverEffectDisabled","listRowInsets","listRowSeparator","listRowSeparatorTint","listRowSpacing","listSectionSeparator","listSectionSeparatorTint","listSectionSpacing","listStyle","luminanceToAlpha","menuIndicator","menuOrder","menuStyle","minimumScaleFactor","monospaced","monospacedDigit","moveDisabled","multilineTextAlignment","navigationBarBackButtonHidden","navigationBarTitleDisplayMode","navigationDestination","navigationSplitViewColumnWidth","navigationSplitViewStyle","navigationSubtitle","navigationTitle","offset","onAppear","onDeleteCommand","onDisappear","onExitCommand","onHover","onLongPressGesture","onLongTouchGesture","onMoveCommand","onPlayPauseCommand","onTapGesture","opacity","overlay","padding","persistentSystemOverlays","pickerStyle","popover","position","preferredColorScheme","presentationBackground","presentationBackgroundInteraction","presentationCompactAdaptation","presentationContentInteraction","presentationCornerRadius","presentationDragIndicator","previewDisplayName","privacySensitive","progressViewStyle","projectionEffect","redacted","refreshable","renameAction","replaceDisabled","rotationEffect","safeAreaInset","saturation","scaleEffect","scaledToFill","scaledToFit","scenePadding","scrollBounceBehavior","scrollClipDisabled","scrollContentBackground","scrollDisabled","scrollDismissesKeyboard","scrollIndicators","scrollIndicatorsFlash","scrollPosition","scrollTargetBehavior","scrollTargetLayout","searchDictationBehavior","searchPresentationToolbarBehavior","searchSuggestions","searchable","selectionDisabled","shadow","sheet","simultaneousGesture","speechAdjustedPitch","speechAlwaysIncludesPunctuation","speechAnnouncementsQueued","speechSpellsOutCharacters","statusBarHidden","strikethrough","submitLabel","submitScope","swipeActions","symbolEffectsRemoved","symbolRenderingMode","symbolVariant","tabItem","tabViewStyle","tableStyle","textCase","textContentType","textEditorStyle","textFieldStyle","textInputAutocapitalization","textScale","textSelection","tint","toggleStyle","toolbar","toolbarBackground","toolbarColorScheme","toolbarRole","toolbarTitleDisplayMode","toolbarTitleMenu","touchBarCustomizationLabel","touchBarItemPrincipal","tracking","transformEffect","transition","truncationMode","underline","unredacted","zIndex"]
++ ["stroke", "mask"]
@aliases %{
"px" => "padding-horizontal",
"py" => "padding-vertical",
"pt" => "padding-top",
"pr" => "padding-trailing",
"pb" => "padding-bottom",
"pl" => "padding-leading",
"p" => "padding",
"w-" => "frame-width:",
"h-" => "frame-height:",
"min-w-" => "frame-minWidth:",
"max-w-" => "frame-maxWidth:",
"min-h-" => "frame-minHeight:",
"max-h-" => "frame-maxHeight:",
"fg" => "foreground-style",
"bg" => "background",
"overlay--" => "overlay-content::",
"bg--" => "background-content::",
"mask--" => "mask-mask::"
}
for {key, value} <- Enum.sort_by(@aliases, fn {k, _} -> String.length(k) end, :desc) do
def class(unquote(key), target) do
class(unquote(value), target)
end
if String.ends_with?(key, "-") do
def class(unquote(key) <> arguments, target) do
class(unquote(value) <> arguments, target)
end
else
def class(unquote(key) <> "-" <> arguments, target) do
class(unquote(value) <> "-" <> arguments, target)
end
end
end
for modifier <- Enum.sort_by(@modifier_names, &String.length/1, :desc) do
kebab_name = modifier |> Macro.underscore() |> String.replace("_", "-")
def class(unquote(kebab_name) <> arguments, _target) do
name = unquote(modifier)
arguments = arguments
|> String.trim_leading("-") # remove dash separating first argument
|> String.split(~r/(?<!-|:)-/) # arguments separated by a dash
|> Enum.map(fn arg ->
if String.contains?(arg, ":") and not String.starts_with?(arg, ":") do
[name | value] = String.split(arg, ":")
value = Enum.join(value, ":")
"#{name}: #{encode_argument(value)}" # add space between label and value
else
"#{encode_argument(arg)}" # encode argument values
end
end)
|> Enum.join(", ") # rejoin arguments with commas instead of dashes
|> String.replace(":.", ": .")
try do
~RULES"""
<%= name %>(<%= arguments %>)
"""
rescue
_ ->
{:unmatched, ""}
end
end
end
defp encode_argument(value) when value in ["true", "false"], do: value
defp encode_argument(value) do
case Regex.run(~r/^(\[)attr\(([^)]+)\)(\])$/, value) do # [attr(attribute)]
[_, _, attr, _] ->
"attr(\"#{attr}\")"
_ ->
case Regex.run(~r/^\['([^']*)'\]$/, value) do # ['string_value']
[_, string] ->
"\"#{Regex.replace(~r/(?<!\\)_/, string, " ")}\"" # replace `_` with space unless escaped
_ ->
if Regex.match?(~r/^[A-z]([A-z]|\d|_)*$/, value) do
".#{value}" # plain text arguments are treated as `.` members
else
value
end
end
end
end
end
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment