alouette-icons 1.0.0-beta.1

package/.editorconfig

@@ -0,0 +1,13 @@
+# EditorConfig helps developers define and maintain consistent
+# coding styles between different editors and IDEs
+# http://editorconfig.org
+
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true

package/.eslintrc.json

@@ -0,0 +1,5 @@
+{
+  "root": true,
+  "extends": ["@pob/eslint-config/root-module"],
+  "ignorePatterns": ["*.d.ts", "/dist"]
+}

package/.yo-rc.json

@@ -0,0 +1,11 @@
+{
+  "pob": {
+    "lib": {
+      "documentation": false,
+      "testing": {}
+    },
+    "project": {
+      "type": "lib"
+    }
+  }
+}

package/LICENSE

@@ -0,0 +1,2 @@
+Copyright (c) 2024 Christophe Hurpeau <302891+christophehurpeau@users.noreply.github.com> (https://christophe.hurpeau.com)
+All rights reserved.

package/README.md

@@ -0,0 +1,31 @@
+<h3 align="center">
+  alouette-icons
+</h3>
+
+<p align="center">
+  icons for alouette
+</p>
+
+<p align="center">
+  <a href="https://npmjs.org/package/alouette-icons"><img src="https://img.shields.io/npm/v/alouette-icons.svg?style=flat-square"></a>
+  <a href="https://npmjs.org/package/alouette-icons"><img src="https://img.shields.io/npm/dw/alouette-icons.svg?style=flat-square"></a>
+  <a href="https://npmjs.org/package/alouette-icons"><img src="https://img.shields.io/node/v/alouette-icons.svg?style=flat-square"></a>
+  <a href="https://npmjs.org/package/alouette-icons"><img src="https://img.shields.io/npm/types/alouette-icons.svg?style=flat-square"></a>
+</p>
+
+## Install
+
+```bash
+npm install --save alouette alouette-icons
+```
+
+## Usage
+
+```tsx
+import { Icon } from "alouette";
+import { ArrowLeftRegularIcon } from "alouette-icons/phosphor-icons";
+
+function Component() {
+  return <Icon icon={<ArrowLeftRegularIcon />} />;
+}
+```

package/lib/.eslintrc.json

@@ -0,0 +1,21 @@
+{
+  "root": true,
+  "extends": ["@pob/eslint-config/node-module"],
+  "overrides": [
+    {
+      "files": [
+        "**/*.test.{cjs,js}",
+        "__tests__/**/*.{cjs,js}",
+        "**/__mocks__/**/*.{cjs,js}"
+      ],
+      "rules": {
+        "import/no-extraneous-dependencies": [
+          "error",
+          {
+            "devDependencies": true
+          }
+        ]
+      }
+    }
+  ]
+}

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "alouette-icons",
+  "version": "1.0.0-beta.1",
+  "description": "icons for alouette",
+  "author": "Christophe Hurpeau <302891+christophehurpeau@users.noreply.github.com> (https://christophe.hurpeau.com)",
+  "license": "UNLICENSED",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/christophehurpeau/alouette.git",
+    "directory": "packages/alouette-icons"
+  },
+  "homepage": "https://github.com/christophehurpeau/alouette",
+  "type": "module",
+  "engines": {
+    "node": ">=18.12.0"
+  },
+  "sideEffects": false,
+  "react-native": {
+    "./phosphor-icons": "./src/phosphor-icons.cjs"
+  },
+  "exports": {
+    "./package.json": "./package.json",
+    "./phosphor-icons": {
+      "types": "./src/phosphor-icons.ts",
+      "react-native": "./src/phosphor-icons.cjs",
+      "node": {
+        "import": "./dist/phosphor-icons-node18.mjs"
+      },
+      "browser": "./dist/phosphor-icons-browser.es.js"
+    }
+  },
+  "pob": {
+    "entries": [
+      "phosphor-icons"
+    ]
+  },
+  "prettier": "@pob/root/prettier-config",
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-native": "*",
+    "react-native-svg": "*"
+  },
+  "dependencies": {
+    "@phosphor-icons/core": "2.0.8"
+  },
+  "devDependencies": {
+    "react-native": "0.73.6",
+    "typescript": "5.4.5"
+  }
+}

package/phosphor-icons.js

@@ -0,0 +1 @@
+// for eslint-plugin-import :/

package/scripts/generate-phosphor-icons-legacy-withcopy.mjs

