@iservice-dev/is-wp-plugin-kit 1.0.0

package/bin/is-wp-plugin-kit.js

@@ -0,0 +1,31 @@
+#!/usr/bin/env node
+import path from "node:path";
+import fs from "node:fs";
+import { fileURLToPath } from "node:url";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const cmd = process.argv[2];
+
+const copy = (file) => {
+  const src = path.resolve(__dirname, "../files", file);
+  const dest = path.resolve(
+    process.cwd(),
+    file.replace(/^gitignore$/, ".gitignore")
+  );
+  fs.copyFileSync(src, dest);
+};
+
+if (cmd === "init") {
+  copy("gitignore");
+  copy("oxlintrc.json");
+  copy("stylelintrc.json");
+  copy("postcss.config.cjs");
+  copy("tsconfig.json");
+
+  console.log("Project initialized with WP Plugin Kit defaults.");
+}
+
+if (cmd === "compile-mo") {
+  const moScript = path.resolve(__dirname, "../files/compile-mo.mjs");
+  import(moScript);
+}

package/files/.oxlintrc.json

@@ -0,0 +1,19 @@
+{
+	"ignore": [
+		"assets/src/legacy/**/*"
+	],
+	"rules": {
+		"no-alert": "error",
+		"oxc/approx-constant": "error",
+		"no-unused-vars": "warn",
+		"no-duplicate-imports": "error",
+		"no-unreachable": "error",
+		"no-empty": "error",
+		"no-for-loop": "warn",
+		"no-var": "warn",
+		"prefer-const": "warn",
+		"eqeqeq": "warn",
+		"semi": "warn",
+		"no-console": "warn"
+	}
+}

package/files/.stylelintrc.json

@@ -0,0 +1,22 @@
+{
+	"extends": [
+		"stylelint-config-standard-scss"
+	],
+	"plugins": [
+		"stylelint-scss",
+		"stylelint-order"
+	],
+	"rules": {
+		"color-hex-length": "short",
+		"order/properties-alphabetical-order": true,
+		"selector-class-pattern": null,
+		"selector-id-pattern": null,
+		"property-no-deprecated": [true, {"severity": "warning"}],
+		"keyframes-name-pattern": null,
+		"number-max-precision": null,
+		"no-descending-specificity": null,
+		"no-duplicate-selectors": null,
+		"font-family-no-missing-generic-family-keyword": null,
+		"keyframe-block-no-duplicate-selectors": null
+	}
+}

package/files/compile-mo.mjs

@@ -0,0 +1,37 @@
+import { fileURLToPath } from 'node:url'
+import path from 'node:path'
+import fs from 'node:fs/promises'
+import { execFile } from 'node:child_process'
+import { promisify } from 'node:util'
+import fg from 'fast-glob'
+
+const execFileP = promisify(execFile);
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const root = path.resolve(__dirname, '..');
+
+
+const srcDir = path.join(root, 'assets', 'src', 'l10n');
+const outDir = path.join(root, 'languages');
+
+const pluginName = path.basename(root);
+
+await fs.mkdir(outDir, { recursive: true });
+const poFiles = await fg('**/*.po', { cwd: srcDir });
+
+for (const rel of poFiles) {
+  const inPath = path.join(srcDir, rel)
+  const outSubdir = path.dirname(rel)
+  const locale = path.basename(rel, '.po');
+  const outBase = `${pluginName}-${locale}.mo`;
+  const outFullDir = path.join(outDir, outSubdir)
+  const outPath = path.join(outFullDir, outBase)
+  await fs.mkdir(outFullDir, { recursive: true })
+
+  const npxCmd = process.platform === 'win32' ? 'npx.cmd' : 'npx'
+  await execFileP(npxCmd, ['po2mo', inPath])
+
+  const generatedPath = path.join(srcDir, outSubdir, locale + '.mo')
+  await fs.rename(generatedPath, outPath)
+
+  console.log(`✔ ${rel} -> ${path.relative(root, outPath)} (with prefix ${pluginName}-)`)
+}

package/files/postcss.config.cjs

@@ -0,0 +1,5 @@
+module.exports = {
+	plugins: {
+		autoprefixer: {},
+	},
+};

package/files/tsconfig.json

