first commit

Author: victoryoalli

.editorconfig

@@ -0,0 +1,15 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+insert_final_newline = true
+indent_style = space
+indent_size = 4
+trim_trailing_whitespace = true
+
+[*.md]
+trim_trailing_whitespace = false
+
+[*.{yml,yaml}]
+indent_size = 2

.gitignore

@@ -0,0 +1 @@
+/node_modules/

README.md

@@ -1 +1,3 @@
 # alpinejs-plugin-blueprint
+
+Replace all `plugin` and `magic` text to your corresponding code

builds/cdn.js

@@ -0,0 +1,5 @@
+import plugin from '../src/index.js'
+
+document.addEventListener('alpine:init', () => {
+    window.Alpine.plugin(plugin)
+})

builds/module.js

@@ -0,0 +1,3 @@
+import plugin from '../src/index.js'
+
+export default plugin

package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@victoryoalli/alpinejs-plugin-blueprint",
+  "version": "1.0.0",
+  "description": "Super alpine.js plugin",
+  "main": "dist/plugin.cjs.js",
+  "module": "dist/plugin.esm.js",
+  "unpkg": "dist/plugin.min.js",
+  "keywords": [],
+  "author": "Victor Yoalli",
+  "license": "MIT",
+  "dependencies": {
+    "esbuild": "^0.12.22"
+  },
+  "scripts": {
+    "build": "node scripts/build.js"
+  }
+}

scripts/build.js

@@ -0,0 +1,39 @@
+let fs = require('fs')
+//CDN
+build({
+    entryPoints: [`builds/cdn.js`],
+    outfile: `dist/plugin.min.js`,
+    bundle: true,
+    minify: true,
+    sourcemap: false,
+    platform: 'browser',
+    define: { CDN: true },
+})
+//Module
+build({
+    entryPoints: [`builds/module.js`],
+    outfile: `dist/plugin.esm.js`,
+    bundle: true,
+    bundle: true,
+    platform: 'neutral',
+    mainFields: ['main', 'module'],
+})
+build({
+    entryPoints: [`builds/module.js`],
+    outfile: `dist/plugin.cjs.js`,
+    bundle: true,
+    target: ['node10.4'],
+    platform: 'node',
+})
+
+
+function build(options){
+    options.define || (options.define = {})
+    options.define['process.env.NODE_ENV'] = process.argv.includes('--watch') ? `'production'` : `'development'`
+
+    return require('esbuild').build({
+        watch: process.argv.includes('--watch'),
+        // external: ['alpinejs'],
+        ...options,
+    }).catch(() => process.exit(1))
+}

src/index.js

@@ -0,0 +1,11 @@
+const Plugin = function (Alpine) {
+    Alpine.directive('plugin', (el, obj, { evaluateLater, effect, cleanup }) => {
+        let { value, expression, modifiers } = obj;
+        let evaluate = evaluateLater(expression);
+
+        cleanup(() => observer.disconnect())
+    })
+    Alpine.magic('magic',() => { return 'magic' })
+}
+
+export default  Plugin