shimmer 0.0.28 → 0.0.30

data/gemfiles/Gemfile-rails-7-0

@@ -0,0 +1,48 @@
+# frozen_string_literal: true
+
+source "https://rubygems.org"
+
+# Specify your gem's dependencies in shimmer.gemspec
+gemspec path: ".."
+
+gem "rails", "~> 7.0.0"
+gem "propshaft"
+gem "sqlite3"
+gem "puma"
+gem "jsbundling-rails"
+gem "turbo-rails"
+gem "stimulus-rails"
+gem "cssbundling-rails"
+gem "jbuilder"
+gem "bootsnap", require: false
+gem "dotenv"
+gem "slim-rails"
+gem "awesome_print"
+gem "dotenv-rails"
+
+group :development, :test do
+  gem "debug", platforms: %i[mri mingw x64_mingw]
+  gem "rake"
+  gem "rspec-rails"
+  gem "rspec-retry"
+  gem "pry"
+  gem "pry-rails"
+  gem "pry-byebug"
+  gem "pry-doc"
+  gem "guard"
+  gem "guard-rspec"
+  gem "capybara"
+  gem "rack_session_access"
+  gem "cuprite"
+  gem "standard"
+  gem "rubocop"
+  gem "rubocop-rails"
+  gem "rubocop-performance"
+  gem "rubocop-rspec"
+  gem "rubocop-rake"
+end
+
+group :development do
+  gem "web-console"
+  gem "annotate"
+end

data/lib/shimmer/auth/apple_provider.rb