@@ -0,0 +1,46 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "preserve",
+
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "verbatimModuleSyntax": true,
+
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedIndexedAccess": true,
+    "noImplicitReturns": true,
+    "exactOptionalPropertyTypes": true,
+
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./assets/src/*"],
+      "@/modules/*": ["./assets/src/ts/modules/*"],
+      "@/types/*": ["./assets/src/ts/types/*"]
+    },
+
+    "types": ["jquery", "node"],
+    "skipLibCheck": true
+  },
+  "include": [
+    "assets/src/**/*.ts",
+    "assets/src/**/*.js",
+    "vite.config.ts"
+  ],
+  "exclude": [
+    "node_modules",
+    "assets/dist"
+  ]
+}

package/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "@iservice-dev/is-wp-plugin-kit",
+  "version": "1.0.0",
+  "description": "",
+  "main": "vite/index.js",
+  "files": [
+	"vite",
+	"files",
+	"bin"
+  ],
+  "bin": {
+	"is-wp-plugin-kit": "./bin/is-wp-plugin-kit.js"
+  },
+   "dependencies": {
+    "fast-glob": "^3.3.3",
+    "vite-plugin-static-copy": "^3.1.3"
+  },
+  "keywords": [],
+  "author": "iService",
+  "license": "ISC"
+}

package/vite/index.js

@@ -0,0 +1,101 @@
+import { defineConfig } from "vite";
+import fg from "fast-glob";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import { viteStaticCopy } from "vite-plugin-static-copy";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+export function wpPluginKitVite(userOptions = {}) {
+  function makeInputs() {
+    const files = fg.sync(
+      [
+        "assets/src/ts/*.ts",
+        "assets/src/scss/*.scss",
+        "assets/src/legacy/js/*.js",
+        "assets/src/legacy/css/*.css",
+      ],
+      {
+        cwd: userOptions.cwd ?? process.cwd(),
+      }
+    );
+
+    const entries = {};
+    for (const f of files) {
+      const base = path.basename(f).replace(/\.(ts|scss|js|css)$/i, "");
+
+      let key;
+      if (f.endsWith(".ts")) key = `js/${base}`;
+      else if (f.endsWith(".scss")) key = `css/${base}`;
+      else if (f.endsWith(".js")) key = `js/${base}`;
+      else if (f.endsWith(".css")) key = `css/${base}`;
+      else continue;
+
+      entries[key] = path.resolve(userOptions.cwd ?? process.cwd(), f);
+    }
+    return entries;
+  }
+
+  const staticCopyTargets = userOptions.staticCopyTargets ?? [
+    { src: "assets/src/images/*", dest: "css/images" },
+    { src: "assets/src/fonts/**/*.{eot,woff,woff2,ttf}", dest: "css/fonts" },
+    { src: "assets/src/legacy/css/*.css", dest: "css" },
+    { src: "assets/src/legacy/js/*.js", dest: "js" },
+  ];
+
+  return defineConfig({
+    base: "./",
+
+    server: {
+      host: "0.0.0.0",
+      port: userOptions.port ?? 5500,
+      origin: `http://localhost:${userOptions.port ?? 5500}`,
+      strictPort: true,
+      cors: true,
+      hmr: { host: "localhost", protocol: "ws" },
+    },
+
+    build: {
+      outDir: userOptions.outDir ?? "assets/dist",
+      assetsDir: "",
+      emptyOutDir: true,
+      manifest: "manifest.json",
+      target: "es2019",
+      cssCodeSplit: true,
+      rollupOptions: {
+        input: makeInputs(),
+        output: {
+          intro: "(function(){",
+          outro: "})();",
+          entryFileNames: (chunk) =>
+            chunk.name.startsWith("js/") ? "[name].js" : "js/[name].js",
+          chunkFileNames: "js/[name]-[hash].js",
+          assetFileNames: (asset) => {
+            const fileName = asset.names?.[0] ?? "";
+            const ext = path.extname(fileName).slice(1).toLowerCase();
+
+            if (fileName.endsWith(".css") || ext === "css") {
+              const baseName = fileName.replace(".css", "");
+              if (baseName.startsWith("css/")) return `${baseName}.css`;
+              return `css/${baseName}.css`;
+            }
+
+            if (["png", "jpg", "jpeg", "gif", "svg", "webp"].includes(ext))
+              return "css/images/[name][extname]";
+
+            if (["woff", "woff2", "ttf", "eot", "otf"].includes(ext))
+              return "css/fonts/[name][extname]";
+
+            return "[name][extname]";
+          },
+        },
+      },
+    },
+
+    css: { postcss: "./postcss.config.cjs" },
+
+    plugins: [viteStaticCopy({ targets: staticCopyTargets })],
+
+    ...userOptions,
+  });
+}