pkg: Switch from @js-temporal/polyfill to temporal-polyfill

__tests__/new.ts

@@ -1,5 +1,5 @@
-import { Temporal } from '@js-temporal/polyfill';
 import React, { createContext, useContext } from 'react';
+import { Temporal } from 'temporal-polyfill';
 
 import {
   Endpoint,

docs/rest/api/schema.md

@@ -46,7 +46,7 @@ We have two nested [entity](./Entity.md) types within our `article`: `users` and
 
 ```typescript
 import { schema, Entity } from '@data-client/endpoint';
-import { Temporal } from '@js-temporal/polyfill';
+import { Temporal } from 'temporal-polyfill';
 
 class User extends Entity {
   id = '';
@@ -79,7 +79,7 @@ class Article extends Entity {
 
 ```javascript
 import { schema, Entity } from '@data-client/endpoint';
-import { Temporal } from '@js-temporal/polyfill';
+import { Temporal } from 'temporal-polyfill';
 
 class User extends Entity { }
 

examples/github-app/package.json

@@ -58,7 +58,7 @@
     "@data-client/img": "0.15.0",
     "@data-client/react": "0.15.7",
     "@data-client/rest": "0.15.7",
-    "@js-temporal/polyfill": "^0.5.1",
+    "temporal-polyfill": "^0.3.0",
     "antd": "6.3.3",
     "core-js": "^3.48.0",
     "history": "^5.3.0",

examples/github-app/src/components/human.ts

@@ -1,4 +1,4 @@
-import { Temporal } from '@js-temporal/polyfill';
+import { Temporal } from 'temporal-polyfill';
 
 export function humanTime(date: Temporal.Instant, language: string) {
   const REL = new Intl.RelativeTimeFormat(language, {

examples/github-app/src/pages/IssueDetail/CommentInline.tsx

@@ -2,14 +2,14 @@ import { useNavigator } from '@anansi/core';
 import { Link, useRoutes } from '@anansi/router';
 import { EllipsisOutlined } from '@ant-design/icons';
 import { useCache, useController } from '@data-client/react';
-import { Intl } from '@js-temporal/polyfill';
 import { css } from '@linaria/core';
 import { Card, Avatar, Button, Tag, Popover } from 'antd';
 import React, { memo, useCallback, useState } from 'react';
 import Markdown from 'react-markdown';
 import rehypeHighlight from 'rehype-highlight';
 import remarkGfm from 'remark-gfm';
 import remarkRemoveComments from 'remark-remove-comments';
+import { Intl } from 'temporal-polyfill';
 
 import FlexRow from '@/components/FlexRow';
 import { CommentResource, Comment } from '@/resources/Comment';

examples/github-app/src/pages/ProfileDetail/UserEvents.tsx

@@ -2,10 +2,10 @@ import { useNavigator } from '@anansi/core';
 import { Link } from '@anansi/router';
 import { BranchesOutlined, PullRequestOutlined } from '@ant-design/icons';
 import { useSuspense } from '@data-client/react';
-import { Intl } from '@js-temporal/polyfill';
 import { Timeline, Typography, Divider } from 'antd';
 import { groupBy } from 'lodash';
 import { useMemo } from 'react';
+import { Intl } from 'temporal-polyfill';
 
 import {
   EventResource,

examples/github-app/src/pages/ProfileDetail/index.tsx

@@ -1,8 +1,8 @@
 import { useNavigator } from '@anansi/core';
 import { useSuspense } from '@data-client/react';
-import { Intl } from '@js-temporal/polyfill';
 import { Card, Layout } from 'antd';
 import Markdown from 'react-markdown';
+import { Intl } from 'temporal-polyfill';
 
 import { UserResource } from '@/resources/User';
 

examples/github-app/src/resources/Comment.ts

@@ -1,4 +1,4 @@
-import { Temporal } from '@js-temporal/polyfill';
+import { Temporal } from 'temporal-polyfill';
 
 import { GithubEntity, githubResource } from './Base';
 import { User } from './User';

examples/github-app/src/resources/Event.tsx

@@ -7,8 +7,8 @@ import {
   ForkOutlined,
 } from '@ant-design/icons';
 import { schema } from '@data-client/rest';
-import { Temporal } from '@js-temporal/polyfill';
 import type { JSX } from 'react';
+import { Temporal } from 'temporal-polyfill';
 
 import { githubResource, GithubEntity } from './Base';
 import { Issue } from './Issue';

examples/github-app/src/resources/Issue.tsx

@@ -1,4 +1,4 @@
-import { Temporal } from '@js-temporal/polyfill';
+import { Temporal } from 'temporal-polyfill';
 
 import { GithubEntity, githubResource } from './Base';
 import { Label } from './Label';

examples/github-app/src/resources/Pull.ts

@@ -1,4 +1,4 @@
-import { Temporal } from '@js-temporal/polyfill';
+import { Temporal } from 'temporal-polyfill';
 
 import { GithubEntity, githubResource } from './Base';
 import { Label } from './Label';

examples/github-app/src/resources/Reaction.tsx

@@ -1,5 +1,5 @@
 import { HeartOutlined } from '@ant-design/icons';
-import { Temporal } from '@js-temporal/polyfill';
+import { Temporal } from 'temporal-polyfill';
 
 import { githubResource, GithubEntity } from './Base';
 import PreviewEndpoint from './PreviewEndpoint';

examples/github-app/src/resources/Repository.tsx

@@ -1,4 +1,4 @@
-import { Temporal } from '@js-temporal/polyfill';
+import { Temporal } from 'temporal-polyfill';
 
 import { GithubEntity, githubResource, GithubGqlEndpoint } from './Base';
 

examples/github-app/src/resources/Review.ts

@@ -1,4 +1,4 @@
-import { Temporal } from '@js-temporal/polyfill';
+import { Temporal } from 'temporal-polyfill';
 
 import { GithubEntity } from './Base';
 

examples/github-app/src/resources/User.ts

@@ -1,4 +1,4 @@
-import { Temporal } from '@js-temporal/polyfill';
+import { Temporal } from 'temporal-polyfill';
 
 import { githubResource, GithubEndpoint, GithubEntity } from './Base';
 

package.json

@@ -69,7 +69,6 @@
     "@data-client/react": "workspace:*",
     "@data-client/rest": "workspace:*",
     "@data-client/test": "workspace:*",
-    "@js-temporal/polyfill": "^0.5.0",
     "@react-navigation/native": "^7.0.0",
     "@react-navigation/native-stack": "^7.0.0",
     "@testing-library/dom": "^10.4.0",
@@ -103,6 +102,7 @@
     "react-test-renderer": "19.2.3",
     "rimraf": "^6.0.0",
     "rollup": "4.59.0",
+    "temporal-polyfill": "^0.3.0",
     "typescript": "6.0.2",
     "whatwg-fetch": "3.0.0"
   },

packages/endpoint/package.json

@@ -139,11 +139,11 @@
     "@anansi/browserslist-config": "^1.4.2",
     "@data-client/core": "workspace:*",
     "@data-client/normalizr": "workspace:*",
-    "@js-temporal/polyfill": "^0.5.0",
     "@types/jest": "30.0.0",
     "@types/node": "^24.0.0",
     "immutable": "5.1.5",
     "nock": "13.3.1",
-    "rollup-plugins": "workspace:*"
+    "rollup-plugins": "workspace:*",
+    "temporal-polyfill": "^0.3.0"
   }
 }

packages/endpoint/src/__tests__/validateRequired.test.ts

@@ -1,7 +1,7 @@
 // eslint-env jest
 import { jest, describe, beforeAll, afterAll, it, expect } from '@jest/globals';
-import { Temporal } from '@js-temporal/polyfill';
 import { IDEntity } from '__tests__/new';
+import { Temporal } from 'temporal-polyfill';
 
 import SimpleMemoCache from '../schemas/__tests__/denormalize';
 import Entity from '../schemas/Entity';

packages/endpoint/src/schemas/__tests__/Entity.test.ts

@@ -1,8 +1,8 @@
 import { normalize, INVALID } from '@data-client/normalizr';
 import { denormalize as plainDenormalize } from '@data-client/normalizr';
 import { denormalize as immDenormalize } from '@data-client/normalizr/imm';
-import { Temporal } from '@js-temporal/polyfill';
 import { IDEntity } from '__tests__/new';
+import { Temporal } from 'temporal-polyfill';
 
 import { SimpleMemoCache, fromJSEntities } from './denormalize';
 import { AbstractInstanceType } from '../../';

packages/endpoint/src/schemas/__tests__/EntityMixin.test.ts

@@ -2,7 +2,7 @@
 import { normalize, INVALID } from '@data-client/normalizr';
 import { denormalize as plainDenormalize } from '@data-client/normalizr';
 import { denormalize as immDenormalize } from '@data-client/normalizr/imm';
-import { Temporal } from '@js-temporal/polyfill';
+import { Temporal } from 'temporal-polyfill';
 
 import { SimpleMemoCache, fromJSEntities } from './denormalize';
 import { schema, EntityMixin, Values } from '../..';

packages/endpoint/src/schemas/__tests__/Object.test.js

@@ -4,9 +4,9 @@ import {
   denormalize as plainDenormalize,
 } from '@data-client/normalizr';
 import { denormalize as immDenormalize } from '@data-client/normalizr/imm';
-import { Temporal } from '@js-temporal/polyfill';
 import { IDEntity } from '__tests__/new';
 import { fromJS } from 'immutable';
+import { Temporal } from 'temporal-polyfill';
 
 import { fromJSEntities } from './denormalize';
 import { schema } from '../../';

packages/endpoint/src/schemas/__tests__/Serializable.test.ts

@@ -1,7 +1,7 @@
 // eslint-env jest
 import { normalize } from '@data-client/normalizr';
-import { Temporal } from '@js-temporal/polyfill';
 import { IDEntity } from '__tests__/new';
+import { Temporal } from 'temporal-polyfill';
 
 import SimpleMemoCache from './denormalize';
 

packages/normalizr/README.md

@@ -88,7 +88,7 @@ We have two [nested](https://dataclient.io/rest/guides/relational-data) [entity]
 
 ```js
 import { schema, Entity } from '@data-client/endpoint';
-import { Temporal } from '@js-temporal/polyfill';
+import { Temporal } from 'temporal-polyfill';
 
 // Define a users schema
 class User extends Entity {}

packages/normalizr/package.json

@@ -127,10 +127,10 @@
   "devDependencies": {
     "@anansi/browserslist-config": "^1.4.2",
     "@data-client/endpoint": "workspace:*",
-    "@js-temporal/polyfill": "^0.5.0",
     "@types/jest": "30.0.0",
     "@types/node": "^24.0.0",
     "immutable": "5.1.5",
-    "rollup-plugins": "workspace:*"
+    "rollup-plugins": "workspace:*",
+    "temporal-polyfill": "^0.3.0"
   }
 }

packages/normalizr/src/__tests__/WeakDependencyMap.test.ts

@@ -1,4 +1,4 @@
-import { Temporal } from '@js-temporal/polyfill';
+import { Temporal } from 'temporal-polyfill';
 
 import { EntityPath } from '../interface';
 import { MemoPolicy } from '../memo/Policy';

packages/react/package.json

@@ -200,7 +200,6 @@
     "@data-client/rest": "workspace:*",
     "@data-client/test": "workspace:*",
     "@jest/globals": "^30.0.0",
-    "@js-temporal/polyfill": "^0.5.0",
     "@react-navigation/native": "^7.0.0",
     "@react-navigation/native-stack": "^7.2.0",
     "@testing-library/dom": "^10.4.0",
@@ -220,6 +219,7 @@
     "react-native-safe-area-context": "^5.0.0",
     "react-native-screens": "^4.1.0",
     "react-test-renderer": "^19.0.0",
-    "rollup-plugins": "workspace:*"
+    "rollup-plugins": "workspace:*",
+    "temporal-polyfill": "^0.3.0"
   }
 }

packages/react/src/__tests__/useFetch-use.web.tsx

@@ -10,7 +10,6 @@ import { Collection, Values } from '@data-client/endpoint';
 import { normalize } from '@data-client/normalizr';
 import { DataProvider } from '@data-client/react';
 import { jest } from '@jest/globals';
-import { Temporal } from '@js-temporal/polyfill';
 import { render } from '@testing-library/react';
 import {
   CoolerArticleResource,
@@ -32,6 +31,7 @@ import { createEntityMeta } from '__tests__/utils';
 import nock from 'nock';
 import { use } from 'react';
 import React, { Suspense } from 'react';
+import { Temporal } from 'temporal-polyfill';
 
 // relative imports to avoid circular dependency in tsconfig references
 import { useController, ControllerContext, StateContext } from '..';

packages/react/src/hooks/__tests__/useSuspense.native.tsx

@@ -15,7 +15,6 @@ import {
   MockResolver,
 } from '@data-client/test';
 import { jest } from '@jest/globals';
-import { Temporal } from '@js-temporal/polyfill';
 import { NavigationContainer } from '@react-navigation/native';
 import { createNativeStackNavigator } from '@react-navigation/native-stack';
 import { render, act, screen } from '@testing-library/react-native';
@@ -38,6 +37,7 @@ import nock from 'nock';
 import React, { Suspense } from 'react';
 import { Text, View } from 'react-native';
 import { InteractionManager } from 'react-native';
+import { Temporal } from 'temporal-polyfill';
 
 // relative imports to avoid circular dependency in tsconfig references
 import {

packages/react/src/hooks/__tests__/useSuspense.web.tsx

@@ -16,7 +16,6 @@ import {
 } from '@data-client/endpoint';
 import { normalize } from '@data-client/normalizr';
 import { jest } from '@jest/globals';
-import { Temporal } from '@js-temporal/polyfill';
 import { render } from '@testing-library/react';
 import {
   CoolerArticleResource,
@@ -37,6 +36,7 @@ import {
 import { createEntityMeta } from '__tests__/utils';
 import nock from 'nock';
 import React, { Suspense } from 'react';
+import { Temporal } from 'temporal-polyfill';
 
 // relative imports to avoid circular dependency in tsconfig references
 import {

packages/vue/package.json

@@ -113,14 +113,14 @@
     "@anansi/browserslist-config": "^1.4.2",
     "@data-client/rest": "workspace:*",
     "@jest/globals": "^30.0.0",
-    "@js-temporal/polyfill": "^0.5.0",
     "@types/jest": "30.0.0",
     "@types/node": "^24.0.0",
     "@vue/test-utils": "^2.4.0",
     "jest-environment-jsdom": "^30.0.0",
     "jest-mock": "^30.0.0",
     "nock": "13.3.1",
     "rollup-plugins": "workspace:*",
+    "temporal-polyfill": "^0.3.0",
     "vue": "^3.4.0"
   }
 }

scripts/copywebsitetypes.sh

@@ -14,7 +14,7 @@ cp ./packages/react/nextjs.d.ts ./website/src/components/Playground/editor-types
 cp ./packages/react/ssr.d.ts ./website/src/components/Playground/editor-types/@data-client/react/ssr.d.ts
 cp ./packages/react/redux.d.ts ./website/src/components/Playground/editor-types/@data-client/react/redux.d.ts
 cp ./node_modules/@types/react/index.d.ts ./website/src/components/Playground/editor-types/react.d.ts
-cp ./node_modules/@js-temporal/polyfill/index.d.ts ./website/src/components/Playground/editor-types/temporal.d.ts
+cp ./node_modules/temporal-spec/index.d.ts ./website/src/components/Playground/editor-types/temporal.d.ts
 cp ./node_modules/bignumber.js/bignumber.d.ts ./website/src/components/Playground/editor-types/bignumber.d.ts
 cp ./node_modules/@types/qs/index.d.ts ./website/src/components/Playground/editor-types/qs.d.ts
 yarn run rollup --config ./scripts/rollup-plugins/uuid-types.rollup.config.js

website/blog/2024-01-15-v0.9-release-announcement.md

@@ -286,7 +286,7 @@ class MyEntity extends Entity {
 Alternatively, use Temporal:
 
 ```ts
-import { Temporal } from '@js-temporal/polyfill';
+import { Temporal } from 'temporal-polyfill';
 
 class MyEntity extends Entity {
   createdAt = Temporal.Instant.fromEpochSeconds(0);

website/package.json

@@ -44,7 +44,6 @@
     "@docusaurus/preset-classic": "^3.0.1",
     "@docusaurus/theme-live-codeblock": "^3.0.1",
     "@docusaurus/theme-mermaid": "^3.0.1",
-    "@js-temporal/polyfill": "^0.5.0",
     "@mdx-js/react": "^3.1.0",
     "@monaco-editor/react": "^4.8.0-rc.0",
     "@number-flow/react": "^0.6.0",
@@ -56,6 +55,7 @@
     "react-dom": "^19.0.0",
     "react-json-tree": "0.20.0",
     "react-live": "^4.0.0",
+    "temporal-polyfill": "^0.3.0",
     "typescript": "6.0.2",
     "uuid": "^13.0.0"
   },

website/src/components/Playground/PreviewWithScope.tsx

@@ -2,7 +2,6 @@ import * as graphql from '@data-client/graphql';
 import * as rhReact from '@data-client/react';
 import * as rhReactNext from '@data-client/react/next';
 import * as rest from '@data-client/rest';
-import { Temporal, Intl as PolyIntl } from '@js-temporal/polyfill';
 import BigNumber from 'bignumber.js';
 import { use } from 'react';
 import { LiveProvider } from 'react-live';
@@ -11,6 +10,7 @@ import { v4 as uuid } from 'uuid';
 import * as designSystem from './DesignSystem';
 import Preview from './Preview';
 import PreviewWrapper from './PreviewWrapper';
+import { Temporal, Intl, DateTimeFormat } from './temporal';
 import transformCode from './transformCode';
 import type { PreviewProps } from './types';
 import ResetableErrorBoundary from '../ResettableErrorBoundary';
@@ -31,11 +31,6 @@ const mockFetch = (getResponse, name, delay = 150) => {
   return fetch;
 };
 
-const Intl = {
-  ...globalThis.Intl,
-  ...PolyIntl,
-};
-
 const scope = {
   ...rhReact,
   ...rhReactNext,
@@ -49,7 +44,7 @@ const scope = {
   ResetableErrorBoundary,
   Temporal,
   Intl,
-  DateTimeFormat: PolyIntl.DateTimeFormat,
+  DateTimeFormat,
   ...designSystem,
 };