Skip to content

Commit

Permalink
Theme Advance - Retriever & Hound
Browse files Browse the repository at this point in the history 
This update expands on the initial release by bundling many more pages to each of the two initial themes, Retriever for Bootstrap and Hound for Tailwind CSS.

Along the way, additional improvements have been made to the configuration experience as a whole allowing you to add and remove pages in one click.
  • Loading branch information
@justalever
justalever committed Aug 13, 2023
1 parent f254d24 commit fbbfe2e
Show file tree
Hide file tree
Showing 98 changed files with 10,169 additions and 637 deletions.
1 change: 1 addition & 0 deletions .gitignore
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,3 +9,4 @@
/node_modules
.DS_Store
/app/assets/builds/railsui/*
.vscode
22 changes: 13 additions & 9 deletions Gemfile.lock
View file
Original file line number Diff line number Diff line change
@@ -1,10 +1,11 @@
PATH
remote: .
specs:
railsui (0.1.0)
cssbundling-rails (>= 1.1)
railsui (1.0.1)
inline_svg (>= 1.9)
jsbundling-rails (>= 1.1)
meta-tags
name_of_person
psych
rails (>= 7.0)

GEM
Expand Down Expand Up @@ -90,8 +91,6 @@ GEM
inline_svg (1.9.0)
activesupport (>= 3.0)
nokogiri (>= 1.6)
jsbundling-rails (1.1.1)
railties (>= 6.0.0)
json (2.6.3)
language_server-protocol (3.17.0.3)
loofah (2.19.1)
Expand All @@ -103,10 +102,14 @@ GEM
net-pop
net-smtp
marcel (1.0.2)
meta-tags (2.18.0)
actionpack (>= 3.2.0, < 7.1)
method_source (1.0.0)
mini_mime (1.1.2)
minitest (5.18.0)
net-imap (0.3.4)
name_of_person (1.1.1)
activesupport (>= 5.2.0)
net-imap (0.3.6)
date
net-protocol
net-pop (0.1.2)
Expand All @@ -115,16 +118,16 @@ GEM
timeout
net-smtp (0.3.3)
net-protocol
nio4r (2.5.8)
nio4r (2.5.9)
nokogiri (1.14.3-arm64-darwin)
racc (~> 1.4)
nokogiri (1.14.3-x86_64-darwin)
racc (~> 1.4)
nokogiri (1.14.3-x86_64-linux)
racc (~> 1.4)
parallel (1.22.1)
parser (3.2.2.0)
ast (~> 2.4.1)
psych (5.1.0)
stringio
racc (1.6.2)
rack (2.2.6.4)
rack-test (2.1.0)
Expand Down Expand Up @@ -181,6 +184,7 @@ GEM
rubocop-performance (~> 1.16.0)
stimulus-rails (1.2.1)
railties (>= 6.0.0)
stringio (3.0.7)
thor (1.2.1)
timeout (0.3.2)
tzinfo (2.0.6)
Expand Down
2 changes: 1 addition & 1 deletion app/assets/builds/railsui/application.css
View file

Large diffs are not rendered by default.

273 changes: 154 additions & 119 deletions app/assets/builds/railsui/application.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -57877,131 +57877,151 @@
// app/javascript/controllers/canvas_controller.js
var canvas_controller_default = class extends Controller {
connect() {
var c = this.element, ctx = c.getContext("2d"), cw = c.width = window.innerWidth, ch = c.height = window.innerHeight, points = [], tick = 0, opt = {
count: 5,
range: {
x: 40,
y: 80
},
duration: {
min: 40,
max: 100
},
thickness: 0,
strokeColor: "transparent",
level: 0.65,
curved: true
}, rand = function(min2, max2) {
return Math.floor(Math.random() * (max2 - min2 + 1) + min2);
}, ease = function(t, b, c2, d) {
if ((t /= d / 2) < 1)
return c2 / 2 * t * t + b;
return -c2 / 2 * (--t * (t - 2) - 1) + b;
};
ctx.lineJoin = "round";
ctx.lineWidth = opt.thickness;
ctx.strokeStyle = opt.strokeColor;
var Point = function(config) {
this.anchorX = config.x;
this.anchorY = config.y;
this.x = config.x;
this.y = config.y;
this.setTarget();
};
Point.prototype.setTarget = function() {
this.initialX = this.x;
this.initialY = this.y;
this.targetX = this.anchorX + rand(0, opt.range.x * 2) - opt.range.x;
this.targetY = this.anchorY + rand(0, opt.range.y * 2) - opt.range.y;
this.tick = 0;
this.duration = rand(opt.duration.min, opt.duration.max);
};
Point.prototype.update = function() {
var dx = this.targetX - this.x;
var dy = this.targetY - this.y;
var dist = Math.sqrt(dx * dx + dy * dy);
if (Math.abs(dist) <= 0) {
if (this.element) {
var c = this.element, ctx = c.getContext("2d"), cw = c.width = window.innerWidth, ch = c.height = window.innerHeight, points = [], tick = 0, opt = {
count: 5,
range: {
x: 40,
y: 80
},
duration: {
min: 40,
max: 100
},
thickness: 0,
strokeColor: "transparent",
level: 0.65,
curved: true
}, rand = function(min2, max2) {
return Math.floor(Math.random() * (max2 - min2 + 1) + min2);
}, ease = function(t, b, c2, d) {
if ((t /= d / 2) < 1)
return c2 / 2 * t * t + b;
return -c2 / 2 * (--t * (t - 2) - 1) + b;
};
ctx.lineJoin = "round";
ctx.lineWidth = opt.thickness;
ctx.strokeStyle = opt.strokeColor;
var Point = function(config) {
this.anchorX = config.x;
this.anchorY = config.y;
this.x = config.x;
this.y = config.y;
this.setTarget();
} else {
var t = this.tick;
var b = this.initialY;
var c2 = this.targetY - this.initialY;
var d = this.duration;
this.y = ease(t, b, c2, d);
b = this.initialX;
c2 = this.targetX - this.initialX;
d = this.duration;
this.x = ease(t, b, c2, d);
this.tick++;
}
};
Point.prototype.render = function() {
ctx.beginPath();
ctx.arc(this.x, this.y, 3, 0, Math.PI * 2, false);
ctx.fillStyle = "#000";
ctx.fill();
};
var updatePoints = function() {
var i2 = points.length;
while (i2--) {
points[i2].update();
}
};
var renderPoints = function() {
var i2 = points.length;
while (i2--) {
points[i2].render();
}
};
var renderShape = function() {
ctx.beginPath();
var pointCount = points.length;
ctx.moveTo(points[0].x, points[0].y);
var i2;
for (i2 = 0; i2 < pointCount - 1; i2++) {
var c2 = (points[i2].x + points[i2 + 1].x) / 2;
var d = (points[i2].y + points[i2 + 1].y) / 2;
ctx.quadraticCurveTo(points[i2].x, points[i2].y, c2, d);
};
Point.prototype.setTarget = function() {
this.initialX = this.x;
this.initialY = this.y;
this.targetX = this.anchorX + rand(0, opt.range.x * 2) - opt.range.x;
this.targetY = this.anchorY + rand(0, opt.range.y * 2) - opt.range.y;
this.tick = 0;
this.duration = rand(opt.duration.min, opt.duration.max);
};
Point.prototype.update = function() {
var dx = this.targetX - this.x;
var dy = this.targetY - this.y;
var dist = Math.sqrt(dx * dx + dy * dy);
if (Math.abs(dist) <= 0) {
this.setTarget();
} else {
var t = this.tick;
var b = this.initialY;
var c2 = this.targetY - this.initialY;
var d = this.duration;
this.y = ease(t, b, c2, d);
b = this.initialX;
c2 = this.targetX - this.initialX;
d = this.duration;
this.x = ease(t, b, c2, d);
this.tick++;
}
};
Point.prototype.render = function() {
ctx.beginPath();
ctx.arc(this.x, this.y, 3, 0, Math.PI * 2, false);
ctx.fillStyle = "#000";
ctx.fill();
};
var updatePoints = function() {
var i2 = points.length;
while (i2--) {
points[i2].update();
}
};
var renderPoints = function() {
var i2 = points.length;
while (i2--) {
points[i2].render();
}
};
var renderShape = function() {
ctx.beginPath();
var pointCount = points.length;
ctx.moveTo(points[0].x, points[0].y);
var i2;
for (i2 = 0; i2 < pointCount - 1; i2++) {
var c2 = (points[i2].x + points[i2 + 1].x) / 2;
var d = (points[i2].y + points[i2 + 1].y) / 2;
ctx.quadraticCurveTo(points[i2].x, points[i2].y, c2, d);
}
ctx.lineTo(-opt.range.x - opt.thickness, ch + opt.thickness);
ctx.lineTo(cw + opt.range.x + opt.thickness, ch + opt.thickness);
ctx.closePath();
var gradient = ctx.createLinearGradient(20, 300, 240, 0);
gradient.addColorStop(1, "#4338CA");
gradient.addColorStop(0.05, "salmon");
ctx.fillStyle = gradient;
ctx.fill();
ctx.stroke();
};
var clear = function() {
ctx.clearRect(0, 0, cw, ch);
};
var loop = function() {
window.requestAnimFrame(loop, c);
tick++;
clear();
updatePoints();
renderShape();
};
var i = opt.count + 2;
var spacing = (cw + opt.range.x * 2) / (opt.count - 1);
while (i--) {
points.push(
new Point({
x: spacing * (i - 1) - opt.range.x,
y: ch - ch * opt.level
})
);
}
ctx.lineTo(-opt.range.x - opt.thickness, ch + opt.thickness);
ctx.lineTo(cw + opt.range.x + opt.thickness, ch + opt.thickness);
ctx.closePath();
var gradient = ctx.createLinearGradient(20, 300, 240, 0);
gradient.addColorStop(1, "#4338CA");
gradient.addColorStop(0.05, "salmon");
ctx.fillStyle = gradient;
ctx.fill();
ctx.stroke();
};
var clear = function() {
ctx.clearRect(0, 0, cw, ch);
};
var loop = function() {
window.requestAnimFrame(loop, c);
tick++;
clear();
updatePoints();
renderShape();
};
var i = opt.count + 2;
var spacing = (cw + opt.range.x * 2) / (opt.count - 1);
while (i--) {
points.push(
new Point({
x: spacing * (i - 1) - opt.range.x,
y: ch - ch * opt.level
})
);
window.requestAnimFrame = function() {
return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(a) {
window.setTimeout(a, 1e3 / 60);
};
}();
loop();
}
window.requestAnimFrame = function() {
return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(a) {
window.setTimeout(a, 1e3 / 60);
};
}();
loop();
}
};

// app/javascript/controllers/dialog_controller.js
var dialog_controller_default = class extends Controller {
launch(event) {
event.preventDefault();
this.dialogTarget.showModal();
}
cancel(event) {
event.preventDefault();
this.dialogTarget.close();
}
perform() {
this.buttonTarget.textContent = "Processing...";
this.buttonTarget.classList.add("opacity-50", "pointer-events-none");
this.cancelTarget.classList.add("hidden");
}
};
__publicField(dialog_controller_default, "targets", ["dialog", "button", "cancel"]);

// node_modules/stimulus-use/dist/index.js
var composeEventName = (name, controller, eventPrefix) => {
let composedName = name;
Expand Down Expand Up @@ -58473,6 +58493,19 @@
};
__publicField(tabs_controller_default, "targets", ["tab", "panel"]);

// app/javascript/controllers/pages_controller.js
var pages_controller_default = class extends Controller {
checkAll() {
const checkAllCheckbox = this.checkboxTargets[0];
const checkboxes = this.checkboxTargets.slice(1);
checkboxes.forEach((checkbox) => {
checkbox.checked = !checkbox.checked;
});
checkAllCheckbox.checked = checkboxes.every((checkbox) => checkbox.checked);
}
};
__publicField(pages_controller_default, "targets", ["checkbox"]);

// app/javascript/controllers/toggle_controller.js
var toggle_controller_default = class extends Controller {
toggle() {
Expand Down Expand Up @@ -58508,6 +58541,7 @@
application.register("configuration", configuration_controller_default);
application.register("code", code_controller_default);
application.register("canvas", canvas_controller_default);
application.register("dialog", dialog_controller_default);
application.register("dropdown", dropdown_controller_default);
application.register("flash", flash_controller_default);
application.register("helper", helper_controller_default);
Expand All @@ -58518,6 +58552,7 @@
application.register("search", search_controller_default);
application.register("smooth", smooth_controller_default);
application.register("tabs", tabs_controller_default);
application.register("pages", pages_controller_default);
application.register("toggle", toggle_controller_default);
application.register("tooltip", tooltip_controller_default);
})();
Expand Down
6 changes: 3 additions & 3 deletions app/assets/builds/railsui/application.js.map
View file

Large diffs are not rendered by default.

Loading

0 comments on commit fbbfe2e

Please sign in to comment.