actionstore 0.3.1 → 0.3.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5e6dc467f70f4ef25118ae1004d4ea9a92deccb2bf4b067bb09dfc8f2c4ec7e9
-  data.tar.gz: ff1c23831835f4892835a190860431925eee22a8cd71cb6f927a2bc43545b65b
+  metadata.gz: 1c94128c58646259de5ca05a0ddfa34011643c0443015ce23459ec4b17ec5a94
+  data.tar.gz: '0971d6f3ac13a40ac0ae568897df4ec40cd4730bfc58bc5778091ea2cddc24b9'
 SHA512:
-  metadata.gz: a6ffcc9174aa5d85a06cd3290685264579b17cc8da3fce57481ffe4d54c7886bd69e35040f7bca273a27fe809945e21b5d8099fcb95f911d151f61c2bdbd8c25
-  data.tar.gz: 23ba094931c67e32590af4dfd66f55c0af58f8a5e4b69cca65e318467f70337a435d8cdfef48b702713556752bfe9fcc3fe219f23c676e0aa02afe0640e5b466
+  metadata.gz: 31b3eedd570fd0b54362f560f594843e198a444c9d915da7c610dead9c1dd8bd0c324edd1dba328b5c74cf5b6ed8914c00e13a949352e9abdd386bd706529b55
+  data.tar.gz: a5298c7bc3e1519f64543cc0bce8a25d647b73476db78d866eb5252abb36add17d50038b0266ceb2b4e07431809c5e38b3fd99bd76050bcab4d7456126e451d1

data/README.md

@@ -0,0 +1,184 @@
+# ActionStore
+
+[![CircleCI](https://circleci.com/gh/buhrmi/actionstore.svg?style=shield)](https://circleci.com/gh/buhrmi/actionstore)
+[![Gem Version](https://badge.fury.io/rb/actionstore.svg)](https://rubygems.org/gems/actionstore)
+[![npm version](https://badge.fury.io/js/@buhrmi%2Factionstore.svg)](https://www.npmjs.com/package/@buhrmi/actionstore)
+
+ActionStore allows you to push data directly into Svelte stores via ActionCable. Here's an [introductory blog post](https://dev.to/buhrmi/actionstore-real-time-svelte-stores-for-rails-4jhg).
+
+> **Note**
+> There's currently no way to configure the Websocket URL. At the moment it only works in the browser, with the default Rails configuration, on the same origin.
+
+## Installation
+
+### Ruby gem
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'actionstore'
+```
+
+And then execute:
+
+    $ bundle install
+
+### Npm package
+
+Install the package:
+
+    $ yarn add @buhrmi/actionstore
+
+## Usage
+
+Below are some usage examples. For more condensed details, see the [API section](#API).
+
+### Subscribe to a database record
+
+In a Svelte component:
+
+```html
+<script>
+import {subscribe} from '@buhrmi/actionstore'
+
+// you need the signed global id of the record you want to subscribe to
+export let user_sgid
+
+// Calling `subscribe` will set up an ActionCable subscription and return a 
+// Svelte store which you can push to
+const user = subscribe(user_sgid)
+</script>
+
+{#if $user}
+  Hello {$user.name}
+{/if}
+```
+
+Now you can populate the store from the backend:
+
+```ruby
+class User < ApplicationRecord
+  has_actionstore
+
+  def subscribed channel
+    push_update name: 'Rich Harris'
+  end
+end
+```
+
+### Multiple stores
+
+You can also push data into stores specified by an id
+
+```js
+import {subscribe,store} from '@buhrmi/actionstore'
+export let user_sgid
+const user = subscribe(user_sgid)
+
+// Use the store() method to get an ActionStore by id
+const messages = store('messages')
+
+```
+
+Now you can push into the "messages" store from the backend
+
+```ruby
+user.push_append_into 'messages', text: 'hello'
+```
+
+### Autopush changes
+
+You can automatically sync record changes to the store.
+
+```ruby
+class User < ApplicationRecord
+  has_actionstore
+  
+  # this will only push changed attributes
+  after_update_commit -> { push_update saved_changes.transform_values(&:last) }
+ end
+```
+
+### Perform actions
+
+With ActionStore you can define actions directly on the model and call them from the frontend.
+
+```js
+const user = subscribe(user_sgid)
+user.perform 'say_hello', 'thomas'
+```
+
+```ruby
+class User
+  def perform_say_hello channel, name
+    puts "Hello #{name}"
+  end
+end
+```
+
+### Trigger events
+
+```js
+const user = subscribe(user_sgid)
+user.on('show_alert', function(data) {
+  window.alert(data)
+})
+```
+
+```ruby
+user.push_event 'show_alert', 'Boo!'
+```
+
+
+
+## API
+
+ActionStore consists of two parts, the frontend (Javascript) part and the backend (Ruby) part. Find details below.
+
+### Javascript
+
+The `@buhrmi/actionstore` package exports the following functions:
+
+`const someStore = subscribe(sgid, initial=null, storeId=sgid)` - Sets up a new subscription to the record with the specified global id. You can optionally pass a storeId. If a new subscription with the same storeId is created, the old subscription will be cancelled and removed.
+
+`const someStore = store(storeId, initial=null)` - Gets the store with the specified id.
+
+#### Stores
+
+ActionStores are Svelte stores augmented with the following functions:
+
+`someStore.on(event, handler)` - Sets up an event handler for server-sent events
+
+`someStore.perform(action, ...arguments)` - Will call the equivalent `perform_[action]` method on the subscribed model.
+
+### Ruby
+
+Adding `has_actionstore` to your ActiveRecord model (or anything else that can be located via [Global ID](https://github.com/rails/globalid)) will create the following instance methods and behavior
+
+#### Pushing Data
+
+`record.push_append(data)` - Append data to an array in the default store
+
+`record.push_update(changes)` - Updats fields of an object in the default store
+
+`record.push_update_by(key, value, changes)` - Updates fields of an object in the default store, identified by the specified key and value
+
+`record.push_append_into(store_name, data)` - Append data to an array in a specified store
+
+`record.push_update_into(store_name, changes)` - Update fields of an object in a specified store
+
+`record.push_update_by_into(store_name, key, value, changes)` - Update fields of an object in a specified store, identified by the specified key and value
+
+#### Triggering events
+
+`record.push_event(event_name, data)` - Trigger an event on the default store
+
+`record.push_event_into(store_name, event_name, data)` - Trigger an event on a specified store
+
+#### Actions
+
+Any method on the object that starts with `perform_` can potentially be called from the frontend. The first argument is always the channel that received the action (useful for authentication), followed by the arguments passed from the frontend.
+
+#### Callbacks
+
+Whenever a subscription is created or destroyed, the `subscribed(channel)` or `unsubscribed(channel)` method is called on the subject (if defined).

data/lib/actionstore/version.rb

@@ -1,3 +1,3 @@
 module Actionstore
-  VERSION = "0.3.1"
+  VERSION = "0.3.2"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: actionstore
 version: !ruby/object:Gem::Version
-  version: 0.3.1
+  version: 0.3.2
 platform: ruby
 authors:
 - Stefan Buhrmester
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-10-07 00:00:00.000000000 Z
+date: 2022-11-08 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails

data/README.md

@@ -1 +0,0 @@
-../README.md