wowojs-cdn 1.0.0

package/dist/wowo.min.js

@@ -0,0 +1,7 @@
+/**
+ * Wowojs v1.2.1
+ * @license MIT
+ * @author Devied Rahmadsyah
+ */
+
+!function(){"use strict";function t(t,e){a({modul:"State: $antek2",detail:{nama:t,value:e}});const n=sessionStorage.getItem(t);let o=null;try{if(null!==n&&(o=JSON.parse(n)),"function"==typeof e){const a=e(o);return sessionStorage.setItem(t,JSON.stringify(a)),a}return 1===arguments.length?o:(sessionStorage.setItem(t,JSON.stringify(e)),e)}catch(r){if(console.error(`Gagal memproses JSON untuk "${t}", mereset data...`,r),arguments.length>1){const a="function"==typeof e?e(null):e;return sessionStorage.setItem(t,JSON.stringify(a)),a}return null}}function e(t){const e=document.querySelector(t);e&&"function"==typeof e.render?e.render():document.addEventListener("DOMContentLoaded",()=>{e&&e.render()},{once:!0})}function a({modul:t,detail:e,aktif:a=!1}){history.push({waktu:(new Date).toLocaleTimeString(),modul:t,detail:e}),a&&console.dir(history)}window.$BuatWilayah=function({namaWilayah:t,isiWilayah:e,style:n="",methods:o={},deskripsi:r}){a({modul:"Component: $BuatWilayah",detail:{namaWilayah:t,isiWilayah:e,style:n||"tidak ada",methods:o||"tidak ada",deskripsi:r||"tidak ada"}});const i=`wowo-${t.toLowerCase()}`;customElements.get(i)||customElements.define(i,class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){this.render()}getProps(){const t={};for(let e of this.attributes)t[e.name]=e.value;return t}render(){const t=this.getProps(),a="function"==typeof e?e(t):e;let r=n?`<style>${n}</style>`:"";this.shadowRoot.innerHTML=a+r;this.shadowRoot.querySelectorAll("*").forEach(e=>{[...e.attributes].forEach(a=>{if(a.name.startsWith("@")){const n=a.name.slice(1),r=a.value.replace("()","");o[r]&&(e.addEventListener(n,e=>{o[r](e,t),this.render()}),e.removeAttribute(a.name))}})})}})},window.$antek2=t,window.$PecatAntek2=function(t){a({modul:"State: $PecatAntek2",detail:{nama:t}}),"string"==typeof t&&t.trim()||console.warn(`Nama tidak valid: ${t}`),null===sessionStorage.getItem(t)&&console.info(`Key "${t}" tidak ditemukan, tidak ada yang dihapus.`);try{sessionStorage.removeItem(t)}catch(e){console.error(`Gagal menghapus ${t}:`,e)}},window.$BangunEkonomi=function(t){a({modul:"Render: $BangunEkonomi",detail:t}),Array.isArray(t)?t.forEach(t=>{e(t)}):e(t)},window.$UrusKeuangan=function(t,e){a({modul:"Reducer: $UrusKeuangan",detail:[{reducer:t,action:e}]});try{return t(e)}catch(n){console.error(`terjadi error ${t} \n      ${n}`)}},window.$CuriData=async function({data:e,state:n,request:o,reload:r=!1}){try{const i=await fetch(e,o);if(!i.ok)throw new Error(`Status: ${i.status}`);const s=await i.json();if(!s||"object"!=typeof s&&!Array.isArray(s))throw new Error(`Data ${e} bukan JSON kocak`);t(n,s),a({modul:"API: $CuriData",detail:{data:e,state:n}}),r&&location.reload()}catch(i){console.error(`Gagal curi data ${e}\n      ${i}`)}},window.$Sejarah=a}();

package/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "wowojs-cdn",
+  "version": "1.0.0",
+  "description": "Akses wowojs lewat CDN",
+  "main": "wowo.js",
+  "unpkg": "dist/wowo.min.js",
+  "jsdelivr": "dist/wowo.min.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "vite build"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "vite": "^7.3.1"
+  },
+  "devDependencies": {
+    "terser": "^5.46.0"
+  }
+}

package/wowo.js