@@ -0,0 +1,64 @@
+import { copyFileSync, mkdirSync, rmdirSync, writeFileSync } from "node:fs";
+import { dirname } from "node:path";
+import { fileURLToPath } from "node:url";
+import { icons } from "@phosphor-icons/core";
+
+const phosphorAssetsPath = dirname(
+  dirname(
+    fileURLToPath(
+      await import.meta.resolve("@phosphor-icons/core/assets/regular/dot.svg"),
+    ),
+  ),
+);
+
+const assetsPath = fileURLToPath(
+  new URL("../phosphor-icons-assets", import.meta.url),
+);
+
+try {
+  rmdirSync(assetsPath, { recursive: true });
+} catch {
+  console.warn("Could not remove assets directory");
+}
+mkdirSync(`${assetsPath}/regular`, { recursive: true });
+mkdirSync(`${assetsPath}/fill`);
+
+const header =
+  "// This file is generated automatically by scripts/generate-phosphor-icons.mjs\n\n";
+let fileContent = `/* eslint-disable max-lines */\n${header}`;
+let fileDTSContent = `${header}import * as React from 'react';
+
+const SVGComponent: React.FunctionComponent<React.SVGProps<SVGSVGElement> & { title?: string }>;
+`;
+
+icons.forEach((icon) => {
+  if (icon.name === "file-search") {
+    // alias for "file-magnifying-glass"
+    return;
+  }
+  copyFileSync(
+    new URL(`${phosphorAssetsPath}/regular/${icon.name}.svg`, import.meta.url),
+    `${assetsPath}/regular/${icon.name}.svg`,
+  );
+  copyFileSync(
+    new URL(
+      `${phosphorAssetsPath}/fill/${icon.name}-fill.svg`,
+      import.meta.url,
+    ),
+    `${assetsPath}/fill/${icon.name}-fill.svg`,
+  );
+
+  fileContent += `export { ReactComponent as ${icon.pascal_name}RegularIcon } from '../phosphor-icons-assets/regular/${icon.name}.svg';\n`;
+  fileContent += `export { ReactComponent as ${icon.pascal_name}FillIcon } from '../phosphor-icons-assets/fill/${icon.name}-fill.svg';\n`;
+  fileDTSContent += `declare const ${icon.pascal_name}RegularIcon = SVGComponent;\n`;
+  fileDTSContent += `declare const ${icon.pascal_name}FillIcon = SVGComponent;\n`;
+});
+
+writeFileSync(
+  new URL("../src/phosphor-icons.ts", import.meta.url),
+  fileContent,
+);
+writeFileSync(
+  new URL("../src/phosphor-icons.d.ts", import.meta.url),
+  fileDTSContent,
+);

package/scripts/generate-phosphor-icons.mjs

@@ -0,0 +1,52 @@
+import { copyFileSync, writeFileSync } from "node:fs";
+import { dirname } from "node:path";
+import { fileURLToPath } from "node:url";
+import { icons } from "@phosphor-icons/core";
+
+const phosphorAssetsPath = dirname(
+  dirname(
+    fileURLToPath(
+      await import.meta.resolve("@phosphor-icons/core/assets/regular/dot.svg"),
+    ),
+  ),
+);
+
+const header =
+  "// This file is generated automatically by scripts/generate-phosphor-icons.mjs\n\n";
+let fileContent = `/* prettier-ignore */\n${header}`;
+let fileDTSContent = `${header}import * as React from 'react';
+
+const SVGComponent: React.FunctionComponent<React.SVGProps<SVGSVGElement> & { title?: string }>;
+`;
+let fileCJSForReactNativeContent = `/* prettier-ignore */\n${header}
+module.exports = {
+`;
+
+icons.forEach((icon) => {
+  if (icon.name === "file-search") {
+    // alias for "file-magnifying-glass"
+    return;
+  }
+
+  fileContent += `export { ReactComponent as ${icon.pascal_name}RegularIcon } from '@phosphor-icons/core/assets/regular/${icon.name}.svg';\n`;
+  fileContent += `export { ReactComponent as ${icon.pascal_name}FillIcon } from '@phosphor-icons/core/assets/fill/${icon.name}-fill.svg';\n`;
+  fileDTSContent += `declare const ${icon.pascal_name}RegularIcon = SVGComponent;\n`;
+  fileDTSContent += `declare const ${icon.pascal_name}FillIcon = SVGComponent;\n`;
+  fileCJSForReactNativeContent += `  get ${icon.pascal_name}RegularIcon() { return require('@phosphor-icons/core/assets/regular/${icon.name}.svg').ReactComponent },\n`;
+  fileCJSForReactNativeContent += `  get ${icon.pascal_name}FillIcon() { return require('@phosphor-icons/core/assets/fill/${icon.name}-fill.svg').ReactComponent },\n`;
+});
+
+fileCJSForReactNativeContent += "};\n";
+
+writeFileSync(
+  new URL("../src/phosphor-icons.ts", import.meta.url),
+  fileContent,
+);
+writeFileSync(
+  new URL("../src/phosphor-icons.cjs", import.meta.url),
+  fileCJSForReactNativeContent,
+);
+writeFileSync(
+  new URL("../src/phosphor-icons.d.ts", import.meta.url),
+  fileDTSContent,
+);