@windwalker-io/core 4.2.0 → 4.2.1

package/dist/next.js

@@ -0,0 +1,537 @@
+import { getGlobBaseFromPattern, callback, css, js, shortHash, plugin, callbackAfterBuild, copyGlob, symlink } from "@windwalker-io/fusion-next";
+import isGlob from "is-glob";
+import micromatch from "micromatch";
+import path, { relative, normalize, resolve } from "node:path";
+import fs from "node:fs";
+import fg from "fast-glob";
+import crypto, { randomBytes } from "node:crypto";
+import { createRequire } from "node:module";
+import fs$1 from "fs-extra";
+import { parse } from "node-html-parser";
+function loadJson(file) {
+  if (!fs.existsSync(file)) {
+    return null;
+  }
+  return JSON.parse(fs.readFileSync(file, "utf8"));
+}
+function containsMiddleGlob(str) {
+  return isGlob(removeLastGlob(str));
+}
+function removeLastGlob(str) {
+  return str.replace(/(\/\*|\/\*\*?|\*\*\/\*?)$/, "");
+}
+const ds = process.platform === "win32" ? "\\" : "/";
+function ensureDirPath(path2, slash = ds) {
+  if (!path2.endsWith(slash)) {
+    return path2 + slash;
+  }
+  return path2;
+}
+function findFilesFromGlobArray(sources) {
+  let files = [];
+  for (const source of sources) {
+    files = [
+      ...files,
+      ...findFiles(source)
+    ];
+  }
+  return files;
+}
+function findFiles(src) {
+  return fg.globSync(src).map((file) => {
+    file = file.replace(/\\/g, "/");
+    return {
+      fullpath: file,
+      relativePath: relative(getGlobBaseFromPattern(src), file).replace(/\\/g, "/")
+    };
+  });
+}
+function findModules(suffix = "", rootModule = "src/Module") {
+  const pkg = path.resolve(process.cwd(), "composer.json");
+  const pkgJson = loadJson(pkg);
+  const vendors = Object.keys(pkgJson["require"] || {}).concat(Object.keys(pkgJson["require-dev"] || {})).map((id) => `vendor/${id}/composer.json`).map((file) => loadJson(file)).filter((pkgJson2) => pkgJson2?.extra?.windwalker != null).map((pkgJson2) => {
+    return pkgJson2?.extra?.windwalker?.modules?.map((module) => {
+      return `vendor/${pkgJson2.name}/${module}/${suffix}`;
+    }) || [];
+  }).flat();
+  if (rootModule) {
+    vendors.unshift(rootModule + "/" + suffix);
+  }
+  return [...new Set(vendors)];
+}
+function findPackages(suffix = "", withRoot = true) {
+  const pkg = path.resolve(process.cwd(), "composer.json");
+  const pkgJson = loadJson(pkg);
+  const vendors = Object.keys(pkgJson["require"] || {}).concat(Object.keys(pkgJson["require-dev"] || {})).map((id) => `vendor/${id}/composer.json`).map((file) => loadJson(file)).filter((pkgJson2) => pkgJson2?.extra?.windwalker != null).map((pkgJson2) => `vendor/${pkgJson2.name}/${suffix}`).flat();
+  if (withRoot) {
+    vendors.unshift(suffix);
+  }
+  return [...new Set(vendors)];
+}
+function uniqId(prefix = "", size = 16) {
+  let id = randomBytes(size).toString("hex");
+  if (prefix) {
+    id = prefix + id;
+  }
+  return id;
+}
+function resolveModuleRealpath(url, module) {
+  const require2 = createRequire(url);
+  return require2.resolve(module);
+}
+function stripUrlQuery(src) {
+  const qPos = src.indexOf("?");
+  if (qPos !== -1) {
+    return src.substring(0, qPos);
+  }
+  return src;
+}
+function cloneAssets(patterns) {
+  return callback((taskName, builder) => {
+    const reposition = getAvailableForReposition(patterns);
+    handleReposition(builder, reposition);
+    handleCloneAssets(builder, Object.keys(patterns));
+    return null;
+  });
+}
+function getAvailableForReposition(patterns) {
+  const reposition = {};
+  for (const from in patterns) {
+    if (!containsMiddleGlob(from)) {
+      reposition[from] = patterns[from];
+    }
+  }
+  return reposition;
+}
+function handleCloneAssets(builder, clonePatterns) {
+  const id = uniqId("hidden:clone-asset-") + ".js";
+  builder.addTask(id);
+  builder.resolveIdCallbacks.push((src) => {
+    if (src === id) {
+      return id;
+    }
+  });
+  builder.loadCallbacks.push((src) => {
+    if (src === id) {
+      const glob = clonePatterns.map((v) => v.replace(/\\/g, "/")).map((v) => v.startsWith("./") || !v.startsWith("/") ? `/${v}` : v).map((v) => `'${v}'`).join(", ");
+      return `import.meta.glob(${glob});
+`;
+    }
+  });
+}
+function handleReposition(builder, reposition) {
+  builder.assetFileNamesCallbacks.push((assetInfo) => {
+    const fileName = assetInfo.originalFileName;
+    for (const base in reposition) {
+      if (match(fileName, base)) {
+        return normalize(reposition[base] + relative(removeLastGlob(base), fileName)).replace(/\\/g, "/");
+      }
+    }
+  });
+}
+function match(str, pattern) {
+  if (isGlob(pattern)) {
+    return micromatch.isMatch(str, pattern);
+  }
+  return str.startsWith(pattern);
+}
+function globalAssets(options) {
+  return {
+    name: "core:global-assets",
+    buildConfig(builder) {
+      const clone = options.clone || {};
+      let reposition = options.reposition || {};
+      reposition = { ...reposition, ...getAvailableForReposition(clone) };
+      handleReposition(builder, reposition);
+      const clonePatterns = Object.keys(clone);
+      if (clonePatterns.length > 0) {
+        handleCloneAssets(builder, clonePatterns);
+      }
+    }
+  };
+}
+function injectSystemJS(systemPath, filter) {
+  systemPath ??= resolve("node_modules/systemjs/dist/system.min.js");
+  return {
+    name: "core:inject-systemjs",
+    async generateBundle(options, bundle) {
+      if (options.format !== "system") {
+        return;
+      }
+      const systemjsCode = fs$1.readFileSync(
+        resolve(systemPath),
+        "utf-8"
+      );
+      for (const file of Object.values(bundle)) {
+        if (filter && !filter(file)) {
+          continue;
+        }
+        if (file.type === "chunk" && file.isEntry && file.fileName.endsWith(".js")) {
+          file.code = systemjsCode + "\n" + file.code;
+        }
+      }
+    }
+  };
+}
+function systemCSSFix() {
+  return {
+    name: "core:systemjs-css-fix",
+    async generateBundle(options, bundle) {
+      if (options.format !== "system") {
+        return;
+      }
+      for (const [fileName, chunk] of Object.entries(bundle)) {
+        if (fileName.endsWith(".css") && "code" in chunk) {
+          const regex = /__vite_style__\.textContent\s*=\s*"([\s\S]*?)";/;
+          let match2 = chunk.code.match(regex);
+          if (!match2) {
+            const regex2 = /\.textContent\s*=\s*`([\s\S]*?)`/;
+            match2 = chunk.code.match(regex2);
+          }
+          if (match2 && match2[1]) {
+            chunk.code = match2[1].replace(/\\"/g, '"').replace(/\\n/g, "\n").replace(/\\t/g, "	").replace(/\\\\/g, "\\").replace(/\/\*\$vite\$:\d+\*\/$/, "");
+          }
+        }
+      }
+    }
+  };
+}
+function cssModulize(entry, dest) {
+  return new CssModulizeProcessor(css(entry, dest));
+}
+class CssModulizeProcessor {
+  constructor(processor, bladePatterns = [], cssPatterns = []) {
+    this.processor = processor;
+    this.bladePatterns = bladePatterns;
+    this.cssPatterns = cssPatterns;
+  }
+  parseBlades(...bladePatterns) {
+    this.bladePatterns = this.bladePatterns.concat(bladePatterns.flat());
+    return this;
+  }
+  mergeCss(...css2) {
+    this.cssPatterns = this.cssPatterns.concat(css2.flat());
+    return this;
+  }
+  config(taskName, builder) {
+    const tasks = this.processor.config(taskName, builder);
+    const task = tasks[0];
+    const inputFile = resolve(task.input);
+    const bladeFiles = fg.globSync(this.bladePatterns);
+    for (const file of bladeFiles) {
+      builder.watches.push({
+        file,
+        moduleFile: inputFile,
+        updateType: "css-update"
+      });
+    }
+    builder.loadCallbacks.push((src, options) => {
+      const file = stripUrlQuery(src);
+      if (normalize(file) === inputFile) {
+        const patterns = fg.globSync(
+          this.cssPatterns.map((v) => resolve(v)).map((v) => v.replace(/\\/g, "/"))
+        );
+        const imports = patterns.map((pattern) => `@import "${pattern}";`).concat(this.parseStylesFromBlades(bladeFiles)).join("\n");
+        let main = fs$1.readFileSync(file, "utf-8");
+        main += `
+
+${imports}
+`;
+        return main;
+      }
+    });
+    return void 0;
+  }
+  parseStylesFromBlades(files) {
+    return files.map((file) => {
+      const bladeText = fs$1.readFileSync(file, "utf8");
+      const html = parse(bladeText);
+      return html.querySelectorAll("style[type][data-macro],script[type][data-macro]").filter(
+        (el) => ["text/scss", "text/css"].includes(el.getAttribute("type") || "")
+      ).map((el) => {
+        const scope = el.getAttribute("data-scope");
+        if (scope) {
+          return `${scope} {
+          ${el.innerHTML}
+        }`;
+        } else {
+          return el.innerHTML;
+        }
+      });
+    }).filter((c) => c.length > 0).flat();
+  }
+  preview() {
+    return [];
+  }
+}
+function jsModulize(entry, dest, options = {}) {
+  return new JsModulizeProcessor(js(entry, dest), options);
+}
+class JsModulizeProcessor {
+  constructor(processor, options = {}) {
+    this.processor = processor;
+    this.options = options;
+  }
+  scriptPatterns = [];
+  bladePatterns = [];
+  stagePrefix = "";
+  config(taskName, builder) {
+    const tasks = this.processor.config(taskName, builder);
+    const task = tasks[0];
+    const inputFile = resolve(task.input);
+    const tmpPath = this.options.tmpPath ?? resolve("./tmp/fusion/jsmodules/").replace(/\\/g, "/");
+    const clean = this.options.cleanTmp ?? true;
+    if (clean) {
+      builder.postBuildCallbacks.push((options, bundle) => {
+        fs$1.removeSync(tmpPath);
+      });
+    }
+    this.ignoreMainImport(task);
+    builder.resolveIdCallbacks.push((id) => {
+      if (id === "@main") {
+        return { id, external: true };
+      }
+    });
+    const scriptFiles = findFilesFromGlobArray(this.scriptPatterns);
+    const bladeFiles = parseScriptsFromBlades(this.bladePatterns);
+    builder.loadCallbacks.push((src, options) => {
+      const srcFile = stripUrlQuery(src);
+      if (normalize(srcFile) === inputFile) {
+        let listJS = "{\n";
+        for (const scriptFile of scriptFiles) {
+          let fullpath = scriptFile.fullpath;
+          if (fullpath.endsWith(".d.ts")) {
+            continue;
+          }
+          let key = scriptFile.relativePath.replace(/assets\//, "").toLowerCase();
+          fullpath = resolve(fullpath).replace(/\\/g, "/");
+          key = key.substring(0, key.lastIndexOf("."));
+          if (this.stagePrefix) {
+            key = this.stagePrefix + "/" + key;
+          }
+          key = "view:" + crypto.createHash("md5").update(key).digest("hex");
+          listJS += `'${key}': () => import('${fullpath}'),
+`;
+        }
+        const listens = [];
+        fs$1.ensureDirSync(tmpPath);
+        for (const result of bladeFiles) {
+          let key = result.as;
+          const tmpFile = tmpPath + "/" + result.path.replace(/\\|\//g, "_") + "-" + shortHash(result.code) + ".ts";
+          if (!fs$1.existsSync(tmpFile) || fs$1.readFileSync(tmpFile, "utf8") !== result.code) {
+            fs$1.writeFileSync(tmpFile, result.code);
+          }
+          listJS += `'inline:${key}': () => import('${tmpFile}'),
+`;
+          const fullpath = resolve(result.file.fullpath).replace(/\\/g, "/");
+          if (!listens.includes(fullpath)) {
+            listens.push(fullpath);
+          }
+        }
+        listJS += "}";
+        builder.watches.push(...listens);
+        let { code, comments } = stripComments(fs$1.readFileSync(srcFile, "utf-8"));
+        code = code.replace(/defineJsModules\((.*?)\)/g, listJS);
+        return restoreComments(code, comments);
+      }
+    });
+    return void 0;
+  }
+  /**
+   * @see https://github.com/vitejs/vite/issues/6393#issuecomment-1006819717
+   * @see https://stackoverflow.com/questions/76259677/vite-dev-server-throws-error-when-resolving-external-path-from-importmap
+   */
+  ignoreMainImport(task) {
+    const VALID_ID_PREFIX = `/@id/`;
+    const importKeys = ["@main"];
+    const reg = new RegExp(
+      `${VALID_ID_PREFIX}(${importKeys.join("|")})`,
+      "g"
+    );
+    plugin({
+      name: "keep-main-external-" + task.id,
+      transform(code) {
+        return reg.test(code) ? code.replace(reg, (m, s1) => s1) : code;
+      }
+    });
+  }
+  preview() {
+    return [];
+  }
+  mergeScripts(...patterns) {
+    this.scriptPatterns = this.scriptPatterns.concat(patterns.flat());
+    return this;
+  }
+  parseBlades(...bladePatterns) {
+    this.bladePatterns = this.bladePatterns.concat(bladePatterns.flat());
+    return this;
+  }
+  stage(stage) {
+    this.stagePrefix = stage;
+    return this;
+  }
+}
+function parseScriptsFromBlades(patterns) {
+  let files = findFilesFromGlobArray(Array.isArray(patterns) ? patterns : [patterns]);
+  return files.map((file) => {
+    const bladeText = fs$1.readFileSync(file.fullpath, "utf8");
+    const html = parse(bladeText);
+    return html.querySelectorAll("script[lang][data-macro]").filter(
+      (el) => ["ts", "typescript"].includes(el.getAttribute("lang") || "")
+    ).map((el) => ({
+      as: el.getAttribute("data-macro") || "",
+      file,
+      path: file.relativePath.replace(/.blade.php$/, ""),
+      code: el.innerHTML
+    })).filter((c) => c.code.trim() !== "");
+  }).flat();
+}
+function stripComments(code) {
+  const comments = [];
+  let i = 0;
+  code = code.replace(/\/\*[\s\S]*?\*\//g, (match2) => {
+    const key = `__COMMENT_BLOCK_${i}__`;
+    comments.push({ key, value: match2 });
+    i++;
+    return key;
+  }).replace(/\/\/.*$/gm, (match2) => {
+    const key = `__COMMENT_LINE_${i}__`;
+    comments.push({ key, value: match2 });
+    i++;
+    return key;
+  });
+  return { code, comments };
+}
+function restoreComments(code, comments) {
+  for (const { key, value } of comments) {
+    const re = new RegExp(key, "g");
+    code = code.replace(re, value);
+  }
+  return code;
+}
+function installVendors(npmVendors = [], to = "www/assets/vendor") {
+  return callbackAfterBuild(() => findAndInstall(npmVendors, to));
+}
+async function findAndInstall(npmVendors = [], to = "www/assets/vendor") {
+  const root = to;
+  let vendors = npmVendors;
+  const action = process.env.INSTALL_VENDOR === "hard" ? "Copy" : "Link";
+  console.log("");
+  if (!fs$1.existsSync(root)) {
+    fs$1.mkdirSync(root);
+  }
+  const dirs = fs$1.readdirSync(root, { withFileTypes: true }).filter((d) => d.isDirectory()).map((dir) => path.join(root, dir.name));
+  dirs.unshift(root);
+  dirs.forEach((dir) => {
+    deleteExists(dir);
+  });
+  const composerJsons = getInstalledComposerVendors().map((cv) => `vendor/${cv}/composer.json`).map((file) => loadJson(file)).filter((composerJson) => composerJson?.extra?.windwalker != null);
+  vendors = findNpmVendors(composerJsons).concat(vendors);
+  vendors = [...new Set(vendors)];
+  for (const vendor of vendors) {
+    const source = `node_modules/${vendor}/`;
+    if (fs$1.existsSync(source)) {
+      console.log(`[${action} NPM] node_modules/${vendor}/ => ${root}/${vendor}/`);
+      doInstall(source, `${root}/${vendor}/`);
+    }
+  }
+  for (const composerJson of composerJsons) {
+    const vendorName = composerJson.name;
+    let assets = composerJson?.extra?.windwalker?.assets?.link;
+    if (!assets) {
+      continue;
+    }
+    if (!assets.endsWith("/")) {
+      assets += "/";
+    }
+    if (fs$1.existsSync(`vendor/${vendorName}/${assets}`)) {
+      console.log(`[${action} Composer] vendor/${vendorName}/${assets} => ${root}/${vendorName}/`);
+      doInstall(`vendor/${vendorName}/${assets}`, `${root}/${vendorName}/`);
+    }
+  }
+  const staticVendorDir = "resources/assets/vendor/";
+  if (fs$1.existsSync(staticVendorDir)) {
+    const staticVendors = fs$1.readdirSync(staticVendorDir);
+    for (const staticVendor of staticVendors) {
+      if (staticVendor.startsWith("@")) {
+        const subVendors = fs$1.readdirSync(staticVendorDir + staticVendor);
+        for (const subVendor of subVendors) {
+          const subVendorName = staticVendor + "/" + subVendor;
+          const source = staticVendorDir + subVendorName + "/";
+          if (fs$1.existsSync(source)) {
+            console.log(`[${action} Local] resources/assets/vendor/${subVendorName}/ => ${root}/${subVendorName}/`);
+            doInstall(source, `${root}/${subVendorName}/`);
+          }
+        }
+      } else {
+        let source = staticVendorDir + staticVendor;
+        if (fs$1.existsSync(source)) {
+          console.log(`[${action} Local] resources/assets/vendor/${staticVendor}/ => ${root}/${staticVendor}/`);
+          doInstall(source, `${root}/${staticVendor}/`);
+        }
+      }
+    }
+  }
+}
+async function doInstall(source, dest) {
+  if (process.env.INSTALL_VENDOR === "hard") {
+    await copyGlob(source + "/**/*", dest);
+  } else {
+    await symlink(source, dest);
+  }
+}
+function findNpmVendors(composerJsons = []) {
+  const pkg = path.resolve(process.cwd(), "package.json");
+  const pkgJson = loadJson(pkg);
+  let vendors = Object.keys(pkgJson.devDependencies || {}).concat(Object.keys(pkgJson.dependencies || {})).map((id) => `node_modules/${id}/package.json`).map((file) => loadJson(file)).filter((pkgJson2) => pkgJson2?.windwalker != null).map((pkgJson2) => pkgJson2?.windwalker.vendors || []).flat();
+  const vendorsFromComposer = composerJsons.map((composerJson) => {
+    return [
+      ...composerJson?.extra?.windwalker?.asset_vendors || [],
+      ...composerJson?.extra?.windwalker?.assets?.exposes || [],
+      ...Object.keys(composerJson?.extra?.windwalker?.assets?.vendors || {})
+    ];
+  }).flat();
+  return [...new Set(vendors.concat(vendorsFromComposer))];
+}
+function getInstalledComposerVendors() {
+  const composerFile = path.resolve(process.cwd(), "composer.json");
+  const composerJson = loadJson(composerFile);
+  return [
+    ...new Set(
+      Object.keys(composerJson["require"] || {}).concat(Object.keys(composerJson["require-dev"] || {}))
+    )
+  ];
+}
+function deleteExists(dir) {
+  if (!fs$1.existsSync(dir)) {
+    return;
+  }
+  const subDirs = fs$1.readdirSync(dir, { withFileTypes: true });
+  for (const subDir of subDirs) {
+    if (subDir.isSymbolicLink() || subDir.isFile()) {
+      fs$1.unlinkSync(path.join(dir, subDir.name));
+    } else if (subDir.isDirectory()) {
+      deleteExists(path.join(dir, subDir.name));
+    }
+  }
+  fs$1.rmdirSync(dir);
+}
+export {
+  cloneAssets,
+  containsMiddleGlob,
+  cssModulize,
+  ensureDirPath,
+  findFilesFromGlobArray,
+  findModules,
+  findPackages,
+  globalAssets,
+  injectSystemJS,
+  installVendors,
+  jsModulize,
+  loadJson,
+  removeLastGlob,
+  resolveModuleRealpath,
+  stripUrlQuery,
+  systemCSSFix,
+  uniqId
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@windwalker-io/core",
-  "version": "4.2.0",
+  "version": "4.2.1",
   "type": "module",
   "description": "Windwalker Core JS package",
   "scripts": {
@@ -23,6 +23,13 @@
       "import": "./src/app/index.ts"
     }
   },
+  "files": [
+    "dist",
+    "images",
+    "scss",
+    "src",
+    "package.json"
+  ],
   "repository": "https://github.com/ventoviro/windwalker-core",
   "author": "Simon Asika",
   "license": "MIT",

package/bin/release.js

@@ -1,47 +0,0 @@
-import minimist from 'minimist';
-import { execSync as exec } from 'child_process';
-
-const cliInput = minimist(process.argv.slice(2));
-
-const args = cliInput._;
-
-if (!args.length) {
-  console.log('Please provide release type (major | minor | patch | premajor | preminor | prepatch | prerelease)');
-  process.exit(255);
-}
-
-const help = `
-Usage: release.js -- <arguments for "npm version">
-  -b    Branch name to push. 
-`;
-
-if (cliInput['help'] || cliInput['h']) {
-  console.log(help);
-  process.exit(0);
-}
-
-console.log(`>>> yarn build`);
-exec(`yarn build`, { stdio: 'inherit' });
-
-console.log(`>>> npm version ${args.join(' ')}`);
-const buffer = exec(`npm version ${args.join(' ')} --no-workspaces-update`);
-
-const ver = buffer.toString().split("\n")[1];
-
-console.log('>>> Git commit all');
-exec(`git add .`, { stdio: 'inherit' });
-try {
-  exec(`git commit -am "Prepare release JS @windwalker-io/core ${ver}."`, { stdio: 'inherit' });
-} catch (e) {
-  console.log(e.message);
-}
-
-const branch = cliInput['b'] || 'master';
-
-console.log('>>> Push to git');
-
-exec(`git push origin ${branch}`, { stdio: 'inherit' });
-
-console.log('>> Publish to npm');
-
-exec(`npm publish`, { stdio: 'inherit' });

package/core/index.d.ts

@@ -1 +0,0 @@
-export function setupCounter(element: HTMLButtonElement): void

package/core/index.html

@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite App</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
-  </body>
-</html>

package/core/lib/main.ts

@@ -1,9 +0,0 @@
-export function setupCounter(element: HTMLButtonElement) {
-  let counter = 0
-  const setCounter = (count: number) => {
-    counter = count
-    element.innerHTML = `count is ${counter}`
-  }
-  element.addEventListener('click', () => setCounter(++counter))
-  setCounter(0)
-}

package/core/package.json

@@ -1,26 +0,0 @@
-{
-  "name": "core",
-  "private": true,
-  "version": "0.0.0",
-  "type": "module",
-  "files": [
-    "dist",
-    "index.d.ts"
-  ],
-  "main": "./dist/counter.umd.cjs",
-  "module": "./dist/counter.js",
-  "types": "./index.d.ts",
-  "exports": {
-    "types": "./index.d.ts",
-    "import": "./dist/counter.js",
-    "require": "./dist/counter.umd.cjs"
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc && vite build"
-  },
-  "devDependencies": {
-    "typescript": "~5.9.2",
-    "vite": "^7.1.5"
-  }
-}

package/core/public/vite.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/core/src/main.ts

@@ -1,23 +0,0 @@
-import './style.css'
-import typescriptLogo from './typescript.svg'
-import { setupCounter } from '../lib/main'
-
-document.querySelector<HTMLDivElement>('#app')!.innerHTML = `
-  <div>
-    <a href="https://vite.dev" target="_blank">
-      <img src="/vite.svg" class="logo" alt="Vite logo" />
-    </a>
-    <a href="https://www.typescriptlang.org/" target="_blank">
-      <img src="${typescriptLogo}" class="logo vanilla" alt="TypeScript logo" />
-    </a>
-    <h1>Vite + TypeScript</h1>
-    <div class="card">
-      <button id="counter" type="button"></button>
-    </div>
-    <p class="read-the-docs">
-      Click on the Vite and TypeScript logos to learn more
-    </p>
-  </div>
-`
-
-setupCounter(document.querySelector<HTMLButtonElement>('#counter')!)