feat: playground

.vscode/settings.json

@@ -22,10 +22,12 @@
     "arraify",
     "debundle",
     "Declarators",
+    "heroicons",
     "jscodeshift",
     "lebab",
     "picocolors",
     "retidy",
+    "splitpanes",
     "testcase",
     "testcases",
     "unminify"

package.json

@@ -2,6 +2,7 @@
   "name": "@unminify-kit/core",
   "type": "module",
   "version": "0.0.1",
+  "private": true,
   "packageManager": "[email protected]",
   "description": "🔪📦 Unminify and beautify bundled code",
   "author": "pionxzh",

packages/playground/.eslintrc.cjs

@@ -0,0 +1,23 @@
+module.exports = {
+    root: true,
+    globals: {
+        defineProps: 'readonly',
+        defineEmits: 'readonly',
+        defineExpose: 'readonly',
+        withDefaults: 'readonly',
+    },
+    extends: [
+        '@pionxzh/eslint-config-vue',
+    ],
+    rules: {
+        'no-console': 'warn',
+    },
+    overrides: [
+        {
+            files: ['*.vue'],
+            rules: {
+                'vue/html-indent': ['error', 4],
+            },
+        },
+    ],
+}

packages/playground/heroicons.d.ts

@@ -0,0 +1,233 @@
+declare module '@heroicons/vue/*' {
+    import type { DefineComponent } from "vue";
+    export const AcademicCapIcon: DefineComponent<{}, {}, any>
+    export const AdjustmentsIcon: DefineComponent<{}, {}, any>
+    export const AnnotationIcon: DefineComponent<{}, {}, any>
+    export const ArchiveIcon: DefineComponent<{}, {}, any>
+    export const ArrowCircleDownIcon: DefineComponent<{}, {}, any>
+    export const ArrowCircleLeftIcon: DefineComponent<{}, {}, any>
+    export const ArrowCircleRightIcon: DefineComponent<{}, {}, any>
+    export const ArrowCircleUpIcon: DefineComponent<{}, {}, any>
+    export const ArrowDownIcon: DefineComponent<{}, {}, any>
+    export const ArrowLeftIcon: DefineComponent<{}, {}, any>
+    export const ArrowNarrowDownIcon: DefineComponent<{}, {}, any>
+    export const ArrowNarrowLeftIcon: DefineComponent<{}, {}, any>
+    export const ArrowNarrowRightIcon: DefineComponent<{}, {}, any>
+    export const ArrowNarrowUpIcon: DefineComponent<{}, {}, any>
+    export const ArrowRightIcon: DefineComponent<{}, {}, any>
+    export const ArrowSmDownIcon: DefineComponent<{}, {}, any>
+    export const ArrowSmLeftIcon: DefineComponent<{}, {}, any>
+    export const ArrowSmRightIcon: DefineComponent<{}, {}, any>
+    export const ArrowSmUpIcon: DefineComponent<{}, {}, any>
+    export const ArrowUpIcon: DefineComponent<{}, {}, any>
+    export const ArrowsExpandIcon: DefineComponent<{}, {}, any>
+    export const AtSymbolIcon: DefineComponent<{}, {}, any>
+    export const BackspaceIcon: DefineComponent<{}, {}, any>
+    export const BadgeCheckIcon: DefineComponent<{}, {}, any>
+    export const BanIcon: DefineComponent<{}, {}, any>
+    export const BeakerIcon: DefineComponent<{}, {}, any>
+    export const BellIcon: DefineComponent<{}, {}, any>
+    export const BookOpenIcon: DefineComponent<{}, {}, any>
+    export const BookmarkAltIcon: DefineComponent<{}, {}, any>
+    export const BookmarkIcon: DefineComponent<{}, {}, any>
+    export const BriefcaseIcon: DefineComponent<{}, {}, any>
+    export const CakeIcon: DefineComponent<{}, {}, any>
+    export const CalculatorIcon: DefineComponent<{}, {}, any>
+    export const CalendarIcon: DefineComponent<{}, {}, any>
+    export const CameraIcon: DefineComponent<{}, {}, any>
+    export const CashIcon: DefineComponent<{}, {}, any>
+    export const ChartBarIcon: DefineComponent<{}, {}, any>
+    export const ChartPieIcon: DefineComponent<{}, {}, any>
+    export const ChartSquareBarIcon: DefineComponent<{}, {}, any>
+    export const ChatAlt2Icon: DefineComponent<{}, {}, any>
+    export const ChatAltIcon: DefineComponent<{}, {}, any>
+    export const ChatIcon: DefineComponent<{}, {}, any>
+    export const CheckCircleIcon: DefineComponent<{}, {}, any>
+    export const CheckIcon: DefineComponent<{}, {}, any>
+    export const ChevronDoubleDownIcon: DefineComponent<{}, {}, any>
+    export const ChevronDoubleLeftIcon: DefineComponent<{}, {}, any>
+    export const ChevronDoubleRightIcon: DefineComponent<{}, {}, any>
+    export const ChevronDoubleUpIcon: DefineComponent<{}, {}, any>
+    export const ChevronDownIcon: DefineComponent<{}, {}, any>
+    export const ChevronLeftIcon: DefineComponent<{}, {}, any>
+    export const ChevronRightIcon: DefineComponent<{}, {}, any>
+    export const ChevronUpIcon: DefineComponent<{}, {}, any>
+    export const ChipIcon: DefineComponent<{}, {}, any>
+    export const ClipboardCheckIcon: DefineComponent<{}, {}, any>
+    export const ClipboardCopyIcon: DefineComponent<{}, {}, any>
+    export const ClipboardListIcon: DefineComponent<{}, {}, any>
+    export const ClipboardIcon: DefineComponent<{}, {}, any>
+    export const ClockIcon: DefineComponent<{}, {}, any>
+    export const CloudDownloadIcon: DefineComponent<{}, {}, any>
+    export const CloudUploadIcon: DefineComponent<{}, {}, any>
+    export const CloudIcon: DefineComponent<{}, {}, any>
+    export const CodeIcon: DefineComponent<{}, {}, any>
+    export const CogIcon: DefineComponent<{}, {}, any>
+    export const CollectionIcon: DefineComponent<{}, {}, any>
+    export const ColorSwatchIcon: DefineComponent<{}, {}, any>
+    export const CreditCardIcon: DefineComponent<{}, {}, any>
+    export const CubeTransparentIcon: DefineComponent<{}, {}, any>
+    export const CubeIcon: DefineComponent<{}, {}, any>
+    export const CurrencyBangladeshiIcon: DefineComponent<{}, {}, any>
+    export const CurrencyDollarIcon: DefineComponent<{}, {}, any>
+    export const CurrencyEuroIcon: DefineComponent<{}, {}, any>
+    export const CurrencyPoundIcon: DefineComponent<{}, {}, any>
+    export const CurrencyRupeeIcon: DefineComponent<{}, {}, any>
+    export const CurrencyYenIcon: DefineComponent<{}, {}, any>
+    export const CursorClickIcon: DefineComponent<{}, {}, any>
+    export const DatabaseIcon: DefineComponent<{}, {}, any>
+    export const DesktopComputerIcon: DefineComponent<{}, {}, any>
+    export const DeviceMobileIcon: DefineComponent<{}, {}, any>
+    export const DeviceTabletIcon: DefineComponent<{}, {}, any>
+    export const DocumentAddIcon: DefineComponent<{}, {}, any>
+    export const DocumentDownloadIcon: DefineComponent<{}, {}, any>
+    export const DocumentDuplicateIcon: DefineComponent<{}, {}, any>
+    export const DocumentRemoveIcon: DefineComponent<{}, {}, any>
+    export const DocumentReportIcon: DefineComponent<{}, {}, any>
+    export const DocumentSearchIcon: DefineComponent<{}, {}, any>
+    export const DocumentTextIcon: DefineComponent<{}, {}, any>
+    export const DocumentIcon: DefineComponent<{}, {}, any>
+    export const DotsCircleHorizontalIcon: DefineComponent<{}, {}, any>
+    export const DotsHorizontalIcon: DefineComponent<{}, {}, any>
+    export const DotsVerticalIcon: DefineComponent<{}, {}, any>
+    export const DownloadIcon: DefineComponent<{}, {}, any>
+    export const DuplicateIcon: DefineComponent<{}, {}, any>
+    export const EmojiHappyIcon: DefineComponent<{}, {}, any>
+    export const EmojiSadIcon: DefineComponent<{}, {}, any>
+    export const ExclamationCircleIcon: DefineComponent<{}, {}, any>
+    export const ExclamationIcon: DefineComponent<{}, {}, any>
+    export const ExternalLinkIcon: DefineComponent<{}, {}, any>
+    export const EyeOffIcon: DefineComponent<{}, {}, any>
+    export const EyeIcon: DefineComponent<{}, {}, any>
+    export const FastForwardIcon: DefineComponent<{}, {}, any>
+    export const FilmIcon: DefineComponent<{}, {}, any>
+    export const FilterIcon: DefineComponent<{}, {}, any>
+    export const FingerPrintIcon: DefineComponent<{}, {}, any>
+    export const FireIcon: DefineComponent<{}, {}, any>
+    export const FlagIcon: DefineComponent<{}, {}, any>
+    export const FolderAddIcon: DefineComponent<{}, {}, any>
+    export const FolderDownloadIcon: DefineComponent<{}, {}, any>
+    export const FolderOpenIcon: DefineComponent<{}, {}, any>
+    export const FolderRemoveIcon: DefineComponent<{}, {}, any>
+    export const FolderIcon: DefineComponent<{}, {}, any>
+    export const GiftIcon: DefineComponent<{}, {}, any>
+    export const GlobeAltIcon: DefineComponent<{}, {}, any>
+    export const GlobeIcon: DefineComponent<{}, {}, any>
+    export const HandIcon: DefineComponent<{}, {}, any>
+    export const HashtagIcon: DefineComponent<{}, {}, any>
+    export const HeartIcon: DefineComponent<{}, {}, any>
+    export const HomeIcon: DefineComponent<{}, {}, any>
+    export const IdentificationIcon: DefineComponent<{}, {}, any>
+    export const InboxInIcon: DefineComponent<{}, {}, any>
+    export const InboxIcon: DefineComponent<{}, {}, any>
+    export const InformationCircleIcon: DefineComponent<{}, {}, any>
+    export const KeyIcon: DefineComponent<{}, {}, any>
+    export const LibraryIcon: DefineComponent<{}, {}, any>
+    export const LightBulbIcon: DefineComponent<{}, {}, any>
+    export const LightningBoltIcon: DefineComponent<{}, {}, any>
+    export const LinkIcon: DefineComponent<{}, {}, any>
+    export const LocationMarkerIcon: DefineComponent<{}, {}, any>
+    export const LockClosedIcon: DefineComponent<{}, {}, any>
+    export const LockOpenIcon: DefineComponent<{}, {}, any>
+    export const LoginIcon: DefineComponent<{}, {}, any>
+    export const LogoutIcon: DefineComponent<{}, {}, any>
+    export const MailOpenIcon: DefineComponent<{}, {}, any>
+    export const MailIcon: DefineComponent<{}, {}, any>
+    export const MapIcon: DefineComponent<{}, {}, any>
+    export const MenuAlt1Icon: DefineComponent<{}, {}, any>
+    export const MenuAlt2Icon: DefineComponent<{}, {}, any>
+    export const MenuAlt3Icon: DefineComponent<{}, {}, any>
+    export const MenuAlt4Icon: DefineComponent<{}, {}, any>
+    export const MenuIcon: DefineComponent<{}, {}, any>
+    export const MicrophoneIcon: DefineComponent<{}, {}, any>
+    export const MinusCircleIcon: DefineComponent<{}, {}, any>
+    export const MinusSmIcon: DefineComponent<{}, {}, any>
+    export const MinusIcon: DefineComponent<{}, {}, any>
+    export const MoonIcon: DefineComponent<{}, {}, any>
+    export const MusicNoteIcon: DefineComponent<{}, {}, any>
+    export const NewspaperIcon: DefineComponent<{}, {}, any>
+    export const OfficeBuildingIcon: DefineComponent<{}, {}, any>
+    export const PaperAirplaneIcon: DefineComponent<{}, {}, any>
+    export const PaperClipIcon: DefineComponent<{}, {}, any>
+    export const PauseIcon: DefineComponent<{}, {}, any>
+    export const PencilAltIcon: DefineComponent<{}, {}, any>
+    export const PencilIcon: DefineComponent<{}, {}, any>
+    export const PhoneIncomingIcon: DefineComponent<{}, {}, any>
+    export const PhoneMissedCallIcon: DefineComponent<{}, {}, any>
+    export const PhoneOutgoingIcon: DefineComponent<{}, {}, any>
+    export const PhoneIcon: DefineComponent<{}, {}, any>
+    export const PhotographIcon: DefineComponent<{}, {}, any>
+    export const PlayIcon: DefineComponent<{}, {}, any>
+    export const PlusCircleIcon: DefineComponent<{}, {}, any>
+    export const PlusSmIcon: DefineComponent<{}, {}, any>
+    export const PlusIcon: DefineComponent<{}, {}, any>
+    export const PresentationChartBarIcon: DefineComponent<{}, {}, any>
+    export const PresentationChartLineIcon: DefineComponent<{}, {}, any>
+    export const PrinterIcon: DefineComponent<{}, {}, any>
+    export const PuzzleIcon: DefineComponent<{}, {}, any>
+    export const QrcodeIcon: DefineComponent<{}, {}, any>
+    export const QuestionMarkCircleIcon: DefineComponent<{}, {}, any>
+    export const ReceiptRefundIcon: DefineComponent<{}, {}, any>
+    export const ReceiptTaxIcon: DefineComponent<{}, {}, any>
+    export const RefreshIcon: DefineComponent<{}, {}, any>
+    export const ReplyIcon: DefineComponent<{}, {}, any>
+    export const RewindIcon: DefineComponent<{}, {}, any>
+    export const RssIcon: DefineComponent<{}, {}, any>
+    export const SaveAsIcon: DefineComponent<{}, {}, any>
+    export const SaveIcon: DefineComponent<{}, {}, any>
+    export const ScaleIcon: DefineComponent<{}, {}, any>
+    export const ScissorsIcon: DefineComponent<{}, {}, any>
+    export const SearchCircleIcon: DefineComponent<{}, {}, any>
+    export const SearchIcon: DefineComponent<{}, {}, any>
+    export const SelectorIcon: DefineComponent<{}, {}, any>
+    export const ServerIcon: DefineComponent<{}, {}, any>
+    export const ShareIcon: DefineComponent<{}, {}, any>
+    export const ShieldCheckIcon: DefineComponent<{}, {}, any>
+    export const ShieldExclamationIcon: DefineComponent<{}, {}, any>
+    export const ShoppingBagIcon: DefineComponent<{}, {}, any>
+    export const ShoppingCartIcon: DefineComponent<{}, {}, any>
+    export const SortAscendingIcon: DefineComponent<{}, {}, any>
+    export const SortDescendingIcon: DefineComponent<{}, {}, any>
+    export const SparklesIcon: DefineComponent<{}, {}, any>
+    export const SpeakerphoneIcon: DefineComponent<{}, {}, any>
+    export const StarIcon: DefineComponent<{}, {}, any>
+    export const StatusOfflineIcon: DefineComponent<{}, {}, any>
+    export const StatusOnlineIcon: DefineComponent<{}, {}, any>
+    export const StopIcon: DefineComponent<{}, {}, any>
+    export const SunIcon: DefineComponent<{}, {}, any>
+    export const SupportIcon: DefineComponent<{}, {}, any>
+    export const SwitchHorizontalIcon: DefineComponent<{}, {}, any>
+    export const SwitchVerticalIcon: DefineComponent<{}, {}, any>
+    export const TableIcon: DefineComponent<{}, {}, any>
+    export const TagIcon: DefineComponent<{}, {}, any>
+    export const TemplateIcon: DefineComponent<{}, {}, any>
+    export const TerminalIcon: DefineComponent<{}, {}, any>
+    export const ThumbDownIcon: DefineComponent<{}, {}, any>
+    export const ThumbUpIcon: DefineComponent<{}, {}, any>
+    export const TicketIcon: DefineComponent<{}, {}, any>
+    export const TranslateIcon: DefineComponent<{}, {}, any>
+    export const TrashIcon: DefineComponent<{}, {}, any>
+    export const TrendingDownIcon: DefineComponent<{}, {}, any>
+    export const TrendingUpIcon: DefineComponent<{}, {}, any>
+    export const TruckIcon: DefineComponent<{}, {}, any>
+    export const UploadIcon: DefineComponent<{}, {}, any>
+    export const UserAddIcon: DefineComponent<{}, {}, any>
+    export const UserCircleIcon: DefineComponent<{}, {}, any>
+    export const UserGroupIcon: DefineComponent<{}, {}, any>
+    export const UserRemoveIcon: DefineComponent<{}, {}, any>
+    export const UserIcon: DefineComponent<{}, {}, any>
+    export const UsersIcon: DefineComponent<{}, {}, any>
+    export const VariableIcon: DefineComponent<{}, {}, any>
+    export const VideoCameraIcon: DefineComponent<{}, {}, any>
+    export const ViewBoardsIcon: DefineComponent<{}, {}, any>
+    export const ViewGridAddIcon: DefineComponent<{}, {}, any>
+    export const ViewGridIcon: DefineComponent<{}, {}, any>
+    export const ViewListIcon: DefineComponent<{}, {}, any>
+    export const VolumeOffIcon: DefineComponent<{}, {}, any>
+    export const VolumeUpIcon: DefineComponent<{}, {}, any>
+    export const WifiIcon: DefineComponent<{}, {}, any>
+    export const XCircleIcon: DefineComponent<{}, {}, any>
+    export const XIcon: DefineComponent<{}, {}, any>
+    export const ZoomInIcon: DefineComponent<{}, {}, any>
+    export const ZoomOutIcon: DefineComponent<{}, {}, any>
+}

