@pushword/js-helper 0.0.56 → 0.0.60

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@pushword/js-helper",
-    "version": "0.0.56",
+    "version": "0.0.60",
     "description": "Pushword front end helpers. ",
     "author": "Robin@PiedWeb <contact@piedweb.com>",
     "license": "MIT",

package/src/app.css

@@ -0,0 +1,4 @@
+@import "tailwindcss/base";
+@import "tailwindcss/components";
+@import "tailwindcss/utilities";
+@import "@pushword/js-helper/src/tailwind.prose.scss";

package/src/app.js

@@ -0,0 +1,27 @@
+require("fslightbox");
+import {
+    uncloakLinks,
+    readableEmail,
+    convertImageLinkToWebPLink,
+    replaceOn,
+    liveBlock,
+} from "@pushword/js-helper/src/helpers.js";
+import { allClickable } from "@pushword/js-helper/src/clickable.js";
+
+function onDomChanged() {
+    liveBlock();
+    convertImageLinkToWebPLink();
+    uncloakLinks();
+    readableEmail(".cea");
+    replaceOn();
+    refreshFsLightbox();
+    allClickable(".clickable");
+}
+
+function onPageLoaded() {
+    onDomChanged();
+    new FsLightbox();
+}
+
+document.addEventListener("DOMContentLoaded", onPageLoaded());
+document.addEventListener("DOMChanged", onDomChanged);

package/src/encore.js

@@ -2,15 +2,15 @@ const WatchExternalFilesPlugin = require("webpack-watch-files-plugin").default;
 const Encore = require("@symfony/webpack-encore");
 const tailwindcss = require("tailwindcss");
 
-function getFilesToWatch() {
+function getFilesToWatch(basePath = "./..") {
     return [
-        "./../vendor/pushword/core/src/templates/**/*.html.twig",
-        "./../vendor/pushword/core/src/templates/*.html.twig",
-        "./../vendor/pushword/conversation/src/templates/*.html.twig",
-        "./../vendor/pushword/admin-block-editor/src/templates/page/*.html.twig",
-        "./../templates/*.html.twig",
-        "./../templates/**/*.html.twig",
-        "./../templates/**/**/*.html.twig",
+        basePath + "/vendor/pushword/core/src/templates/**/*.html.twig",
+        basePath + "/vendor/pushword/core/src/templates/*.html.twig",
+        basePath + "/vendor/pushword/conversation/src/templates/*.html.twig",
+        basePath + "/vendor/pushword/admin-block-editor/src/templates/page/*.html.twig",
+        basePath + "/templates/*.html.twig",
+        basePath + "/templates/**/*.html.twig",
+        basePath + "/templates/**/**/*.html.twig",
     ];
 }
 function getTailwindConfig(watchFiles = null) {
@@ -30,23 +30,13 @@ module.exports = {
         publicPath = "/assets",
         manifestKeyPrefix = null,
         filesToCopy = [
-            {
-                from: "./media/", // todo explain
-                to: "[name].[ext]",
-                pattern: /svg$/,
-            },
-            {
-                from: "./img/",
-                to: "[name].[ext]",
-                pattern: /header.jpg$/,
-            },
             {
                 from: "./favicons",
                 to: "[name].[ext]",
             },
         ],
-        entries = [{ name: "app", file: "./app.js" }],
-        styleEntries = [{ name: "style", file: "./app.css" }]
+        entries = null,
+        styleEntries = null
     ) {
         if (watchFiles === null) {
             watchFiles = getFilesToWatch();
@@ -56,6 +46,18 @@ module.exports = {
             tailwindConfig = getTailwindConfig(watchFiles);
         }
 
+        if (entries === null) {
+            entries = [{ name: "app", file: __dirname + "/app.js" }];
+        } else if (typeof entries === "string") {
+            entries = [{ name: "app", file: entries }];
+        }
+
+        if (styleEntries === null) {
+            styleEntries = [{ name: "style", file: __dirname + "/app.css" }];
+        } else if (typeof styleEntries === "string") {
+            styleEntries = [{ name: "style", file: styleEntries }];
+        }
+
         Encore.setOutputPath(outputPath)
             .setPublicPath(publicPath)
             .cleanupOutputBeforeBuild()

package/src/helpers.js

@@ -199,7 +199,7 @@ export async function uncloakLinks(attribute = "data-rot", when = "onEvent") {
         if (element.getAttribute(attribute) === null) {
             var element = element.closest("[" + attribute + "]");
         }
-        if (element.getAttribute(attribute) === null) return;
+        if (element === null || element.getAttribute(attribute) === null) return;
         var link = document.createElement("a");
         var href = element.getAttribute(attribute);
         element.removeAttribute(attribute);
@@ -233,7 +233,7 @@ export async function uncloakLinks(attribute = "data-rot", when = "onEvent") {
         } else {
             var element = convertLink(event.target);
         }
-        fireEventLinksBuilt(element, event);
+        if (element) fireEventLinksBuilt(element, event);
     };
 
     if (when == "onEvent") {

package/src/tailwind.prose.scss

@@ -51,8 +51,3 @@ html {
     max-height: 100vh;
     padding-top: 1rem;
 }
-
-/*
- * Special full-width from everywhere alias .w-full-vw:
-w-screen relative left-[49%]  ml-[-50vw] my-6
-*/