RubyGems - frozen_rails - Versions diffs - 0.0.4 → 0.0.6 - Mend

frozen_rails 0.0.4 → 0.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (89) hide show

data/lib/generators/frozen/templates/ssg/.gitlab-ci.yml ADDED Viewed

@@ -0,0 +1,34 @@
+image: ruby:3.4
+cache:
+  paths:
+  - vendor
+stages:
+  - build
+  - deploy
+build:
+  stage: build
+  script:
+    - apt-get update -yqqq
+    - apt-get install -y nodejs
+    - bundle config set path 'vendor'
+    - bundle install
+    - bin/static-build
+  artifacts:
+    paths:
+      - build
+    expire_in: 1 hour
+pages:
+  stage: deploy
+  script:
+    - rm -rf public/*
+    - cp -R build/* public
+    - echo "Deploying to GitLab Pages"
+  artifacts:
+    paths:
+      - public
+  rules:
+    - if: $CI_COMMIT_REF_NAME == $CI_DEFAULT_BRANCH

data/lib/generators/frozen/templates/ui/application.html.erb ADDED Viewed

@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title><%= content_for(:title) || "Test Freeze" %></title>
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="application-name" content="Test Freeze">
+    <meta name="mobile-web-app-capable" content="yes">
+    <%= csrf_meta_tags %>
+    <%= csp_meta_tag %>
+    <%= yield :head %>
+    <%# Enable PWA manifest for installable apps (make sure to enable in config/routes.rb too!) %>
+    <%# = tag.link rel: "manifest", href: pwa_manifest_path(format: :json) %>
+    <link rel="icon" href="/icon.png" type="image/png">
+    <link rel="icon" href="/icon.svg" type="image/svg+xml">
+    <link rel="apple-touch-icon" href="/icon.png">
+    <%= stylesheet_link_tag "application" %>
+    <%= javascript_include_tag "application", type: "module", defer: true %>
+  </head>
+  <body>
+    <%= yield %>
+  </body>
+</html>

data/lib/generators/frozen/templates/ui/application_component.rb ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ class ApplicationComponent < ViewComponent::Base
2	+ end

data/lib/generators/frozen/templates/ui/assets/application.js ADDED Viewed

@@ -0,0 +1,4 @@
+import "./theme"
+import "./unpoly"
+import "./components"
+import "./rouge"

data/lib/generators/frozen/templates/ui/assets/builds/.keep ADDED Viewed

File without changes

data/lib/generators/frozen/templates/ui/assets/components/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import "../../components/*/.js"
2	+ import "../../components/*/.css"

data/lib/generators/frozen/templates/ui/assets/fonts/.keep ADDED Viewed

File without changes

data/lib/generators/frozen/templates/ui/assets/images/.keep ADDED Viewed

File without changes

data/lib/generators/frozen/templates/ui/assets/images/pages/.keep ADDED Viewed

File without changes

data/lib/generators/frozen/templates/ui/assets/jasmine/boot.js ADDED Viewed

@@ -0,0 +1,6 @@
+import 'jasmine-core/lib/jasmine-core/jasmine.css'
+import 'jasmine-core/lib/jasmine-core/jasmine.js'
+import 'jasmine-core/lib/jasmine-core/jasmine-html.js'
+import 'jasmine-core/lib/jasmine-core/boot0.js'
+import 'jasmine-core/lib/jasmine-core/boot1.js'

data/lib/generators/frozen/templates/ui/assets/jasmine/support/fixtures.js ADDED Viewed

@@ -0,0 +1,24 @@
+const fixturesContainer = () => {
+  return document.getElementById('fixtures') || up.element.affix(document.body, '#fixtures')
+}
+afterEach(() => {
+  up.destroy('#fixtures')
+})
+const appendFixtures = (...args) => {
+  return up.element.affix(fixturesContainer(), ...args)
+}
+window.appendFixtures = appendFixtures
+const loadPreviewScenario = (preview, scenario) => {
+  const template = document.querySelector(`.test-cases template[data-component="${preview}"][data-scenario="${scenario}"]`)
+  if (!template) {
+    throw new Error(`Could not find template for [${preview} - ${scenario}]`)
+  }
+  const container = fixturesContainer()
+  container.append(template.content.cloneNode(true))
+  up.hello(container)
+  return container
+}
+window.loadPreviewScenario = loadPreviewScenario

data/lib/generators/frozen/templates/ui/assets/jasmine/support/jasmine-dom.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import 'jasmine_dom_matchers'

