Merge branch 'feat/json-php-array' into chore/all-my-stuffs

# Conflicts:
#	components.d.ts
#	package.json
#	pnpm-lock.yaml
#	src/tools/index.ts
#	vite.config.ts

Author: sharevb

package.json

@@ -132,6 +132,7 @@
     "json-editor-vue": "^0.16.0",
     "json5": "^2.2.3",
     "jsonpath": "^1.1.1",
+    "jsonar-mod": "^1.9.0",
     "jwt-decode": "^3.1.2",
     "libphonenumber-js": "^1.10.28",
     "lodash": "^4.17.21",
@@ -176,6 +177,7 @@
     "vite-plugin-node-polyfills": "^0.22.0",
     "vite-plugin-node-polyfills": "^0.21.0",
     "vanilla-jsoneditor": "^0.23.8",
+    "vite-plugin-node-polyfills": "^0.21.0",
     "vue": "^3.3.4",
     "vue-color-wheel": "^0.1.1",
     "vue-i18n": "^9.9.1",

pnpm-lock.yaml

@@ -20,6 +20,8 @@ import { tool as jqTester } from './jq-tester';
 import { tool as jsonpathMemo } from './jsonpath-memo';
 import { tool as jqMemo } from './jq-memo';
 import { tool as jsUnobfuscator } from './js-unobfuscator';
+import { tool as jsonToPhpArray } from './json-to-php-array';
+import { tool as phpArrayToJson } from './php-array-to-json';
 
 import { tool as cssXpathConverter } from './css-xpath-converter';
 import { tool as cssSelectorsMemo } from './css-selectors-memo';
@@ -205,6 +207,8 @@ export const toolsByCategory: ToolCategory[] = [
       folderStructureDiagram,
       imageToCss,
       jsUnobfuscator,
+      jsonToPhpArray,
+      phpArrayToJson,
     ],
   },
   {

src/tools/index.ts

@@ -0,0 +1,12 @@
+import { BrandPhp } from '@vicons/tabler';
+import { defineTool } from '../tool';
+
+export const tool = defineTool({
+  name: 'Json to PHP-Array',
+  path: '/json-to-php-array',
+  description: 'Convert JSON to PHP Array',
+  keywords: ['json', 'php', 'array'],
+  component: () => import('./json-to-php-array.vue'),
+  icon: BrandPhp,
+  createdAt: new Date('2024-05-11'),
+});

src/tools/json-to-php-array/index.ts

@@ -0,0 +1,36 @@
+<script setup lang="ts">
+import jsonar from 'jsonar-mod';
+import JSON5 from 'json5';
+import type { UseValidationRule } from '@/composable/validation';
+import { withDefaultOnError } from '@/utils/defaults';
+
+const defaultValue = `{
+  a:"b", 
+  arr: [1, "2"], 
+  nested: {
+    c:12, 
+    d: "az"
+  }
+}`;
+function transformer(value: string) {
+  return withDefaultOnError(() => jsonar.arrify(JSON5.parse(value), { prettify: true }), '');
+}
+
+const rules: UseValidationRule<string>[] = [
+  {
+    validator: (v: string) => JSON5.parse(v),
+    message: 'Provided JSON is not valid.',
+  },
+];
+</script>
+
+<template>
+  <format-transformer
+    input-label="Your JSON"
+    :input-default="defaultValue"
+    input-placeholder="Paste your JSON here..."
+    output-label="PHP Array version"
+    :input-validation-rules="rules"
+    :transformer="transformer"
+  />
+</template>

src/tools/json-to-php-array/json-to-php-array.vue

@@ -0,0 +1,4 @@
+declare module 'jsonar-mod' {
+    export function arrify(json: any, options?: { prettify?: boolean}): string
+    export function parse(php: string): object
+}

src/tools/json-to-php-array/jsonar-mod.d.ts

@@ -0,0 +1,12 @@
+import { BrandPhp } from '@vicons/tabler';
+import { defineTool } from '../tool';
+
+export const tool = defineTool({
+  name: 'PHP-Array to JSON',
+  path: '/php-array-to-json',
+  description: 'Convert PHP Array to JSON',
+  keywords: ['php', 'array', 'json'],
+  component: () => import('./php-array-to-json.vue'),
+  icon: BrandPhp,
+  createdAt: new Date('2024-05-11'),
+});

src/tools/php-array-to-json/index.ts

@@ -0,0 +1,39 @@
+<script setup lang="ts">
+import jsonar from 'jsonar-mod';
+import type { UseValidationRule } from '@/composable/validation';
+import { withDefaultOnError } from '@/utils/defaults';
+
+const defaultValue = `array(
+  "a" => "b",
+  "arr" => array(
+    1,
+    "2"
+  ),
+  "nested" => array(
+    "c" => 12,
+    "d" => "az"
+  )
+);`;
+function transformer(value: string) {
+  return withDefaultOnError(() => JSON.stringify(jsonar.parse(value), null, 2), '');
+}
+
+const rules: UseValidationRule<string>[] = [
+  {
+    validator: (v: string) => v === '' || jsonar.parse(v),
+    message: 'Provided PHP Array is not valid.',
+  },
+];
+</script>
+
+<template>
+  <format-transformer
+    input-label="Your PHP Array"
+    :input-default="defaultValue"
+    input-placeholder="Paste your PHP Array here..."
+    output-label="JSON version"
+    output-language="json"
+    :input-validation-rules="rules"
+    :transformer="transformer"
+  />
+</template>