Tobias Dalhof tobiasdalhof

htmx-ext-shopify gives you access to the Shopify Ajax API from HTML to progressively enhance your Liquid templates. It's an unofficial, experimental extension for htmx.

The extension manipulates API requests and responses in order to replace / update Liquid sections on the current page. The new HTML for sections comes from Bundled section rendering and inserted using htmx swapping and out of band swaps.

This behavior is controlled using existing and new (see below) hx-* attributes on the form triggering the request.

Current features

Update the customer's cart through the Shopify Ajax API and update the current page in response.

Installation

PX	REM	TW
4	0.25	1
8	0.5	2
16	1	4
32	2	8
48	3	12
64	4	16
80	5	20
96	6	24
112	7	28

First of all, please note that token expiration and revoking are two different things.

Expiration only happens for web apps, not for native mobile apps, because native apps never expire.
Revoking only happens when (1) uses click the logout button on the website or native Apps;(2) users reset their passwords; (3) users revoke their tokens explicitly in the administration panel.

1. How to hadle JWT expiration

A JWT token that never expires is dangerous if the token is stolen then someone can always access the user's data.

Quoted from JWT RFC:

Semantic Commit Messages

See how a minor change to your commit message style can make you a better programmer.

Format: <type>(<scope>): <subject>

<scope> is optional

Example

Use case : Imagine we have just created a project with composer create-project awesone-project (currently V0.2). 2 weeks later, there is a new release (V0.3). How to update your project ? Since composer update only updates the project dependencies, it is not what we are looking for. Composer doesn't know about awesome-project since it's not in our composer.json.

After trying many git solutions, I've come to this :

git archive --output=changes.zip HEAD $(git diff --name-only SHA1 SHA2 --diff-filter=ACMRTUXB)

This command will check for changes between the two commits and ignore deleted files.

JWT Kong Example

Get and Start Kong and Co

git clone git@github.com:Mashape/docker-kong.git
cd docker-kong/compose
docker-compose up

Create Kong API Route

	func JwtVerify(next http.Handler) http.Handler {
	return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {

	var header = r.Header.Get("x-access-token") //Grab the token from the header

	header = strings.TrimSpace(header)

	if header == "" {
	//Token is missing, returns with error code 403 Unauthorized
	w.WriteHeader(http.StatusForbidden)

	a4b.amazonaws.com
	access-analyzer.amazonaws.com
	account.amazonaws.com
	acm-pca.amazonaws.com
	acm.amazonaws.com
	airflow-env.amazonaws.com
	airflow.amazonaws.com
	alexa-appkit.amazon.com
	alexa-connectedhome.amazon.com
	amazonmq.amazonaws.com

	window.Clipboard = (function(window, document, navigator) {
	var textArea,
	copy;

	function isOS() {
	return navigator.userAgent.match(/ipad\|iphone/i);
	}

	function createTextArea(text) {
	textArea = document.createElement('textArea');

	// Add a 401 response interceptor
	window.axios.interceptors.response.use(function (response) {
	return response;
	}, function (error) {
	if (401 === error.response.status) {
	swal({
	title: "Session Expired",
	text: "Your session has expired. Would you like to be redirected to the login page?",
	type: "warning",
	showCancelButton: true,