data/lib/generators/frozen/templates/ui/assets/jasmine/support/unpoly-test-config.js ADDED Viewed

@@ -0,0 +1,7 @@
+// Make test faster and less flaky
+up.motion.config.enabled = false
+// No link and form handling while on Jasmine runner page
+up.link.config.followSelectors = []
+up.link.config.preloadSelectors = []
+up.form.config.submitSelectors = []

data/lib/generators/frozen/templates/ui/assets/jasmine/support.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import './support/*/.js'

data/lib/generators/frozen/templates/ui/assets/jasmine.js ADDED Viewed

@@ -0,0 +1,5 @@
+import "./jasmine/boot"
+import "./application"
+import "./jasmine/support"
+import '../../test/**/*_spec.js'

data/lib/generators/frozen/templates/ui/assets/rouge/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import './revert.css'
2	+ import './rouge.css'

data/lib/generators/frozen/templates/ui/assets/static.js ADDED Viewed

@@ -0,0 +1,5 @@
+// Reference all assets here that are used from Ruby.
+// Assets that are only from JS or CSS work automatically.
+import './images/**/*'
+import 'jasmine-core/images/jasmine_favicon.png'

data/lib/generators/frozen/templates/ui/assets/theme/README.md ADDED Viewed

@@ -0,0 +1,11 @@
+# water.css
+This directory contains the `water.css` theme.
+Instead of using the npm package or linking directly to a CDN,
+the individual source files were inlined so you can use it as a
+starting point and make adjustments.
+- GitHub: https://github.com/kognise/water.css
+- Source files downloaded from: https://github.com/kognise/water.css/tree/master/src
+- License: [MIT](https://github.com/kognise/water.css/blob/master/LICENSE.md)

data/lib/generators/frozen/templates/ui/assets/theme/base.css ADDED Viewed

@@ -0,0 +1,27 @@
+html {
+  scrollbar-color: var(--scrollbar-thumb) var(--background-body);
+  scrollbar-width: thin;
+}
+body {
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Segoe UI Emoji', 'Apple Color Emoji', 'Noto Color Emoji', sans-serif;
+  line-height: 1.4;
+  max-width: 800px;
+  margin: 20px auto;
+  padding: 0 10px;
+  word-wrap: break-word;
+  color: var(--text-main);
+  background: var(--background-body);
+  text-rendering: optimizeLegibility;
+}
+button,
+input,
+textarea {
+  transition:
+    background-color var(--animation-duration) linear,
+    border-color var(--animation-duration) linear,
+    color var(--animation-duration) linear,
+    box-shadow var(--animation-duration) linear,
+    transform var(--animation-duration) ease;
+}

data/lib/generators/frozen/templates/ui/assets/theme/code.css ADDED Viewed

@@ -0,0 +1,29 @@
+code,
+samp,
+time {
+  background: var(--background);
+  color: var(--code);
+  padding: 2.5px 5px;
+  border-radius: 6px;
+  font-size: 1em;
+}
+pre > code {
+  padding: 10px;
+  display: block;
+  overflow-x: auto;
+}
+var {
+  color: var(--variable);
+  font-style: normal;
+  font-family: monospace;
+}
+kbd {
+  background: var(--background);
+  border: 1px solid var(--border);
+  border-radius: 2px;
+  color: var(--text-main);
+  padding: 2px 4px 2px 4px;
+}

data/lib/generators/frozen/templates/ui/assets/theme/forms.css ADDED Viewed

@@ -0,0 +1,160 @@
+button,
+select,
+input[type='submit'],
+input[type='reset'],
+input[type='button'],
+input[type='checkbox'],
+input[type='range'],
+input[type='radio'] {
+  cursor: pointer;
+}
+input,
+select {
+  display: block;
+}
+[type='checkbox'],
+[type='radio'] {
+  display: initial;
+}
+input,
+button,
+textarea,
+select {
+  color: var(--form-text);
+  background-color: var(--background);
+  font-family: inherit;
+  font-size: inherit;
+  margin-right: 6px;
+  margin-bottom: 6px;
+  padding: 10px;
+  border: none;
+  border-radius: 6px;
+  outline: none;
+}
+button,
+input[type='submit'],
+input[type='reset'],
+input[type='button'] {
+  background-color: var(--button-base);
+  padding-right: 30px;
+  padding-left: 30px;
+}
+button:hover,
+input[type='submit']:hover,
+input[type='reset']:hover,
+input[type='button']:hover {
+  background: var(--button-hover);
+}
+input[type='color'] {
+  min-height: 2rem;
+  padding: 8px;
+  cursor: pointer;
+}
+input[type='checkbox'],
+input[type='radio'] {
+  height: 1em;
+  width: 1em;
+}
+input[type='radio'] {
+  border-radius: 100%;
+}
+input {
+  vertical-align: top;
+}
+label {
+  vertical-align: middle;
+  margin-bottom: 4px;
+  display: inline-block;
+}
+input:not([type='checkbox']):not([type='radio']),
+input[type='range'],
+select,
+button,
+textarea {
+  appearance: none;
+  -webkit-appearance: none;
+}
+textarea {
+  display: block;
+  margin-right: 0;
+  box-sizing: border-box;
+  resize: vertical;
+}
+textarea:not([cols]) {
+  width: 100%;
+}
+textarea:not([rows]) {
+  min-height: 40px;
+  height: 140px;
+}
+select {
+  background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;
+  padding-right: 35px;
+}
+select::-ms-expand {
+  display: none;
+}
+select[multiple] {
+  padding-right: 10px;
+  background-image: none;
+  overflow-y: auto;
+}
+input:focus,
+select:focus,
+button:focus,
+textarea:focus {
+  box-shadow: 0 0 0 2px var(--focus);
+}
+input[type='checkbox']:active,
+input[type='radio']:active,
+input[type='submit']:active,
+input[type='reset']:active,
+input[type='button']:active,
+input[type='range']:active,
+button:active {
+  transform: translateY(2px);
+}
+input:disabled,
+select:disabled,
+button:disabled,
+textarea:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+::placeholder {
+  color: var(--form-placeholder);
+}
+fieldset {
+  border: 1px var(--focus) solid;
+  border-radius: 6px;
+  margin: 0;
+  margin-bottom: 12px;
+  padding: 10px;
+}
+legend {
+  font-size: 0.9em;
+  font-weight: 600;
+}

data/lib/generators/frozen/templates/ui/assets/theme/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import "./variables.css"
2	+ import "./parts.css"

data/lib/generators/frozen/templates/ui/assets/theme/links.css ADDED Viewed

@@ -0,0 +1,8 @@
+a {
+  text-decoration: none;
+  color: var(--links);
+}
+a:hover {
+  text-decoration: underline;
+}

data/lib/generators/frozen/templates/ui/assets/theme/misc.css ADDED Viewed

@@ -0,0 +1,150 @@
+img,
+video {
+  max-width: 100%;
+  height: auto;
+}
+hr {
+  border: none;
+  border-top: 1px solid var(--border);
+}
+table {
+  border-collapse: collapse;
+  margin-bottom: 10px;
+  width: 100%;
+  table-layout: fixed;
+}
+table caption {
+  text-align: left;
+}
+td,
+th {
+  padding: 6px;
+  text-align: left;
+  vertical-align: top;
+  word-wrap: break-word;
+}
+thead {
+  border-bottom: 1px solid var(--border);
+}
+tfoot {
+  border-top: 1px solid var(--border);
+}
+tbody tr:nth-child(even) {
+  background-color: var(--background);
+}
+tbody tr:nth-child(even) button {
+  background-color: var(--background-alt);
+}
+tbody tr:nth-child(even) button:hover {
+  background-color: var(--background-body);
+}
+::-webkit-scrollbar {
+  height: 10px;
+  width: 10px;
+}
+::-webkit-scrollbar-track {
+  background: var(--background);
+  border-radius: 6px;
+}
+::-webkit-scrollbar-thumb {
+  background: var(--scrollbar-thumb);
+  border-radius: 6px;
+}
+::-webkit-scrollbar-thumb:hover {
+  background: var(--scrollbar-thumb-hover);
+}
+::selection {
+  background-color: var(--selection);
+  color: var(--text-bright);
+}
+details {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  background-color: var(--background-alt);
+  padding: 10px 10px 0;
+  margin: 1em 0;
+  border-radius: 6px;
+  overflow: hidden;
+}
+details[open] {
+  padding: 10px;
+}
+details > :last-child {
+  margin-bottom: 0;
+}
+details[open] summary {
+  margin-bottom: 10px;
+}
+summary {
+  display: list-item;
+  background-color: var(--background);
+  padding: 10px;
+  margin: -10px -10px 0;
+  cursor: pointer;
+  outline: none;
+}
+summary:hover,
+summary:focus {
+  text-decoration: underline;
+}
+details > :not(summary) {
+  margin-top: 0;
+}
+summary::-webkit-details-marker {
+  color: var(--text-main);
+}
+dialog {
+  background-color: var(--background-alt);
+  color: var(--text-main);
+  border: none;
+  border-radius: 6px;
+  border-color: var(--border);
+  padding: 10px 30px;
+}
+dialog > header:first-child {
+  background-color: var(--background);
+  border-radius: 6px 6px 0 0;
+  margin: -10px -30px 10px;
+  padding: 10px;
+  text-align: center;
+}
+dialog::backdrop {
+  background: #0000009c;
+  backdrop-filter: blur(4px);
+}
+footer {
+  border-top: 1px solid var(--border);
+  padding-top: 10px;
+  color: var(--text-muted);
+}
+body > footer {
+  margin-top: 40px;
+}

data/lib/generators/frozen/templates/ui/assets/theme/parts.css ADDED Viewed

@@ -0,0 +1,8 @@
+@import "./base.css" layer(theme);
+@import "./typography.css" layer(theme);
+@import "./forms.css" layer(theme);
+@import "./range.css" layer(theme);
+@import "./links.css" layer(theme);
+@import "./code.css" layer(theme);
+@import "./misc.css" layer(theme);
+@import "./print.css" layer(theme);

data/lib/generators/frozen/templates/ui/assets/theme/print.css ADDED Viewed

@@ -0,0 +1,53 @@
+@media print {
+  body,
+  pre,
+  code,
+  summary,
+  details,
+  button,
+  input,
+  textarea {
+    background-color: #fff;
+  }
+  button,
+  input,
+  textarea {
+    border: 1px solid #000;
+  }
+  body,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  pre,
+  code,
+  button,
+  input,
+  textarea,
+  footer,
+  summary,
+  strong {
+    color: #000;
+  }
+  summary::marker {
+    color: #000;
+  }
+  summary::-webkit-details-marker {
+    color: #000;
+  }
+  tbody tr:nth-child(even) {
+    background-color: #f2f2f2;
+  }
+  a {
+    color: #00f;
+    text-decoration: underline;
+  }
+}

data/lib/generators/frozen/templates/ui/assets/theme/range.css ADDED Viewed

@@ -0,0 +1,87 @@
+input[type='range'] {
+  margin: 10px 0;
+  padding: 10px 0;
+  background: transparent;
+}
+input[type='range']:focus {
+  outline: none;
+}
+input[type='range']::-webkit-slider-runnable-track {
+  width: 100%;
+  height: 9.5px;
+  transition: 0.2s;
+  background: var(--background);
+  border-radius: 3px;
+}
+input[type='range']::-webkit-slider-thumb {
+  box-shadow: 0 1px 1px #000, 0 0 1px #0d0d0d;
+  height: 20px;
+  width: 20px;
+  border-radius: 50%;
+  background: var(--border);
+  -webkit-appearance: none;
+  margin-top: -7px;
+}
+input[type='range']:focus::-webkit-slider-runnable-track {
+  background: var(--background);
+}
+input[type='range']::-moz-range-track {
+  width: 100%;
+  height: 9.5px;
+  transition: 0.2s;
+  background: var(--background);
+  border-radius: 3px;
+}
+input[type='range']::-moz-range-thumb {
+  box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
+  height: 20px;
+  width: 20px;
+  border-radius: 50%;
+  background: var(--border);
+}
+input[type='range']::-ms-track {
+  width: 100%;
+  height: 9.5px;
+  background: transparent;
+  border-color: transparent;
+  border-width: 16px 0;
+  color: transparent;
+}
+input[type='range']::-ms-fill-lower {
+  background: var(--background);
+  border: 0.2px solid #010101;
+  border-radius: 3px;
+  box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
+}
+input[type='range']::-ms-fill-upper {
+  background: var(--background);
+  border: 0.2px solid #010101;
+  border-radius: 3px;
+  box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
+}
+input[type='range']::-ms-thumb {
+  box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
+  border: 1px solid #000;
+  height: 20px;
+  width: 20px;
+  border-radius: 50%;
+  background: var(--border);
+}
+input[type='range']:focus::-ms-fill-lower {
+  background: var(--background);
+}
+input[type='range']:focus::-ms-fill-upper {
+  background: var(--background);
+}