formstrap 0.1.0 → 0.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ef711395960778d13a1deabebd22b2745d05b3f23cead8088c0213e051fca436
-  data.tar.gz: 14080e33cab4d2f4403188d0fac4c097a8ca1a5179465bf83eb0cc42c951161f
+  metadata.gz: 5afd41f3d2d060b685fc6357bca9761bf8c48e4a1b84d7749ea74ead04ebe31a
+  data.tar.gz: 103a7f552523b866e29460eb42ba1007e0ab558a1818eba5a6728500b07ac820
 SHA512:
-  metadata.gz: 79982ab77ff7cf658c946d0d4a8f574af5b1c6a95aad44ec746a48fde13341fe82fb9ea4f77e664324868a2671a2b37ea3d9aacc08d13ae24cb1cbd710e7a4cd
-  data.tar.gz: d400b9aa96761a49ad6cf07736e876110c4d5360ade1337888b4c86dbac3cb981254118dedb0a13cc4aa3d66951c7a1fb9630be1fbe42826dd0cbc0b185f03cc
+  metadata.gz: 5e90e2f3c3e5589459b4f48c1c8ee73a5720a0dbbb00fc543e70ef59d8045111b41b20c973fd80708404b05a074b4ef81d3a9d7e8206b3c1bd3c358b8b4e531b
+  data.tar.gz: debe1ba9cefa1bfd484bb50df731c0b0fe555fe89e06140ec311e0e722ab93771fae0c1d9220aded9810b83c14e3869cf2336686c9169333262526aa295227ec

data/.nvmrc

@@ -0,0 +1 @@
+lts/gallium

data/README.md