@@ -10,7 +10,7 @@ module Shimmer
       def request_details(params)
         name = params[:user] ? JSON.parse(params[:user])["name"] : {}
         headers = {
-          'Content-Type': "application/x-www-form-urlencoded"
+          "Content-Type": "application/x-www-form-urlencoded"
         }
         form = {
           grant_type: "authorization_code",

data/lib/shimmer/controllers/sitemaps_controller.rb

@@ -4,7 +4,9 @@ module Shimmer
   class SitemapsController < ActionController::Base
     def show
       path = "sitemaps/#{params.require(:path)}.gz"
-      send_data ActiveStorage::Blob.service.download(path)
+      filename = "sitemap_#{params[:path]}.xml.gz"
+
+      send_data ActiveStorage::Blob.service.download(path), filename: filename, type: "application/gzip", disposition: "attachment"
     end
   end
 end

data/lib/shimmer/form/builder.rb

@@ -72,7 +72,7 @@ module Shimmer
           classes << "input--error"
           errors = safe_join(object.errors[method].map { |e| content_tag :div, e, class: "input__error" })
         end
-        label = label == false ? nil : self.label(label_method || method, label, class: "input__label")
+        label = (label == false) ? nil : self.label(label_method || method, label, class: "input__label")
         description = description.presence ? content_tag(:div, description, class: "input__description") : nil
         content_tag(:div, safe_join([label, content, description, errors, extra].compact), class: ["input"] + classes, **options)
       end

data/lib/shimmer/utils/config.rb

@@ -3,16 +3,22 @@
 module Shimmer
   class Config
     include Singleton
+
     class MissingConfigError < StandardError; end
 
-    def method_missing(method_name)
+    def method_missing(method_name, **options)
+      default_provided = options.key?(:default)
+      default_value = options.delete(:default) if default_provided
+      raise ArgumentError, "unknown option#{"s" if options.length > 1}: #{options.keys.join(", ")}." if options.any?
+
       method_name = method_name.to_s
       type = :string
       key = method_name.delete_suffix("!").delete_suffix("?")
       required = method_name.end_with?("!")
       type = :bool if method_name.end_with?("?")
       value = ENV[key.upcase].presence
-      value ||= Rails.application.credentials.send(key)
+      value ||= Rails.application.credentials.public_send(key)
+      value = default_value if value.nil?
       raise MissingConfigError, "#{key.upcase} environment value is missing" if required && value.blank?
 
       coerce value, type
@@ -25,7 +31,7 @@ module Shimmer
     private
 
     def coerce(value, type)
-      return !value.in?(["n", "0", "no", "false"]) if type == :bool && value.is_a?(String)
+      return !value.downcase.in?(["n", "0", "no", "false"]) if type == :bool && value.is_a?(String)
 
       value
     end

data/lib/shimmer/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Shimmer
-  VERSION = "0.0.28"
+  VERSION = "0.0.30"
 end

data/package.json

@@ -4,13 +4,14 @@
   "description": "Simple application development in Rails",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
-  "types": "dist/index",
+  "types": "dist/index.d.ts",
   "files": [
     "dist"
   ],
   "scripts": {
-    "build": "yarn build:js && yarn build:types",
+    "build": "yarn build:js && yarn build:components && yarn build:types",
     "build:js": "NODE_ENV=production rollup -c",
+    "build:components": "NODE_ENV=production rollup --config rollup.component.config.js && echo 'import \"./stack.css\";' >> dist/components/stack.js",
     "build:types": "tsc --emitDeclarationOnly",
     "format": "prettier --write \"src/**/*.{ts,css,scss,json,yml}\"",
     "lint": "yarn lint:types && yarn lint:style",
@@ -18,7 +19,8 @@
     "lint:style": "eslint src/**/*.ts --max-warnings 0"
   },
   "contributors": [
-    "Jens Ravens"
+    "Jens Ravens",
+    "Geraldine Atayan"
   ],
   "license": "MIT",
   "dependencies": {
@@ -27,17 +29,35 @@
     "@rails/request.js": "^0.0.6"
   },
   "devDependencies": {
+    "@babel/core": "^7.0.0-0",
+    "@babel/plugin-proposal-class-properties": "^7.16.7",
+    "@babel/plugin-transform-runtime": "^7.17.0",
+    "@babel/preset-env": "^7.16.11",
+    "@babel/preset-flow": "^7.16.7",
+    "@babel/preset-react": "^7.16.7",
+    "@types/react": "^17.0.37",
+    "@types/react-dom": "^17.0.1",
     "@typescript-eslint/eslint-plugin": "^5.6.0",
     "@typescript-eslint/parser": "^5.6.0",
     "esbuild": "^0.14.2",
     "eslint": "^8.4.1",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-prettier": "^4.0.0",
+    "postcss": "^8.4.24",
+    "postcss-preset-env": "^8.5.1",
     "prettier": "^2.5.1",
     "rollup": "^2.61.0",
     "rollup-plugin-cleaner": "^1.0.0",
     "rollup-plugin-esbuild": "^4.7.2",
-    "typescript": "^4.1.3"
+    "rollup-plugin-postcss": "^4.0.2",
+    "sass": "^1.63.4",
+    "typescript": "^4.1.3",
+    "classnames": "^2.3.2"
+  },
+  "peerDependencies": {
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
+    "classnames": "^2.3.2"
   },
   "keywords": [
     "rails",

data/rollup.component.config.js

@@ -0,0 +1,37 @@
+import esbuild from "rollup-plugin-esbuild";
+import pkg from "./package.json";
+import postcss from "rollup-plugin-postcss";
+import postcssPresetEnv from "postcss-preset-env";
+
+export default {
+  input: "./src/components/stack.tsx",
+  external: ["react", "react-dom", "classnames"],
+  plugins: [
+    esbuild({
+      target: "es6",
+    }),
+    [
+      "@babel/plugin-transform-runtime",
+      {
+        regenerator: true,
+      },
+    ],
+    postcss({
+      extract: true,
+      plugins: [postcssPresetEnv({ preserve: true })],
+    }),
+  ],
+  output: {
+    dir: "dist/components",
+    plugins: [
+      {
+        file: pkg.main,
+        format: "cjs",
+      },
+      {
+        file: pkg.module,
+        format: "es",
+      },
+    ],
+  },
+};

data/src/components/stack.scss

@@ -0,0 +1,252 @@
+@mixin breakpoint-tablet {
+  @media (min-width: 640px) {
+    @content;
+  }
+}
+@mixin breakpoint-desktop {
+  @media (min-width: 890px) {
+    @content;
+  }
+}
+@mixin breakpoint-widescreen {
+  @media (min-width: 1280px) {
+    @content;
+  }
+}
+
+$sizes: (
+  0: 0px,
+  2: 2px,
+  4: 4px,
+  8: 8px,
+  12: 12px,
+  16: 16px,
+  20: 20px,
+  22: 22px,
+  24: 24px,
+  32: 32px,
+  40: 40px,
+  48: 48px,
+  56: 56px,
+  64: 64px,
+);
+
+@mixin line {
+  flex-direction: row;
+  align-items: center;
+}
+
+.stack {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+
+  > * {
+    min-width: 0;
+  }
+
+  &--line {
+    @include line;
+    align-items: flex-start;
+  }
+
+  // align
+  &--align-start {
+    align-items: flex-start;
+  }
+  &--align-center {
+    align-items: center;
+  }
+  &--align-end {
+    align-items: flex-end;
+  }
+  &--align-stretch {
+    align-items: stretch;
+  }
+  &--align-baseline {
+    align-items: baseline;
+  }
+
+  // justify
+  &--justify-start {
+    justify-content: flex-start;
+  }
+  &--justify-center {
+    justify-content: center;
+  }
+  &--justify-end {
+    justify-content: flex-end;
+  }
+  &--justify-space-between {
+    justify-content: space-between;
+  }
+  &--justify-space-around {
+    justify-content: space-around;
+  }
+  &--justify-stretch {
+    justify-content: stretch;
+    > * {
+      min-width: min-content;
+      flex-grow: 1;
+    }
+  }
+  &--justify-equal-size {
+    > * {
+      flex: 1;
+    }
+  }
+
+  @each $size, $size-value in $sizes {
+    &--#{$size} {
+      gap: $size-value;
+    }
+  }
+
+  @include breakpoint-tablet {
+    @each $size, $size-value in $sizes {
+      &--tablet-#{$size} {
+        gap: $size-value;
+      }
+    }
+
+    &--line-tablet {
+      @include line;
+    }
+    &--align-tablet-start {
+      align-items: flex-start;
+    }
+    &--align-tablet-center {
+      align-items: center;
+    }
+    &--align-tablet-end {
+      align-items: flex-end;
+    }
+    &--align-tablet-stretch {
+      align-items: stretch;
+    }
+    &--align-tablet-baseline {
+      align-items: baseline;
+    }
+    &--justify-tablet-start {
+      justify-content: flex-start;
+    }
+    &--justify-tablet-center {
+      justify-content: center;
+    }
+    &--justify-tablet-end {
+      justify-content: flex-end;
+    }
+    &--justify-tablet-space-between {
+      justify-content: space-between;
+    }
+    &--justify-tablet-space-around {
+      justify-content: space-around;
+    }
+    &--justify-tablet-stretch {
+      justify-content: stretch;
+    }
+    &--justify-tablet-equal-size {
+      > * {
+        flex: 1;
+      }
+    }
+  }
+  @include breakpoint-desktop {
+    @each $size, $size-value in $sizes {
+      &--desktop-#{$size} {
+        gap: $size-value;
+      }
+    }
+
+    &--line-desktop {
+      @include line;
+    }
+    &--align-desktop-start {
+      align-items: flex-start;
+    }
+    &--align-desktop-center {
+      align-items: center;
+    }
+    &--align-desktop-end {
+      align-items: flex-end;
+    }
+    &--align-desktop-stretch {
+      align-items: stretch;
+    }
+    &--align-desktop-baseline {
+      align-items: baseline;
+    }
+    &--justify-desktop-start {
+      justify-content: flex-start;
+    }
+    &--justify-desktop-center {
+      justify-content: center;
+    }
+    &--justify-desktop-end {
+      justify-content: flex-end;
+    }
+    &--justify-desktop-space-between {
+      justify-content: space-between;
+    }
+    &--justify-desktop-space-around {
+      justify-content: space-around;
+    }
+    &--justify-desktop-stretch {
+      justify-content: stretch;
+    }
+    &--justify-desktop-equal-size {
+      > * {
+        flex: 1;
+      }
+    }
+  }
+  @include breakpoint-widescreen {
+    @each $size, $size-value in $sizes {
+      &--widescreen-#{$size} {
+        gap: $size-value;
+      }
+    }
+
+    &--line-widescreen {
+      @include line;
+    }
+    &--align-widescreen-start {
+      align-items: flex-start;
+    }
+    &--align-widescreen-center {
+      align-items: center;
+    }
+    &--align-widescreen-end {
+      align-items: flex-end;
+    }
+    &--align-widescreen-stretch {
+      align-items: stretch;
+    }
+    &--align-widescreen-baseline {
+      align-items: baseline;
+    }
+    &--justify-widescreen-start {
+      justify-content: flex-start;
+    }
+    &--justify-widescreen-center {
+      justify-content: center;
+    }
+    &--justify-widescreen-end {
+      justify-content: flex-end;
+    }
+    &--justify-widescreen-space-between {
+      justify-content: space-between;
+    }
+    &--justify-widescreen-space-around {
+      justify-content: space-around;
+    }
+    &--justify-widescreen-stretch {
+      justify-content: stretch;
+    }
+    &--justify-widescreen-equal-size {
+      > * {
+        flex: 1;
+      }
+    }
+  }
+}