packages/playground/index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Playground</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

packages/playground/package.json

@@ -0,0 +1,72 @@
+{
+  "name": "@unminify-kit/playground",
+  "type": "module",
+  "version": "0.0.1",
+  "private": true,
+  "packageManager": "[email protected]",
+  "description": "",
+  "author": "pionxzh",
+  "license": "MIT",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "require": "./dist/index.cjs",
+      "import": "./dist/index.js"
+    }
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "package.json"
+  ],
+  "engines": {
+    "node": ">=16.0.0"
+  },
+  "scripts": {
+    "dev": "vite --open",
+    "build": "vue-tsc && vite build",
+    "test": "vitest run --globals",
+    "test:update": "vitest run --update",
+    "test:watch": "vitest watch",
+    "test:type": "tsc --noEmit",
+    "lint": "eslint src",
+    "lint:fix": "eslint src --fix"
+  },
+  "dependencies": {
+    "@codemirror/lang-javascript": "^6.1.9",
+    "@codemirror/state": "^6.2.1",
+    "@codemirror/theme-one-dark": "^6.1.2",
+    "@codemirror/view": "^6.16.0",
+    "@fortawesome/fontawesome-svg-core": "^6.4.2",
+    "@fortawesome/free-brands-svg-icons": "^6.4.2",
+    "@fortawesome/free-regular-svg-icons": "^6.4.2",
+    "@fortawesome/free-solid-svg-icons": "^6.4.2",
+    "@fortawesome/vue-fontawesome": "^3.0.3",
+    "@headlessui/vue": "^1.7.15",
+    "@heroicons/vue": "^2.0.18",
+    "@unminify-kit/unminify": "workspace:*",
+    "@unminify-kit/unpacker": "workspace:*",
+    "@vueuse/core": "^10.3.0",
+    "assert": "^2.0.0",
+    "codemirror": "^6.0.1",
+    "os": "^0.1.2",
+    "splitpanes": "^3.1.5",
+    "vue": "^3.3.4",
+    "vue-codemirror": "^6.1.1",
+    "vue-router": "4.2.4"
+  },
+  "devDependencies": {
+    "@pionxzh/eslint-config-vue": "^0.5.1",
+    "@vitejs/plugin-vue": "^4.2.3",
+    "autoprefixer": "^10.4.14",
+    "postcss": "^8.4.27",
+    "tailwindcss": "^3.3.3",
+    "typescript": "^5.1.6",
+    "vite": "^4.4.9",
+    "vitest": "^0.34.1",
+    "vue-tsc": "^1.8.8"
+  }
+}

packages/playground/postcss.config.cjs

@@ -0,0 +1,6 @@
+module.exports = {
+    plugins: {
+        tailwindcss: {},
+        autoprefixer: {},
+    },
+}