@@ -0,0 +1,227 @@
+/**
+ * Wowojs v1.2.1
+ * @license MIT
+ * @author Devied Rahmadsyah
+ */
+
+function $BuatWilayah({
+  namaWilayah,
+  isiWilayah,
+  style = "",
+  methods = {},
+  deskripsi,
+}) {
+  $Sejarah({
+    modul: "Component: $BuatWilayah",
+    detail: {
+      namaWilayah,
+      isiWilayah,
+      style: style || "tidak ada",
+      methods: methods || "tidak ada",
+      deskripsi: deskripsi || "tidak ada",
+    },
+  });
+
+  const tagName = `wowo-${namaWilayah.toLowerCase()}`;
+  if (customElements.get(tagName)) return;
+
+  customElements.define(
+    tagName,
+    class extends HTMLElement {
+      constructor() {
+        super();
+        this.attachShadow({ mode: "open" });
+      }
+
+      connectedCallback() {
+        this.render();
+      }
+
+      getProps() {
+        const props = {};
+        for (let attr of this.attributes) {
+          props[attr.name] = attr.value;
+        }
+        return props;
+      }
+
+      render() {
+        const props = this.getProps();
+        const konten =
+          typeof isiWilayah === "function" ? isiWilayah(props) : isiWilayah;
+        let css = style ? `<style>${style}</style>` : "";
+        this.shadowRoot.innerHTML = konten + css;
+
+        const allElements = this.shadowRoot.querySelectorAll("*");
+
+        allElements.forEach((el) => {
+          [...el.attributes].forEach((attr) => {
+            if (attr.name.startsWith("@")) {
+              const eventType = attr.name.slice(1);
+              const functionName = attr.value.replace("()", "");
+
+              if (methods[functionName]) {
+                el.addEventListener(eventType, (e) => {
+                  methods[functionName](e, props);
+                  this.render();
+                });
+
+                el.removeAttribute(attr.name);
+              }
+            }
+          });
+        });
+      }
+    },
+  );
+}
+
+function $antek2(name, value) {
+  $Sejarah({
+    modul: "State: $antek2",
+    detail: {
+      nama: name,
+      value: value,
+    },
+  });
+  const dataLama = sessionStorage.getItem(name);
+  let parsedLama = null;
+
+  try {
+    if (dataLama !== null) {
+      parsedLama = JSON.parse(dataLama);
+    }
+
+    if (typeof value === "function") {
+      const newValue = value(parsedLama);
+      sessionStorage.setItem(name, JSON.stringify(newValue));
+      return newValue;
+    } else if (arguments.length === 1) {
+      return parsedLama;
+    } else {
+      sessionStorage.setItem(name, JSON.stringify(value));
+      return value;
+    }
+  } catch (e) {
+    console.error(`Gagal memproses JSON untuk "${name}", mereset data...`, e);
+    if (arguments.length > 1) {
+      const defaultValue = typeof value === "function" ? value(null) : value;
+      sessionStorage.setItem(name, JSON.stringify(defaultValue));
+      return defaultValue;
+    }
+    return null;
+  }
+}
+
+function $PecatAntek2(name) {
+  $Sejarah({
+    modul: "State: $PecatAntek2",
+    detail: {
+      nama: name,
+    },
+  });
+  if (typeof name !== "string" || !name.trim()) {
+    console.warn(`Nama tidak valid: ${name}`);
+  }
+
+  if (sessionStorage.getItem(name) === null) {
+    console.info(`Key "${name}" tidak ditemukan, tidak ada yang dihapus.`);
+  }
+
+  try {
+    sessionStorage.removeItem(name);
+  } catch (e) {
+    console.error(`Gagal menghapus ${name}:`, e);
+  }
+}
+
+function $UrusKeuangan(reducer, action) {
+  $Sejarah({
+    modul: "Reducer: $UrusKeuangan",
+    detail: [
+      {
+        reducer: reducer,
+        action: action,
+      },
+    ],
+  });
+  try {
+    return reducer(action);
+  } catch (error) {
+    console.error(`terjadi error ${reducer} 
+      ${error}`);
+  }
+}
+
+function $BangunEkonomi(components) {
+  $Sejarah({
+    modul: "Render: $BangunEkonomi",
+    detail: components,
+  });
+  if (Array.isArray(components)) {
+    components.forEach((comp) => {
+      const selector = typeof comp === "string" ? comp : comp;
+      eksekusi(selector);
+    });
+  } else {
+    eksekusi(components);
+  }
+}
+function eksekusi(components) {
+  const element = document.querySelector(components);
+  if (element && typeof element.render === "function") {
+    element.render();
+  } else {
+    document.addEventListener(
+      "DOMContentLoaded",
+      () => {
+        if (element) element.render();
+      },
+      { once: true },
+    );
+  }
+}
+
+async function $CuriData({ data, state, request, reload = false }) {
+  try {
+    const response = await fetch(data, request);
+    if (!response.ok) {
+      throw new Error(`Status: ${response.status}`);
+    }
+    const json = await response.json();
+    if (!json || (typeof json !== "object" && !Array.isArray(json))) {
+      throw new Error(`Data ${data} bukan JSON kocak`);
+    }
+    $antek2(state, json);
+    $Sejarah({
+      modul: "API: $CuriData",
+      detail: {
+        data: data,
+        state: state,
+      },
+    });
+    if (reload) location.reload();
+  } catch (e) {
+    console.error(`Gagal curi data ${data}
+      ${e}`);
+  }
+}
+
+function $Sejarah({ modul, detail, aktif = false }) {
+  history.push({
+    waktu: new Date().toLocaleTimeString(),
+    modul,
+    detail,
+  });
+  if (aktif) {
+    console.dir(history);
+  }
+}
+
+window.$BuatWilayah = $BuatWilayah;
+window.$antek2 = $antek2;
+window.$PecatAntek2 = $PecatAntek2;
+window.$BangunEkonomi = $BangunEkonomi;
+window.$UrusKeuangan = $UrusKeuangan;
+window.$CuriData = $CuriData;
+window.$Sejarah = $Sejarah;