@timus-networks/theme 1.0.184 → 2.0.0

package/plugins/html-to-string.js

@@ -1,36 +0,0 @@
-import Vue from 'vue';
-
-/**
- * Usage:
- * <code v-str="'<el-button>Primary</el-button>'"></code>
- *
- * @param {*} str
- * @returns
- */
-const StringConverter = function (str) {
-  console.log('convertera geldi', this, str);
-  // `str` parametresini HTML olarak kabul edip onu güvenli bir string'e dönüştürmelisiniz
-
-  return str.replace(/</g, '&lt;').replace(/>/g, '&gt;');
-};
-
-Vue.directive('str', {
-  bind: (el, binding) => {
-    // `binding.value` ile elementin içeriğini alabilirsiniz
-    const convertedString = StringConverter(binding.value);
-
-    el.innerHTML = convertedString; // İçeriği güncelleyin
-    el.style.opacity = '0';
-    console.log('bind', el);
-  },
-  inserted: (el) => {
-    el.style.opacity = '1';
-    console.log('insert', el);
-  },
-  update: (el, binding) => {
-    const convertedString = StringConverter(binding.value);
-
-    el.innerHTML = convertedString;
-    console.log('update', el);
-  },
-});

package/plugins/js-components-installer.js

@@ -1,22 +0,0 @@
-import Vue from 'vue';
-
-// eslint-disable-next-line no-restricted-imports
-import components from '../components-js/exporter';
-
-// get options passed from module.js
-const options = JSON.parse(`<%= JSON.stringify(options) %>`);
-
-// loop through components and register them
-for (const name in components) {
-  Vue.component(name, {
-    // extend the original component
-    extends: components[name],
-    // add a _customCounterOptions prop to gain access to the options in the component
-    props: {
-      timus: {
-        type: Object,
-        default: () => ({ ...options }),
-      },
-    },
-  });
-}

package/plugins/theme-provider.js

@@ -1,72 +0,0 @@
-import Vue from 'vue';
-
-/**
- * Helper functions to handle localStorage safely
- */
-function getDarkModeFromLocalStorage() {
-  return process.client && localStorage.getItem('darkMode') === 'true';
-}
-
-function setDarkModeToLocalStorage(value) {
-  if (process.client) {
-    localStorage.setItem('darkMode', value.toString());
-  }
-}
-
-function setHtmlDarkClass(isDark) {
-  if (process.client) {
-    const htmlElement = document.documentElement;
-
-    if (isDark) {
-      htmlElement.classList.add('dark');
-    } else {
-      htmlElement.classList.remove('dark');
-    }
-  }
-}
-
-/**
- * ThemeProvider: A Vue instance to provide theme related functionalities.
- *
- * Usage:
- * - Change the theme on button click:
- *   this.$theme.setDarkMode(!this.$theme.isDark);
- *
- * - Register the theme change listener:
- *   this.$theme.$on('darkMode', (value) => { console.log('darkMode:', value); });
- */
-export const ThemeProvider = new Vue({
-  data() {
-    return {
-      isDarkMode: getDarkModeFromLocalStorage(),
-    };
-  },
-  computed: {
-    isDark: {
-      get() {
-        return this.isDarkMode;
-      },
-      set(value) {
-        this.isDarkMode = value;
-        setDarkModeToLocalStorage(value);
-        this.$emit('darkMode', value);
-      },
-    },
-  },
-  watch: {
-    isDark(newVal) {
-      setHtmlDarkClass(newVal);
-    },
-  },
-  created() {
-    setHtmlDarkClass(this.isDark); // Sayfa yüklendiğinde fonksiyonu manuel olarak tetikle
-  },
-  methods: {
-    setDarkMode(value) {
-      this.isDark = value; // This will trigger the setter of isDark.
-    },
-  },
-});
-export default (context, inject) => {
-  inject('theme', ThemeProvider);
-};

package/plugins/ts-components-installer.js

@@ -1,22 +0,0 @@
-import Vue from 'vue';
-
-// eslint-disable-next-line no-restricted-imports
-import components from '../components-ts/exporter';
-
-// get options passed from module.js
-const options = JSON.parse(`<%= JSON.stringify(options) %>`);
-
-// loop through components and register them
-for (const name in components) {
-  Vue.component(name, {
-    // extend the original component
-    extends: components[name],
-    // add a _customCounterOptions prop to gain access to the options in the component
-    props: {
-      timus: {
-        type: Object,
-        default: () => ({ ...options }),
-      },
-    },
-  });
-}