@@ -116,3 +116,105 @@ Add your custom Formstrap (e.g. map) helper into the map ```./views/formstrap```
 <% end %>
 ```
 
+## Development
+
+For development purposes it's helpful to have both the test project and Formstrap located in the same directory.
+
+In Gemfile
+
+```ruby
+gem "formstrap", path: "../formstrap"
+```
+
+In package.json
+
+```json
+{
+  "dependencies": {
+    "formstrap": "link:../formstrap"
+  }
+}
+```
+
+To see frontend changes update live in development run
+```shell
+# Watches changes and builds them on-the-fly
+yarn dev
+```
+
+### Javascript
+
+When adding new dependencies, make sure you add them to the `package.json` file as well as the `importmap.rb` file.
+
+## Testing
+
+Run tests with
+
+```shell
+rake test
+```
+
+Or to run a single file
+```shell
+rake test TEST=path/to/test/file.rb
+```
+
+If you want to test a specific feature in a staging environment without releasing the gem, you can refer to the remote
+repo in your Gemfile and package.json.
+
+In Gemfile
+
+```ruby
+gem 'formstrap', git: 'git@github.com:frontierdotbe/formstrap.git', branch: 'feature/test'
+```
+
+In package.json
+
+```json
+{
+  "dependencies": {
+    "formstrap": "ssh://git@github.com:frontierdotbe/formstrap.git#feature/test"
+  }
+}
+
+```
+
+## Releasing
+
+After integration a new feature of fixing a bug, first commit and push your changes.
+
+Update the gem
+
+```shell
+# First bundle if new runtime dependencies were added
+$ bundle
+
+# Update the version number, push commits and tag the release
+$ gem bump -v {patch,minor,major,...} --push --tag
+
+# Release to Rubygems and create a Github release tag
+$ gem release
+```
+
+Update the node package
+
+```shell
+# Manually update the version number in package.json
+$ yarn build 
+$ npm publish --access public
+```
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/frontierdotbe/formstrap. This project is intended
+to be a safe, welcoming space for collaboration, and contributors are expected to adhere to
+the [code of conduct](https://github.com/frontierdotbe/formstrap/blob/master/CODE_OF_CONDUCT.md).
+
+## License
+
+The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
+
+## Code of Conduct
+
+Everyone interacting in the Formstrap project's codebases, issue trackers, chat rooms and mailing lists is expected to
+follow the [code of conduct](https://github.com/frontierdotbe/formstrap/blob/master/CODE_OF_CONDUCT.md).

data/app/assets/javascripts/formstrap/controllers/media_controller.js

@@ -31,7 +31,8 @@ export default class extends Controller {
     const ids = this.activeIds()
 
     this.modalButtonTargets.forEach((button) => {
-      const url = new URL(button.getAttribute('href'))
+      const sourceLocation = location.protocol + '//' + location.host
+      const url = new URL(button.getAttribute('href'), sourceLocation)
 
       // Remove all ids[]
       url.searchParams.delete('ids[]')

data/app/assets/javascripts/formstrap.js

@@ -10974,7 +10974,8 @@ var media_controller_default = class extends Controller {
   syncIds() {
     const ids = this.activeIds();
     this.modalButtonTargets.forEach((button) => {
-      const url = new URL(button.getAttribute("href"));
+      const sourceLocation = location.protocol + "//" + location.host;
+      const url = new URL(button.getAttribute("href"), sourceLocation);
       url.searchParams.delete("ids[]");
       ids.forEach((id) => {
         url.searchParams.append("ids[]", id);

data/app/assets/stylesheets/formstrap/forms/file.scss

@@ -1,5 +1,5 @@
 .h-form-file {
-  --fs-file-spacer-2: 1rem * .5;
+  --fs-file-spacer-2: calc(1rem * .5);
 
   .h-form-file-thumbnails {
     margin-bottom: var(--fs-file-spacer-2);
@@ -15,6 +15,7 @@
 }
 
 .h-form-file-thumbnails {
+  --fs-file-spacer-2: calc(1rem * .5);
   position: relative;
   display: flex;
   flex-wrap: wrap;

data/app/assets/stylesheets/formstrap.css

@@ -1312,7 +1312,7 @@ span.flatpickr-weekday {
   padding: 0;
 }
 .h-form-file {
-  --fs-file-spacer-2: 1rem * .5;
+  --fs-file-spacer-2: calc(1rem * .5);
 }
 .h-form-file .h-form-file-thumbnails {
   margin-bottom: var(--fs-file-spacer-2);
@@ -1324,6 +1324,7 @@ span.flatpickr-weekday {
   margin-bottom: 0;
 }
 .h-form-file-thumbnails {
+  --fs-file-spacer-2: calc(1rem * .5);
   position: relative;
   display: flex;
   flex-wrap: wrap;

data/app/views/formstrap/_media.html.erb

@@ -35,12 +35,12 @@
 
     <!-- Render previews for attachments -->
     <%= form.fields_for(media.nested_attribute, media.association_object) do |ff| %>
-      <%= render "formstrap/media/item", media.item_options.merge(form: ff, url: formstrap_media_url(name: media.name, ids: media.blob_ids, min: media.min, max: media.max, mimetype: media.accept)) %>
+      <%= render "formstrap/media/item", media.item_options.merge(form: ff, url: formstrap_media_path(name: media.name, ids: media.blob_ids, min: media.min, max: media.max, mimetype: media.accept)) %>
     <% end %>
 
     <!-- Placeholder -->
     <div class="<%= "d-none" if media.attachments.any? %>" data-media-target="placeholder">
-      <a href="<%= formstrap_media_url(name: media.name, ids: media.blob_ids, min: media.min, max: media.max, mimetype: media.accept) %>" data-turbo-frame="remote_modal" data-media-target="modalButton">
+      <a href="<%= formstrap_media_path(name: media.name, ids: media.blob_ids, min: media.min, max: media.max, mimetype: media.accept) %>" data-turbo-frame="remote_modal" data-media-target="modalButton">
         <%= render "formstrap/shared/thumbnail", media.thumbnail_options %>
       </a>
     </div>
@@ -50,7 +50,7 @@
   <% association_object = ActiveStorage::Attachment.new %>
   <template data-media-target="template" data-template-id-regex="<%= association_object.object_id %>">
     <%= form.fields_for(media.nested_attribute, ActiveStorage::Attachment.new, child_index: association_object.object_id) do |ff| %>
-      <%= render "formstrap/media/item", media.item_options.merge(form: ff, url: formstrap_media_url(name: media.name, ids: media.blob_ids, min: media.min, max: media.max, mimetype: media.accept)) %>
+      <%= render "formstrap/media/item", media.item_options.merge(form: ff, url: formstrap_media_path(name: media.name, ids: media.blob_ids, min: media.min, max: media.max, mimetype: media.accept)) %>
     <% end %>
   </template>
 

data/app/views/formstrap/media/_media_item_modal.html.erb

@@ -1,5 +1,5 @@
 <%= turbo_frame_tag "modal_content" do %>
-  <%= formstrap_form_with url: formstrap_media_item_url(id: @blob.id), model: @blob do |form| %>
+  <%= formstrap_form_with url: formstrap_media_item_path(id: @blob.id), model: @blob do |form| %>
     <div class="modal-header">
       <h5 class="modal-title"><%= t(".edit") %></h5>
       <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="<%= t(".close") %>"></button>

data/config/locales/en.yml

@@ -1,6 +1,9 @@
 en:
   language_name: English
-
   date:
     formats:
-      default: "%d/%m/%Y"
+      default: "%d/%m/%Y"
+  formstrap:
+    pagination:
+      infinite:
+        load_more: Load more

data/config/locales/nl.yml

@@ -1,6 +1,9 @@
 nl:
   language_name: Nederlands
-
   date:
     formats:
       default: "%d/%m/%Y"
+  formstrap:
+    pagination:
+      infinite:
+        load_more: Laad meer

data/esbuild-css.js

@@ -16,7 +16,7 @@ esbuild.build({
   entryPoints: ['src/scss/formstrap.scss'],
   outfile: 'app/assets/stylesheets/formstrap.css',
   bundle: true,
-  watch: watch,
+  watch,
   allowOverwrite: true,
   plugins: [
     externalUrlPlugin,

data/esbuild-js.js

@@ -7,5 +7,5 @@ esbuild.build({
   bundle: true,
   allowOverwrite: true,
   format: 'esm',
-  watch: watch
+  watch
 }).catch((e) => console.error(e.message))

data/lib/formstrap/version.rb

@@ -1,3 +1,3 @@
 module Formstrap
-  VERSION = "0.1.0"
+  VERSION = "0.1.1"
 end

data/package.json

@@ -1,6 +1,6 @@
 {
-  "name": "formstrap",
-  "version": "0.1",
+  "name": "@frontierdotbe/formstrap",
+  "version": "0.1.0",
   "description": "Bootstrap-powered Form Helpers",
   "module": "app/assets/javascripts/formstrap.js",
   "main": "app/assets/javascripts/formstrap.js",
@@ -17,9 +17,9 @@
   "author": "Jef Vlamings <vlamingsjef@gmail.com>",
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/insiting/headmin/issues"
+    "url": "https://github.com/frontierdotbe/formstrap/issues"
   },
-  "homepage": "https://github.com/insiting/headmin#readme",
+  "homepage": "https://github.com/frontierdotbe/formstrap#readme",
   "dependencies": {
     "@hotwired/stimulus": "^3.0",
     "@hotwired/stimulus-webpack-helpers": "^1.0",
@@ -34,7 +34,7 @@
   "devDependencies": {
     "esbuild": "^0.14.11",
     "esbuild-sass-plugin": "^2.0.3",
-    "standard": "^16.0.4"
+    "standard": "^17.0.0"
   },
   "standard": {
     "ignore": [