Move everything to a react-strict-svg package

Author: efoken

package-lock.json

@@ -20,13 +20,15 @@ import typeof * as TStyleX from '@stylexjs/stylex';
 import * as React from 'react';
 import * as compat from './compat';
 import * as html from './html';
-import * as svg from './svg';
 import * as _css from './css';
 import { ProvideCustomProperties } from './modules/ContextCustomProperties';
 import {
   ProvideViewportScale,
   useViewportScale
 } from './modules/ContextViewportScale';
+import { useNativeProps } from './modules/useNativeProps';
+import { useStrictDOMElement } from './modules/useStrictDOMElement';
+import { isPropAllowed } from '../shared/isPropAllowed';
 
 type StyleTheme<V, T> = Theme<V, T>;
 type StyleVars<T> = VarGroup<T>;
@@ -65,6 +67,8 @@ export {
   contexts,
   css,
   html,
-  svg,
-  useViewportScale as useViewportScale_DO_NOT_USE
+  useViewportScale as useViewportScale_DO_NOT_USE,
+  useNativeProps as useNativeProps_DO_NOT_USE,
+  useStrictDOMElement as useStrictDOMElement_DO_NOT_USE,
+  isPropAllowed as isPropAllowed_DO_NOT_USE
 };

packages/react-strict-dom/src/native/index.js

@@ -17,7 +17,6 @@ import type { StrictReactDOMLabelProps } from './StrictReactDOMLabelProps';
 import type { StrictReactDOMListItemProps } from './StrictReactDOMListItemProps';
 import type { StrictReactDOMOptionProps } from './StrictReactDOMOptionProps';
 import type { StrictReactDOMSelectProps } from './StrictReactDOMSelectProps';
-import type { StrictReactDOMSvgProps } from './StrictReactDOMSvgProps';
 import type { StrictReactDOMTextAreaProps } from './StrictReactDOMTextAreaProps';
 
 export type StrictProps = Readonly<{
@@ -30,6 +29,5 @@ export type StrictProps = Readonly<{
   ...StrictReactDOMListItemProps,
   ...StrictReactDOMOptionProps,
   ...StrictReactDOMSelectProps,
-  ...StrictReactDOMSvgProps,
   ...StrictReactDOMTextAreaProps
 }>;

packages/react-strict-dom/src/types/StrictProps.js

@@ -16,8 +16,8 @@ import type {
 } from '@stylexjs/stylex';
 
 import * as html from './html';
-import * as svg from './svg';
 import * as css from '@stylexjs/stylex';
+import { isPropAllowed } from '../shared/isPropAllowed';
 
 type StyleTheme<V, T> = Theme<V, T>;
 type StyleVars<T> = VarGroup<T>;
@@ -26,4 +26,4 @@ type StylesWithout<T> = StyleXStylesWithout<T>;
 
 export type { StaticStyles, StyleTheme, StyleVars, Styles, StylesWithout };
 
-export { css, html, svg };
+export { css, html, isPropAllowed as isPropAllowed_DO_NOT_USE };

packages/react-strict-dom/src/web/index.js

@@ -157,8 +157,6 @@ const sub: StrictReactDOMPropsStyle = styles.inline;
 // $FlowFixMe[incompatible-type]
 const sup: StrictReactDOMPropsStyle = styles.inline;
 // $FlowFixMe[incompatible-type]
-const svg: StrictReactDOMPropsStyle = styles.img;
-// $FlowFixMe[incompatible-type]
 const textarea: StrictReactDOMPropsStyle = [
   styles.inlineblock,
   styles.textarea
@@ -214,7 +212,6 @@ export const defaultStyles = {
   strong: strong as typeof strong,
   sub: sub as typeof sub,
   sup: sup as typeof sup,
-  svg: svg as typeof svg,
   textarea: textarea as typeof textarea,
   u: u as typeof u,
   ul: ul as typeof ul

packages/react-strict-dom/src/web/runtime.js

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Meta Platforms, Inc. and affiliates.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

packages/react-strict-svg/LICENSE

@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+const babelConfig = require('../react-strict-dom/tools/jest/babelConfig.js');
+
+module.exports = {
+  displayName: 'react-strict-svg (web)',
+  rootDir: __dirname,
+  setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
+  testEnvironment: 'jsdom',
+  testMatch: ['<rootDir>/src/web/**/__tests__/*-test.js'],
+  moduleNameMapper: {
+    '^react-strict-dom$': '<rootDir>/../react-strict-dom/src/web/index.js'
+  },
+  transform: {
+    '\\.[jt]sx?$': ['babel-jest', babelConfig()]
+  }
+};

packages/react-strict-svg/jest.config.js

@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+if (
+  typeof HTMLElement !== 'undefined' &&
+  typeof HTMLElement.prototype.animate !== 'function'
+) {
+  HTMLElement.prototype.animate = function () {
+    return {
+      finished: Promise.resolve(),
+      cancel() {}
+    };
+  };
+}

packages/react-strict-svg/jest.setup.js

@@ -0,0 +1,51 @@
+{
+  "name": "react-strict-svg",
+  "version": "0.0.55",
+  "description": "React Strict SVG",
+  "exports": {
+    ".": {
+      "react-native": {
+        "types": "./dist/native/index.d.ts",
+        "default": "./dist/native/index.js"
+      },
+      "default": {
+        "types": "./dist/web/index.d.ts",
+        "default": "./dist/web/index.js"
+      }
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist/*",
+    "LICENSE",
+    "package.json"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "jest": "jest --config ./jest.config.js",
+    "jest:report": "jest --config ./jest.config.js --collect-coverage",
+    "build": "rollup --config ./tools/rollup.config.mjs",
+    "clean": "del-cli \"./dist/*\"",
+    "prebuild": "npm run clean && generate-types -i src/ -o dist"
+  },
+  "dependencies": {
+    "@stylexjs/stylex": "^0.18.3",
+    "react-strict-dom": "0.0.55"
+  },
+  "devDependencies": {
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^26.0.1",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@testing-library/react": "^16.3.0",
+    "react": "~19.0.0",
+    "react-dom": "~19.0.0",
+    "react-test-renderer": "~19.0.0",
+    "rollup": "^4.22.4"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-native": ">=0.79.5",
+    "react-native-svg": "^15.8.0"
+  }
+}

packages/react-strict-svg/package.json

@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ */
+
+import * as svg from './svg';
+
+export { svg };