data/src/components/stack.tsx

@@ -0,0 +1,81 @@
+import React from "react";
+import classnames from "classnames";
+import "./stack.scss";
+
+type Justify =
+  | "start"
+  | "center"
+  | "end"
+  | "space-between"
+  | "space-around"
+  | "stretch"
+  | "equal-size";
+type Align = "start" | "center" | "end" | "stretch" | "baseline";
+
+export interface Props {
+  children: React.ReactNode;
+  gap?: number;
+  gapTablet?: number;
+  gapDesktop?: number;
+  gapWidescreen?: number;
+  line?: boolean;
+  lineTablet?: boolean;
+  lineDesktop?: boolean;
+  lineWidescreen?: boolean;
+  align?: Align;
+  alignTablet?: Align;
+  alignDesktop?: Align;
+  alignWidescreen?: Align;
+  justify?: Justify;
+  justifyTablet?: Justify;
+  justifyDesktop?: Justify;
+  justifyWidescreen?: Justify;
+}
+
+export function Stack({
+  children,
+  gap = 8,
+  gapTablet,
+  gapDesktop,
+  gapWidescreen,
+  line,
+  lineTablet,
+  lineDesktop,
+  lineWidescreen,
+  align,
+  alignTablet,
+  alignDesktop,
+  alignWidescreen,
+  justify,
+  justifyTablet,
+  justifyDesktop,
+  justifyWidescreen,
+}: Props): JSX.Element {
+  return (
+    <div
+      className={classnames(
+        "stack",
+        gap && `stack--${gap}`,
+        gapTablet && `stack--tablet-${gapTablet}`,
+        gapDesktop && `stack--desktop-${gapDesktop}`,
+        gapWidescreen && `stack--widescreen-${gapWidescreen}`,
+        align && `stack--align-${align}`,
+        alignTablet && `stack--align-tablet-${alignTablet}`,
+        alignDesktop && `stack--align-desktop-${alignDesktop}`,
+        alignWidescreen && `stack--align-widescreen-${alignWidescreen}`,
+        justify && `stack--justify-${justify}`,
+        justifyTablet && `stack--justify-tablet-${justifyTablet}`,
+        justifyDesktop && `stack--justify-desktop-${justifyDesktop}`,
+        justifyWidescreen && `stack--justify-widescreen-${justifyWidescreen}`,
+        {
+          "stack--line": line,
+          "stack--line-tablet": lineTablet,
+          "stack--line-desktop": lineDesktop,
+          "stack--line-widescreen": lineWidescreen,
+        }
+      )}
+    >
+      {children}
+    </div>
+  );
+}

data/tsconfig.json

@@ -21,8 +21,9 @@
     "suppressImplicitAnyIndexErrors": true,
     "target": "es6",
     "isolatedModules": true,
-    "declaration": true
+    "declaration": true,
+    "jsx": "react"
   },
   "exclude": ["node_modules", "dist"],
-  "files": ["src/index.ts"]
+  "files": ["src/index.ts", "src/components/stack.tsx"]
 }